{"id":50,"date":"2010-06-19T14:44:15","date_gmt":"2010-06-19T14:44:15","guid":{"rendered":"http:\/\/wordpress3\/?page_id=50"},"modified":"2014-01-21T13:28:12","modified_gmt":"2014-01-21T11:28:12","slug":"advanced-shortcodes","status":"publish","type":"page","link":"https:\/\/www.dickmedema.nl\/site\/index.php\/over-dick-medema-webdesign\/advanced-shortcodes\/","title":{"rendered":"geavanceerde Shortcodes voor WordPress"},"content":{"rendered":"<p>Omdat gestructureerde content een zeer belangrijke onderdeel van een website\u00a0word deze WordPress thema\u00a0wordt\u00a0een optie getoond\u00a0voor eenvoudige vertoning van de inhoud, B.V. voor FAQ of een belangrijk. Neem een \u200b\u200bkijkje op de voorbeelden hieronder om te zien wat er kan worden bereikt met een paar eenvoudige shortcodes \ud83d\ude42<\/p>\n<h2>Content Toggler<\/h2>\n<div class=\"ie6fix toggler  \">Click here to show\/hide a small content box<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler  activeTitle\">Click here to see another content box<\/div>\n<div class=\"toggle activetoggle open\">\n<div class=\"toggle_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<span class=\"hr \"><a href=\"#top\" class=\"scrollTop\">top<\/a><\/span>\n<h2>Accordion Toggler<\/h2>\n<div class=\"ie6fix toggler closeAll \">Clicking one of these  headlines closes all other toggle-boxes<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nuluis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler closeAll \">Ut aliquip ex ea commodo consequat.<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler closeAll \">dolor sit amet, consectetur adipisicing elit<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler closeAll \">Duis aute irure dolor<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler closeAll \">Lorem ipsum dolor sit amet, consectetur adipisicing elit.<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/p>\n\n<\/div>\n<\/div>\n\n<div class=\"ie6fix toggler closeAll \">Ut aliquip ex ea commodo consequat.<\/div>\n<div class=\"toggle \">\n<div class=\"toggle_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n<\/div>\n\n<span class=\"hr \"><a href=\"#top\" class=\"scrollTop\">top<\/a><\/span>\n<h2>Tabs<\/h2>\n<div class=\"tabcontainer\">\n\n<span class=\"ie6fix tab active_tab\">Tab 1<\/span>\n<div class=\"tab_content active_tab_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n\n<span class=\"ie6fix tab _tab\">Tab 2<\/span>\n<div class=\"tab_content _tab_content\">\n<p>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<\/p>\n\n<\/div>\n\n<span class=\"ie6fix tab _tab\">Tab 3 - the last one<\/span>\n<div class=\"tab_content _tab_content\">\n<p>\nUt aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n<\/div>\n\n\n<\/div>\n\n<span class=\"hr \"><a href=\"#top\" class=\"scrollTop\">top<\/a><\/span>\n","protected":false},"excerpt":{"rendered":"<p>Omdat gestructureerde content een zeer belangrijke onderdeel van een website\u00a0word deze WordPress thema\u00a0wordt\u00a0een optie getoond\u00a0voor eenvoudige vertoning van de inhoud, B.V. voor FAQ of een belangrijk. Neem een \u200b\u200bkijkje op de voorbeelden hieronder om te zien wat er kan worden bereikt met een paar eenvoudige shortcodes \ud83d\ude42 Content Toggler Accordion Toggler Tabs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":37,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":2,"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/378"}],"up":[{"embeddable":true,"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/www.dickmedema.nl\/site\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}