bernardkuipers.nl Business analist | Programmeur

BFWK’s Inline Footnotes

DetailsScreenshotsHandleiding

1. Het woordenboek gebruiken
1.1. Witregels
1.2. Het gebruik van html in het woordenboek
1.2.1. Een paar voorbeelden
1.2.1.1. Een YouTube-filmpje toevoegen
1.2.1.2. Een plaatje toevoegen
1.2.1.3. Een link toevoegen
2. Eenmalige footnotes
2.1. Witregels
2.2. Html in eenmalige footnotes
3. Ik heb een andere vraag

1. Het woordenboek gebruiken #

  1. Kies in een bericht of pagina een woord waarover je extra informatie wil geven. Bijvoorbeeld het woord ‘noga’.
  2. We gaan ervan uit dat de zin is: Ik ben dol op noga.
  3. Zet bij noga twee sterretjes en sla op. Dan heb je dus:
    Ik ben dol op noga.**
    Inderdaad, je zet de sterretjes na de punt. Onthoud: De sterretjes worden vervangen door een klikbaar dingetje. Tussen een woord en een leesteken is dat niet zo mooi. Je kunt maximaal twee leestekens gebruiken tussen het woord en de sterretjes.
  4. Maak in het tabblad Woordenboek een ingang voor het woord noga, schrijf erover wat je wil, en sla alles op.
  5. Da’s alles. De bovenstaande handelingen geven in de tekst bijvoorbeeld: Ik ben dol op noga.We zetten mensen op de maan, we opereren ongeboren babies, we maken auto's die zelf kunnen rijden.

    Maar noga zo gezond als kiwi's..

1.1. Witregels #

De witregels worden niet overgenomen zoals je ze typt. Voor een witregel typ je:

Tekst van de eerste alinea.<br>&nbsp;<br>Tekst van de tweede alinea.

Eigenlijk is dat gewoon html’s voor ga naar de volgende regel, schrijf een ‘non breaking space’ en ga weer een regel verder.

1.2. Het gebruik van html in het woordenboek #

Je kunt html gebruiken in het woordenboek. Zorg er wel voor dat ze well formed is, want dat wordt niet gecontroleerd. Als je bijvoorbeeld een tag vergeet te sluiten kan dat invloed hebben op de layout van je pagina.

1.2.1. Een paar voorbeelden #

De voorbeelden hieronder zijn willekeurig. Waar het op neer komt: ’t Is gewoon html.

1.2.1.1. Een YouTube-filmpje toevoegen #

Neem onderstaande code over, en pas de src aan naar het YouTube-filmpje dat je wil laten zien.

<iframe width="560" height="315" src="url-naar-YouTube-filmpje" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

Je kunt de width en de height natuurlijk ook aanpassen. Onder andere.

1.2.1.2. Een plaatje toevoegen #

Neem onderstaande code over en pas de src aan naar het plaatje dat je wil laten zien.

<img src="url-naar-plaatje"/>

Voor een plaatje uit je eigen media-bibliotheek wordt het bijvoorbeeld:

<img src="/wp-content/uploads/2018/06/img_1834.jpg"/>

Bovenstaande code geeft als resultaat:

1.2.1.3. Een link toevoegen #

Neem onderstaande code over en pas de href aan.

Als je wil leren nòg beterderder te schrijven, dan klik je <a href="https://deblogacademie.nl" target="_blank">hier</a>, en als je wil dat er iemand voor je schrijft, dan klik je <a href="https://chrisrommers.nl" target="_blank">hier</a>.

Bovenstaande code geeft als resultaat: Als je wil leren nòg beterderder te schrijven, dan klik je hier. En als je wil dat er iemand voor je schrijft, dan klik je hier.

2. Eenmalige footnotes #

Soms wil je een eenmalige footnote toevoegen. Of misschien wil je alleen maar gebruik maken van eenmalige footnotes. Hoe dan ook, dat doe je zo:

Dit is de lopende tekst voorafgaand aan een eenmalige footnote.<span id="pos_93276" class="bfwk-triangle-down" onclick="showValue(93276)"></span><span id="value_93276" class="bfwk-inline">Deze tekst hoort bij die eenmalige footnote.</span>

De footnote verschijnt op de plaats waar je haar neerzet. Bovenstaande code geeft als resultaat: Dit is de lopende tekst voorafgaand aan een eenmalige footnote.Deze tekst hoort bij die eenmalige footnote.

2.1. Witregels #

Je maakt witregels net zoals in het woordenboek. Dus:

[bfwk_if text='Dit is de eerste alinea.<br>&nbsp;<br>Dit is de tweede alinea.']

Bovenstaande code geeft: Dit is de eerste alinea.
 
Dit is de tweede alinea.

2.2. Html in eenmalige footnotes #

In eenmalige footnotes werkt html ook. Gebruik dan enkele quotes (‘) in plaats van dubbele quotes (“). Dus:

Dit is de lopende tekst voorafgaand aan een eenmalige footnote met html.<span id="pos_17859" class="bfwk-triangle-down" onclick="showValue(17859)"></span><span id="value_17859" class="bfwk-inline">Dit is een <a href="url-naar-een-andere-pagina" target="_blank">link</a> in de eenmalige footnote.<br> <br>(Daar heb je dus niks aan, want <em>url-naar-een-andere-pagina</em> bestaat niet.)</span>

Merk op dat na text= een enkele quote staat, en dat er ook wordt afgesloten met een een enkele quote. Als je dat niet doet verslikt WordPress zich omdat-ie niet goed weet welke quotes nu waarbij horen. Het kan trouwens geen kwaad om altijd enkele quotes te gebruiken bij attributes van shortcodes. Dus ook als je géén html gebruikt.

Bovenstaande code geeft als resultaat: Dit is de lopende tekst voorafgaand aan een eenmalige footnote met html.Dit is een link in de eenmalige footnote.
 
(Daar heb je dus niks aan, want url-naar-een-andere-pagina bestaat niet.)

3. Ik heb een andere vraag #

O. Nou, stel ‘m hieronder.







bernardkuipers.nl Business analist | Programmeur