Hypermedia Show More · WordPress

Kort först.Mer när du vill.

En bra introduktion räcker långt. Låt den som vill veta mer öppna resten, precis där den läser.

Din sida. En knapp till.
STUDIO LINDDAGSPASS
Ljust skrivbord vid ett fönster
En plats att landa.

En arbetsplats
för dagen.

Ett lugnt skrivbord, gott kaffe och plats att tänka. Läs vad som ingår innan du bokar.

Vad ingår?

I dagspasset ingår skrivbord, wifi och kaffe. Det finns eluttag vid varje plats och ett gemensamt kök för lunchen.

  • Tillgång mellan 08.00 och 17.00.
  • En lugn del för koncentrerat arbete.
  • Mötesrum kan bokas separat.

Studio Lind är en fiktiv arbetsplats. Knappen är på riktigt.

Börja med det viktigaste.

Hypermedia Show MoreUnder utvecklingAron Baldvinsson

Litet tillägg. Tydlig skillnad.

Samma innehåll.
Lite mer andrum.

Öppettider, praktiska detaljer eller en längre beskrivning. Allt får plats, utan att stå i vägen för det första du vill säga.

Prova exempelsidan ↑

Från WordPress till besökaren

Skriv. Lägg till knappen.
Låt läsaren välja.

Här är samma exempelsida i en riktig WordPress-installation, med tillägget aktiverat.

Skriv i WordPress. Lägg fördjupningen i ett Kortkod-block. Välj vad som ska stå på knappen.
Riktig WordPress-installation · Skriv i WordPress · Öppna större ↗
Visa introduktionen. Besökaren möts av det viktigaste och en tydlig väg vidare.
Riktig WordPress-installation · Visa introduktionen · Öppna större ↗
Öppna resten. Ett klick visar fortsättningen på samma sida. Ett till stänger den.
Riktig WordPress-installation · Öppna resten · Öppna större ↗

Du väljer knapptexten.

”Läs mer”, ”Visa detaljer” eller något som passar din sida. Du kan också ändra färg, storlek och justering.

Det går att använda tangentbordet.

Tab flyttar till knappen. Enter eller mellanslag öppnar texten. Knappen talar också om för skärmläsare om innehållet är öppet eller stängt.

Texten finns kvar utan JavaScript.

Om JavaScript är avstängt visas hela innehållet direkt. Besökaren behöver inte en fungerande knapp för att kunna läsa.

Har du redan WP show more?

Den gamla kortkoden kan användas om inget annat tillägg använder samma namn. Prova bytet på en kopia av sajten först, särskilt om du har egen CSS, formulär eller inbäddat innehåll.

Hypermedia Show More

Samma knapp, även i mobilen.

Texten anpassar sig till skärmen. Besökaren öppnar och stänger den med samma knapp som på datorn. Bilden visar den riktiga sidan i 390 pixlars bredd.

Se den riktiga mobilbilden
04 · Utfällt innehåll på en mobilskärm, 390 px bred.
04 · Utfällt innehåll på en mobilskärm, 390 px bred. · Öppna större ↗

Fotot i exempelsidan · Dextar Studio / Pexels

När går det att hämta?

Jag förbereder den första versionen. Den är ännu inte inskickad till WordPress.org, så det finns inget tillägg att hämta där än. Här kan du prova hur funktionen fungerar.

Produktbild · WordPress