{"id":518,"date":"2021-06-03T13:14:03","date_gmt":"2021-06-03T11:14:03","guid":{"rendered":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/?p=518"},"modified":"2021-10-05T16:41:49","modified_gmt":"2021-10-05T14:41:49","slug":"tabs-invoegen-in-een-pagina-of-bericht","status":"publish","type":"post","link":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/tabs-invoegen-in-een-pagina-of-bericht\/","title":{"rendered":"Tabs invoegen in een pagina of bericht"},"content":{"rendered":"

Soms wil je verschillende aspecten van een onderwerp apart beschrijven. Tabs lenen zich daar bij uitstek voor.<\/p>\n

Hoe doe je dat?<\/p>\n

Tab met de tekst<\/span>Tab met een shortcode<\/span><\/div>
\n

<\/span>\"\"<\/a>Stap 1: Voeg de tabs in<\/span><\/h3>\n

Voor tabs gebruik je een shortcode, met de knop “[] Voeg shortcode in”.<\/p>\n

Daarmee verschijnt het volgende scherm:<\/p>\n

\n
\"\"<\/a><\/div><\/div>\n
\"\"<\/a><\/div><\/div>\n<\/div>\n

Hier verschijnen er twee tabs, als volgt:<\/p>\n

\"\"<\/a><\/p>\n

Door de\u00a0 regel “h4su_tab…” tot aan\u00a0 “\/h4su_tab” te kopieren kan je extra tabs toevoegen.<\/p>\n

<\/span>Stap 2: Geef de tabs hun titels<\/span><\/h3>\n

Vervang de “Tab naam” door de daadwerkelijke naam van elke tab.<\/p>\n

<\/span>Stap 3: Geef elke tab inhoud<\/span><\/h3>\n

Vervang de “Tab inhoud” door de daadwerkelijke inhoud van elke tab.<\/p>\n

<\/span>Opmerkingen & Tips<\/span><\/h3>\n

Binnen het bewerken van de pagina kan de inhoud van elke tab – en ook van de pagina als geheel – al snel onoverzichtelijk worden. Dat komt met name door de veelheid van shortcodes. Al snel zie je door de bomen het bos niet meer.<\/p>\n

Zo is voor deze pagina een shortcode gebruikt om de Tabs in te voegen, en daarbinnen een shortcode om de twee afbeeldingen van de shortcode naast elkaar te tonen in aparte kolommen.<\/p>\n

Het geheel resulteert in de Tab inhoud van de eerste tab.<\/p>\n

Alternatief: vervang de hele tab inhoud door een eigen shortcode<\/p>\n

\"\"<\/a><\/p>\n

<\/span>Maak een shortcode<\/span><\/h4>\n

\"\"<\/a>Kies allereerst Visuele editor in plaats van Code editor.<\/p>\n

Nadat het scherm zich heeft ververst kan dan de geloofsgemeenschap worden geselecteerd en de shortcode naam worden gekozen.<\/p>\n

Het is verstandig om ook hier dit vooraf te laten gaan door de aanduiding van de geloofsgemeenschap.<\/p>\n

Met het kiezen van de shortcode naam verschijnt onmiddelijk daaronder de shortcode.<\/p>\n

\"\"<\/a><\/h4>\n

<\/span>De inhoud van de shortcode<\/span><\/h4>\n

Net als voor een pagina en bericht kan ook voor een shortcode een inhoud worden ingevuld.<\/p>\n

In het geval van de Tabs in een pagina of bericht kan dus de inhoud van \u00e9\u00e9n tab in een dergelijke shortcode worden opgenomen.<\/p>\n

Ook de shortcode kan nog steeds wat onoverzichtelijk overkomen. Maar het zal altijd beter zijn, omdat de inhoud zich beperkt tot dat ene tabblad.<\/p>\n

<\/span>De shortcode van de shortcode…<\/span><\/h4>\n

Uiteindelijk wordt – na publicatie van de shortcode – de shortcode van deze shortcode (hier: sc name=”pr-tab-inhoud”) ingevoegd in de tab inhoud.<\/p>\n

In het bewerkingspaneel van de pagina ziet de specificatie van dat tabblad er dan als volgt uit:<\/p>\n

\"\"<\/a><\/p>\n<\/div>\n

<\/span>\"\"<\/a>Stap 1: Voeg de tabs in<\/span><\/h3>\r\n

Voor tabs gebruik je een shortcode, met de knop \"[] Voeg shortcode in\".<\/p>\r\n

Daarmee verschijnt het volgende scherm:

\"\"<\/a><\/div><\/div>
\"\"<\/a><\/div><\/div> <\/div> Hier verschijnen er twee tabs, als volgt: \"\"<\/a> Door de\u00a0 regel [h4su_tab...]...[\/h4su_tab] te kopieren kan je extra tabs toevoegen.<\/p>\r\n

<\/span>Stap 2: Geef de tabs hun titels<\/span><\/h3>\r\n

Vervang de \"Tab naam\" door de daadwerkelijke naam van elke tab.<\/p>\r\n

<\/span>Stap 3: Geef elke tab inhoud<\/span><\/h3>\r\n

Vervang de \"Tab inhoud\" door de daadwerkelijke inhoud van elke tab.<\/p>\r\n

<\/span>Opmerkingen & Tips<\/span><\/h3>\r\n

Binnen het bewerken van de pagina kan de inhoud van elke tab - en ook van de pagina als geheel - al snel onoverzichtelijk worden. Dat komt met name door de veelheid van shortcodes. Al snel zie je door de bomen het bos niet meer.<\/p>\r\n

Zo is voor deze pagina een shortcode gebruikt om de Tabs in te voegen, en daarbinnen een shortcode om de twee afbeeldingen van de shortcode naast elkaar te tonen in aparte kolommen.
Het geheel resulteert in de Tab inhoud van de eerste tab.<\/p>\r\n

Alternatief: vervang de hele tab inhoud door een eigen shortcode<\/p>\r\n

\"\"<\/a><\/p>\r\n

<\/span>Maak een shortcode<\/span><\/h4>\r\n

\"\"<\/a>Kies allereerst Visuele editor in plaats van Code editor.<\/p>\r\n

Nadat het scherm zich heeft ververst kan dan de geloofsgemeenschap worden geselecteerd en de shortcode naam worden gekozen.<\/p>\r\n

Het is verstandig om ook hier dit vooraf te laten gaan door de aanduiding van de geloofsgemeenschap.<\/p>\r\n

Met het kiezen van de shortcode naam verschijnt onmiddelijk daaronder de shortcode.<\/p>\r\n

\"\"<\/a><\/h4>\r\n

<\/span>De inhoud van de shortcode<\/span><\/h4>\r\n

Net als voor een pagina en bericht kan ook voor een shortcode een inhoud worden ingevuld.<\/p>\r\n

In het geval van de Tabs in een pagina of bericht kan dus de inhoud van \u00e9\u00e9n tab in een dergelijke shortcode worden opgenomen.<\/p>\r\n

Ook de shortcode kan nog steeds wat onoverzichtelijk overkomen. Maar het zal altijd beter zijn, omdat de inhoud zich beperkt tot dat ene tabblad.<\/p>\r\n

De shortcode van de shortcode...<\/h4>\r\n

Uiteindelijk wordt - na publicatie van de shortcode - de shortcode van deze shortcode (hier: sc name=\"pr-tab-inhoud\") ingevoegd in de tab inhoud. In het bewerkingspaneel van de pagina ziet de specificatie van dat tabblad er dan als volgt uit:<\/p>\r\n

\"\"<\/a> \u00a0 \u00a0 \u00a0 \u00a0<\/p><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Soms wil je verschillende aspecten van een onderwerp apart beschrijven. Tabs lenen zich daar bij uitstek voor. Hoe doe je dat?<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[7],"tags":[],"class_list":{"0":"post-518","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-artikelen","7":"czr-hentry"},"publishpress_future_action":{"enabled":false,"date":"2026-04-16 04:53:56","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/posts\/518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/comments?post=518"}],"version-history":[{"count":0,"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/posts\/518\/revisions"}],"wp:attachment":[{"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/media?parent=518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/categories?post=518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stjandedoper-vechtenvenen.nl\/kennisbank\/wp-json\/wp\/v2\/tags?post=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}