WP Manifestindependent plugin directory
manifest / unclassified / wpu-visa-mer

WPU Visa mer

Ett hopfällbart textblock byggt med Interactivity API, utan byggsteg.

by kristofferpihlfelt · github.com/kristofferpihlfelt/wpu-visa-mer · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/kristofferpihlfelt/wpu-visa-mer/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/kristofferpihlfelt/wpu-visa-mer ↗

Gratis plugin från wordpressutveckling.se. Koden förklaras rad för rad i guiden: https://wordpressutveckling.se/gutenberg-block-interactivity-api/

Byggt av Kristoffer Pihlfelt på Pihlfelt & Vänner. Licens: GPL-2.0-or-later.

  • Bidragsgivare: Pihlfelt & Vänner
  • Kräver WordPress: 6.5
  • Kräver PHP: 8.2
  • Version: 1.0.0
  • Licens: GPL-2.0-or-later

Vad det gör

Blocket Visa mer: en rubrik som alltid syns, en knapp och en text som är hopfälld tills besökaren klickar. Byggt med Interactivity API: starttillståndet renderas på servern (hidden, aria-expanded och knapptext), och en liten modul tar över i webbläsaren. Flera block på samma sida fälls ut oberoende av varandra. Inget byggsteg, filerna laddas som de är. Blocket har ingen egen CSS och ärver temats stilar; klasserna är wpu-visa-merknapp, ar-oppen och wpu-visa-mertext.

Installation

  1. Gå till Tillägg > Lägg till nytt > Ladda upp tillägg och välj zip-filen. Aktivera.
  2. Lägg till blocket Visa mer i ett inlägg eller en sida, fyll i rubriken och texten.
  3. Ändrar du view.js, räkna upp versionen i view.asset.php så att besökarnas webbläsare hämtar den nya filen.

Källa

Koden förklaras rad för rad i guiden "Bygg ett Gutenberg-block med Interactivity API": https://wordpressutveckling.se/gutenberg-block-interactivity-api/

Den senaste versionen finns alltid på samma adress: https://wordpressutveckling.se/ladda-ner/wpu-visa-mer/

Ändringslogg

1.0.0

  • Första versionen, samma kod som i guiden.