LuckyWP Inhoudsopgave

Omschrijving

Creëert SEO-vriendelijke inhoudsopgave voor je berichten, pagina’s, of aangepaste berichttypen. Geweldig aanpasbaar uiterlijk.

Kenmerken

  • Automatische invoeging van een inhoudsopgave (configureer berichttype en positie).
  • SEO-vriendelijk: de inhoudsopgave-code is klaar om door Google gebruikt te worden voor snippets op de resultatenpagina.
  • Toevoegen met shortcode, Gutenberg blok, of widget.
  • Knop op toolbar van de klassieke editor.
  • Gutenberg blok onder “Algemene blokken”.
  • Instellen van het minimale aantal koppen om de inhoudsopgave weer te geven.
  • Instellen van het koptekst-niveau voor de inhoudsopgave.
  • Sla kopteksten over op niveau of bij bepaalde tekst.
  • Hiërarchische of lineaire weergave.
  • Nummering items: decimale of Romeinse cijfers in volgorde of genest.
  • Aanpasbaar uiterlijk: breedte, float, titel lettertype en gewicht, items lettergrootte, kleuren.
  • Kleurschema’s (donker, licht, wit, transparant, overnemen van thema) en de mogelijkheid om kleuren te overschrijven.
  • Schakelen tussen tonen en verbergen (optioneel).
  • Aanpasbare labels.
  • Smooth scroll (optioneel).
  • Instelling voor offset bovenkant voor smooth scroll.
  • Zet inhoudsopgave in een <!–noindex–> tag (optioneel).
  • Mooie hash in URL (zoals voorbeeld.nl/faq/#hoe_doe_je_dit).
  • Rechts-naar-links ondersteuning.
  • Algemene instellingen per bericht overschrijfbaar.
  • Zeer compatibel met WordPress-thema’s en plugins.

Automatisch toevoegen

Voor automatische invoeging van een inhoudsopgave in een bericht, selecteer optie “Automatisch invoegen inhoudsopgave” in de plugin’s instellingen (tabblad “Automatisch invoegen”).

Ondersteunde posities:

  • voor eerste koptekst;
  • na eerste koptekst;
  • na eerste blok (paragraaf of koptekst);
  • bovenaan de berichtinhoud;
  • onderaan de berichtinhoud.

Je kunt ook berichttypen selecteren waaraan je automatisch een inhoudsopgave wilt toevoegen.

Handmatig invoegen

Gebruik één van de volgende manieren om een inhoudsopgave in een bericht te zetten:

  • knop “Inhoudsopgave” op de toolbar in de klassieke editor;
  • Gutenberg blok “Inhoudsopgave”;
  • shortcode [lwptoc].

Mooie hash in URL.

Standaard word de hash gegenereerd naar de koptekst (bijvoorbeeld #Hoe_Doe_Je_Dit). Je kunt de hash-indeling wijzigen bij de algemene instellingen onder tab “Overig”.

Bij niet-Engelstalige website raden we aan om de Intl PHP extensie aan te zetten.

Compatibiliteit

LuckyWP Inhoudsopgave is met succes getest met de volgende plugins:

  • Elementor Page Builder
  • Beaver Builder en Beaver Builder Themer Add-On
  • WPBakery Page Builder
  • Oxygen
  • WordPress Multilingual plugin (WPML), officieel bevestigd
  • Rank Math, officieel bevestigd
  • WP Rocket
  • Toolset Views en Toolset Access

Hooks

Filter lwptoc_before, lwptoc_after

Gebruik om custom HTML voor/na de inhoudsopgave toe te voegen.

Voorbeeld:

add_filter('lwptoc_before', function ($before) {
    return '<p>Example text before TOC.</p>' . $before;
});

Filter lwptoc_shortcode_tag

Gebruik dit filter om de naam van de shortcode tag [lwptoc] te wijzigen.

Voorbeeld:

add_filter('lwptoc_shortcode_tag', function ($tag) {
    return 'toc';
});

Filter lwptoc_heading_id

Gebruiken voor aanpassen van een koptekst ID.

Voorbeeld:

add_filter('lwptoc_heading_id', function ($id, $label) {
    return $id;
}, 10, 2);

Schermafdrukken

  • Inhoudsopgave
  • Gutenberg ondersteuning
  • Klassieke editor ondersteuning
  • Aanpassen scherm
  • Voorbeelden van kleurcombinaties
  • Widget instellingen
  • Algemene instellingen
  • Weergave instellingen
  • Auto toevoeg instellingen
  • Bewerken kopteksten instellingen
  • Overige instellingen

Blokken

Deze plugin heeft 1 blok.

luckywp/tableofcontents
LuckyWP Table of Contents

Installatie

Installeren vanuit het WordPress admin scherm.

  1. Ga naar pagina “Plugins > Nieuwe plugin”.
  2. Typ de naam “LuckyWP Table of Contents” in het zoekveld
  3. Zoek de plugin “LuckyWP Table of Contents” in het zoekresultaten, en klik op de “Nu installeren” knop. De plugin wordt dan geïnstalleerd.
  4. Klik op “Activeren” wanneer de installatie is voltooid.

Installeren met het ZIP bestand

  1. Ga naar de pagina “Plugins > Nieuwe plugin” in het WordPress admin scherm
  2. Klik op de knop “Upload plugin”, het formulier voor het uploaden van het ZIP bestand wordt geopend.
  3. Selecteer het ZIP bestand met de plugin en klik op “Installeren”.
  4. Klik op de knop “Activeer plugin” wanneer de installatie is voltooid.

Handmatige installatie

  1. Upload de folder luckywp-table-of-contents naar de map voor plugins, normaliter is dat /wp-content/plugins/.
  2. Ga naar de pagina “Plugins > Nieuwe plugin” in het WordPress admin scherm
  3. Zoek “LuckyWP Inhoudsopgave” in de plugin-lijst en klik op “Activeren”.

Na activeren

In de klassieke editor komt de knop “Inhoudsopgave” te staan (op het bewerk bericht/pagina scherm).

In de Gutenberg editor staat het blok “Inhoudsopgave” onder “Algemene blokken”.

Het menu-item “Inhoudsopgave” verschijnt onder het “Instellingen” menu van het WordPress admin navigatiemenu.

Bij niet-Engelstalige website raden we aan om de Intl PHP extensie aan te zetten.

Beoordelingen

22 september 2020
I installed the plugin a few days ago and it's really made my posts look more professional. Having a table of contents is a must for long form posts. and this plugin work out the box automatically or you can manually insert the TOCs. Really happy and impressed. Well done!
Lees alle 455 beoordelingen

Bijdragers & ontwikkelaars

“LuckyWP Inhoudsopgave” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“LuckyWP Inhoudsopgave” is vertaald in 31 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “LuckyWP Inhoudsopgave” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

2.1.4 — 2020-08-03

  • Code beetje geherstructureerd.

2.1.3 — 2020-06-07

  • Hook filter lwptoc_allow toegevoegd.

2.1.2 — 2020-05-08

  • Hook filter lwptoc_title_tag toegevoegd.

2.1.1 — 2020-03-15

  • In de heading ID zijn dubbele koppeltekens vervangen door eentje.
  • Aangepast: inhoud van tags <style> en <script> stonden in het heading label.

2.1 — 2020-03-12

  • Optie “Extra CSS Class(es)” toegevoegd.
  • Optie “OL/LI” toegevoegd aan “List Markup Tags”.
  • Ondersteuning voor de Oxygen Builder toegevoegd.
  • Class “lwptoc_item” verwijderd van links.
  • Kleine aanpassingen om de prestaties te verbeteren.

2.0.9 — 2020-03-07

  • Hook filters lwptoc_heading_html en lwptoc_heading_label toegevoegd.
  • Aangepast: on sommige gevallen werden JS/CSS bestanden niet geregistreerd.
  • Kleinere aanpassingen voor goede werking met toekomstige versies van WordPress.

2.0.8 — 2020-02-23

  • Hook filter lwptoc_active toegevoegd.
  • Tab “LuckyWP Plugins” toegevoegd aan instellingen.
  • Verbetering werking van optie “Kopteksten overslaan op tekst”.
  • Aangepast: in sommige gevallen werd de shortcode niet goed verwerkt.
  • Aangepast: in sommige gevallen werkte automatisch invoegen niet.
  • Aangepast: koppen in inhoudsopgave werden niet goed afgesloten.
  • Kleine aanpassingen in weergavescherm.

2.0.7 — 2020-01-31

  • Ondersteuning van child thema’s van “Twenty Twenty”toegevoegd.
  • Aangepast: verkeerd smooth scroll gedrag wanneer op de pagina html {scroll-behavior: smooth;} werd gebruikt.
  • Aangepast: in sommige gevallen werkte automatisch invoegen na het eerste blok niet goed.

2.0.6 — 2020-01-29

  • Wanneer smooth scroll hash is aangezet veranderd deze na de volledige animatie.
  • Aangepast: verkeerd verwerken van conditionele reacties in inhoud.
  • Aangepast: JS werkte niet bij asynchroon laden.

2.0.5 — 2020-01-26

  • Aangepast: verkeerd verwerken HTML entiteiten in links.
  • Aangepast: verkeerd verwerken scripts, stijlen en CDATA in inhoud.

2.0.4 — 2020-01-25

  • Gegevens over “intl versie” en “ICU versie” aan debugging informatie van “Sitediagnose” toegevoegd.
  • Het dubbele punt symbool is verwijderd van het hekje wanneer hekje formaat “Als kop zonder omschrijving” wordt gebruikt.
  • Aangepast: verkeerd verwerken HTML entiteiten

2.0.3 — 2020-01-19

  • Ondersteuning voor “Twenty Twenty” thema toegevoegd.
  • Code beetje geherstructureerd.

2.0.2 — 2020-01-10

  • Aangepast: in sommige gevallen werkte de plugin niet goed met UTF-8.
  • Aangepast: bij automatisch invoegen van inhoudsopgave met optie “Voor/na eerste kop”aan berichten zonder kop ontstond fout.
  • Aangepast: wanneer toon/verberg schakelaar uitgezet ontstond een JS fout.

2.0.1 — 2020-01-08

  • Aangepast: in sommige gevallen werkten kopteksten niet goed.

2.0 — 2020-01-07

  • Debugging informatie toegevoegd voor “Sitediagnose” tool.
  • CSS en JS worden alleen geladen wanneer inhoudsopgave wordt getoond.
  • jQuary dependency verwijderd in frontend.
  • Automatisch invoegen van inhoudsopgave maakt nu gebruik van PHP extensie DOM (Document Object Model).
  • Verwerken van headings maakt nu gebruik van PHP extensie DOM (Document Object Model).
  • Kleine verbeteringen in CSS.

1.9.11 — 2019-11-18

  • Hook filters lwptoc_force_wp_transliterate en lwptoc_transliterator toegevoegd.
  • Aangepast: in sommige gevallen gebruikte de inhoudsopgave een andere dan het huidige bericht.

1.9.10 — 2019-11-10

  • Aangepast: in sommige gevallen werd de hash voor kop zonder transliteratie verkeerd gegenereerd.

1.9.9 — 2019-11-06

  • Kleine aanpassingen voor compatibiliteit met WPML.

1.9.8 — 2019-10-23

  • Kleine aanpassingen voor compatibiliteit met WordPress 5.3.

1.9.7 — 2019-10-17

  • Aangepast: in sommige gevallen werd de widget niet goed weergegeven.

1.9.6 — 2019-10-11

  • Compatibiliteitsverbeteringen met thema’s en plugins.

1.9.5 — 2019-10-09

  • Compatibiliteitsverbeteringen met thema’s en plugins.

1.9.4 — 2019-09-04

  • Compatibiliteitsverbeteringen met thema’s en plugins.

1.9.3 — 2019-08-25

  • WPML compatibiliteit toegevoegd.

1.9.2 — 2019-08-11

  • Ondersteuning voor de Elementor plugin toegevoegd.

1.9.1 — 2019-08-04

  • Ondersteuning voor Toolset Views plugin toegevoegd.

1.9 — 2019-08-04

  • Special kleurschema “overnemen van thema” toegevoegd.
  • Optie “Lijst markup tags” toegevoegd.
  • Ondersteuning voor de Beaver Builder Themer Add-On toegevoegd.
  • Automatische verwijdering van lege koppen uit de inhoudsopgave geïmplementeerd.
  • Bij het automatisch invoegen van de inhoudsopgave “na het eerste blok” wordt alleen rekening gehouden met alinea’s en koppen.
  • Verbeterde JS code om herinitialisatie te voorkomen.
  • Kleinere aanpassingen in strings, typfouten weggewerkt.
  • Tips voor vertalers toegevoegd aan code.

1.8 — 2019-07-29

  • Optie “Gebruik rel=”nofollow” voor links” toegevoegd
  • Werkt nu met de Rank Math SEO plugin.
  • Optie “Automatisch invoegen inhoudsopgave” staat nu standaard uit.
  • Bij bericht “Beoordeel de plugin” is actie “Ik heb de plugin al beoordeeld” vervangen door “Niet meer laten zien”.
  • Tips voor vertalers toegevoegd aan code.

1.7 — 2019-07-18

  • Optie toegevoegd “Vervang liggende streepjes (_) door koppeltekens (-)” voor hash.
  • Optie “Converteer naar kleine letters” voor hash toegevoegd.
  • Kleine veranderingen in strings.
  • Tips voor vertalers toegevoegd aan code.
  • Aangepast: in sommige gevallen werden kopteksten foutief overgeslagen.

1.6.1 — 2019-07-14

  • Optie toegevoegd voor hash formaat “Als koptekst zonder omschrijving”.
  • Hebreeuwse vertaling toegevoegd, met dank aan @cdk-comp en @0enaro.
  • Spaanse vertaling toegevoegd, met dank aan @fernandot, @sanbec, en @nobnob.
  • Verbeterde hash-generatie met optie “Als koptekst”.

1.6 — 2019-07-13

  • Rechts naar links ondersteuning toegevoegd.
  • Optie “Nummering achtervoegsel” toegevoegd.
  • Verandering tekst domein naar “luckywp-table-of-contents”.
  • Verbetering Beaver Builder plugin ondersteuning.

1.5.7 — 2019-07-10

  • Verbetering smooth scroll implementatie voor ondersteuning van lazy loading van afbeeldingen in inhoud.
  • Aangepast: in sommige gevallen werkte smooth scroll naar kopteksten niet goed.

1.5.6 — 2019-07-06

  • Aangepast: in sommige gevallen werkte optie “Minimum aantal kopteksten” niet goed.

1.5.5 — 2019-07-06

  • Code aangepast om met de Toolset Access plugin te werken.

1.5.4 — 2019-06-29

  • Ondersteuning voor Beaver Builder plugin toegevoegd.
  • Aangepast: in sommige gevallen werkte het bewerken van kopteksten niet goed.

1.5.3 — 2019-06-27

  • Aangepast: bij automatisch invoegen van de inhoudsopgave werden de instellingen “Zet inhoudsopgave in <!–noindex–> tag” en “Overslaan kopteksten” niet overschreven.
  • Aangepast: in sommige gevallen werkte het automatisch invoegen na het eerste blok niet.

1.5.2 — 2019-06-17

  • Hook filter lwptoc_heading_id toegevoegd.
  • Klassiek gedrag bij klik op “Terug” in browser toegevoegd.

1.5.1 — 2019-06-05

  • Bug fix

1.5 — 2019-06-04

  • Verbeteringen voor zoekmachines (Google en anderen).

1.4.1 — 2019-06-01

  • Bug fix

1.4 — 2019-06-01

  • Widget “Inhoudsopgave” toegevoegd.
  • Ondersteuning voor output van inhoudsopgave via do_shortcode('[lwptoc]') toegevoegd.
  • Verbeteringen van compatibiliteit met thema’s.

1.3.1 — 2019-05-09

  • Bug fix

1.3.0 — 2019-05-08

  • Sla kopteksten over op niveau of bij bepaalde tekst.

1.2.2 — 2019-04-24

  • Bug fix

1.2.1 — 2019-04-24

  • Verbeteringen van compatibiliteit met thema’s.

1.2.0 — 2019-04-23

  • Float opties “Gecentreerd” en “Rechts zonder flow” toegevoegd.
  • Instelling “Hash formaat” toegevoegd.
  • Gebruik in plaats van “name” attribuut “id” in anchors.
  • Kleine verbeteringen in CSS voor meer compatibiliteit met thema’s.

1.1.1 — 2019-04-15

  • Tag <noindex> vervangen door <!–noindex–>.

1.1.0 — 2019-04-14

  • Optie “Zet inhoudsopgave in <noindex> tag” toegevoegd.
  • Hook filters lwptoc_before, lwptoc_after, lwptoc_shortcode_tag toegevoegd.
  • Aangepast: in de Gutenberg editor in het “Klassiek” blok geen CSS laden bij shortcode.

1.0.4 — 2019-11-18

  • Bug fix

1.0.3 — 2019-11-17

  • Kleine aanpassingen aan uiterlijk.
  • Bug fix

1.0.2 — 2019-11-16

  • Bug fix

1.0.1 — 2019-11-15

  • Bug fix

1.0.0 — 2018-11-14

  • Eerste release.