{"id":168,"date":"2016-07-14T09:42:07","date_gmt":"2016-07-14T07:42:07","guid":{"rendered":"https:\/\/www.nieuwsmarkt.nl\/?p=168"},"modified":"2017-10-01T09:09:59","modified_gmt":"2017-10-01T07:09:59","slug":"making-the-bridge-theme-in-beaverbuilder","status":"publish","type":"post","link":"https:\/\/www.nieuwsmarkt.nl\/nl\/blog\/2016\/07\/14\/making-the-bridge-theme-in-beaverbuilder\/","title":{"rendered":"Making the Bridge theme in BeaverBuilder"},"content":{"rendered":"<p><strong>The Bridge theme is one of the examples &#8216;everyone&#8217; was dreaming about in the days that pagebuilders started to gain popularity. In this article we describe the process of &#8216;copying&#8217; Bridge into the Beaver Builder pagebuilder.<\/strong><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-170 alignnone\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1.jpg\" alt=\"bridge1\" width=\"1440\" height=\"611\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1.jpg 1440w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1-300x127.jpg 300w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1-768x326.jpg 768w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1-1024x434.jpg 1024w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge1-1200x509.jpg 1200w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p><em>\u2022 Don&#8217;t want to read? Skip to the <a href=\"https:\/\/www.nieuwsmarkt.nl\/beaverbuilder\/rebuilding-the-bridge-theme\/\">resultpage<\/a> now<\/em><\/p>\n<h3>Updates<\/h3>\n<p><em>2016 September 10<\/em><\/p>\n<ul>\n<li><em>At first we did not know that Beaver Builder offered a very nice mega menu possibility, by using the css class &#8216;mega-menu&#8217;. Read the <a href=\"https:\/\/www.wpbeaverbuilder.com\/knowledge-base\/mega-menu-setup\/\" target=\"_blank\">instructions<\/a> on how to use it.<\/em><\/li>\n<\/ul>\n<p><em>2016 July 20<\/em><\/p>\n<ul>\n<li><em><em>We decided not to use some kind of &#8216;mega menu&#8217; plugin to fully &#8216;simulate&#8217; the menus used in the Bridge theme. We tried the <a href=\"https:\/\/www.maxmegamenu.com\/\" target=\"_blank\">Max Mega Menu<\/a> plugin, but we were overwhelmed by all possible options. For our test purposes, we did not take the time to learn this one, because it would simply consume too much time. So, we stick to the standard menu options offered within the BB theme.<\/em><\/em><\/li>\n<li><em>We do however want to change to menucolor depending on the slide we are in. We managed to change to menucolor based on pageID, with:<\/em><\/li>\n<\/ul>\n<pre>.page-id-134 .fl-page-nav-right .fl-page-nav-wrap .navbar-nav &gt; li &gt; a {\r\ncolor:#000000;\r\n}\r\n.fl-page-nav-right .fl-page-nav-wrap .navbar-nav &gt; li &gt; a {\r\ncolor:#ffffff;\r\n}<\/pre>\n<p><em>In the example above we color the menu black for page 134, all other pages just get white menu items. So for now we are going to look to find the &#8216;id&#8217; of a slider in het BB block, which is the top slider block.<\/em><\/p>\n<h3>Challenges<\/h3>\n<p>The first challenge is to get the menu above the main slider on top of the homepage (see <a href=\"http:\/\/demo.qodeinteractive.com\/bridge\/\" target=\"_blank\">demo<\/a> of Bridge). Although Beaver Builder had some very nice menu settings, this requirement does still need some CSS to get it work right.<\/p>\n<h3>Heavy LayerSlider<\/h3>\n<p><a href=\"http:\/\/demo.qodeinteractive.com\/bridge\/\" target=\"_blank\">Bridge<\/a> uses <a href=\"https:\/\/vc.wpbakery.com\/\" target=\"_blank\">Visual Composer<\/a> as base pagebuilder. It does however\u00a0use the <a href=\"https:\/\/codecanyon.net\/item\/layerslider-responsive-wordpress-slider-plugin-\/1362246\" target=\"_blank\">LayerSlider<\/a> plugin, which is a very heavy but advanced and responsive plugin for high-end slider applications. The text integration reacts very well in responsive situations, but depending heavily on JavaScript and CSS. The &#8216;Content Slider&#8217; within Beaver Builder is in that way limited in its possibilities. Probably we can not get the exact effects as in Bridge. But we are still trying to do so. Stay tuned to this article, any updates on our &#8216;road to perfection&#8217; will be published here.<\/p>\n<p><em>We did get the suggestion to use <a href=\"http:\/\/flexslider.woothemes.com\/\" target=\"_blank\">FlexSlider<\/a> (from WooThemes) or <a href=\"https:\/\/revolution.themepunch.com\/\" target=\"_blank\">RevSlider<\/a> (from ThemePunch)<\/em><\/p>\n<h3>The\u00a0row<\/h3>\n<p>We start with just a 1-column row below the header. Because we are going to use a slider, we want all content to be fullwidth and fullheight (as a base setting, adjustments later in the slider settings). The content alignment setting can be left to center.<\/p>\n<p><em>Avoid using a background slider here. It is possible to use a slider as background of a row. Using this slider will result in non-responsive images! Therefore we have to add the &#8216;content slider&#8217; module to get reposnsive behaviour.<\/em><\/p>\n<div id=\"attachment_177\" style=\"width: 612px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-177\" class=\"wp-image-177 size-full\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-2.jpg\" alt=\"bridge-2\" width=\"602\" height=\"568\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-2.jpg 602w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-2-300x283.jpg 300w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><p id=\"caption-attachment-177\" class=\"wp-caption-text\"><em>Full-width and full-height settings for the base of the row.<\/em><\/p><\/div>\n<div id=\"attachment_178\" style=\"width: 612px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-178\" class=\"wp-image-178 size-full\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-3.jpg\" alt=\"bridge-3\" width=\"602\" height=\"567\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-3.jpg 602w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-3-300x283.jpg 300w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><p id=\"caption-attachment-178\" class=\"wp-caption-text\"><em>We also set all all padding and margin values to 0.<\/em><\/p><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-210\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-11.jpg\" alt=\"bridge-11\" width=\"400\" height=\"171\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-11.jpg 507w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-11-300x128.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><strong>Also under &#8216;Advanced&#8217; add the CSS class &#8216;top-banner&#8217;. This class will be used later to &#8216;shift&#8217; the slider up. It is important to do this at the moment of creation of the row, after the CSS style is active the row is shifted to a position where you cannot access the &#8216;row settings&#8217; button anymore, because its position has shifted under the Beaver Builder admin bar!<\/strong><\/p>\n<p><em>Update: Although the row setting button cannot be accesssed at the top of the row, because it is at position 0, we learned that the row buttons also appear at the button of the row. So, if you forgot to set the CSS class, you can indeed do this later.<\/em><\/p>\n<h3>Content slider<\/h3>\n<p>After creating the row, we insert the &#8216;content slider&#8217; from Beaver Builder Pro. In later tests we might try some of the other slider possibilities, developed by the various BB add-on developers. The images we used in the example are 1920 x 1200 pixels. We set the height for the content slider to 800 pixels. That is about the height from our &#8216;Bridge&#8217; example, shown on a 1440 x 900 screen. You can however experiment with other values depending on your screen resolution(s) and (customer) demands. Unfortunaltly there is no &#8216;one-size-fits-all&#8217;\u00a0rule for this.<\/p>\n<p><em>The inserted video does not work wel yet, although we use the right iframe to autoplay the movie<\/em><\/p>\n<div id=\"attachment_180\" style=\"width: 611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-180\" class=\"wp-image-180 size-full\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-4.jpg\" alt=\"bridge-4\" width=\"601\" height=\"568\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-4.jpg 601w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-4-300x284.jpg 300w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><p id=\"caption-attachment-180\" class=\"wp-caption-text\">Only set the height to the value you wish, other setting me be adjusted later.<\/p><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-184 aligncenter\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge5.jpg\" alt=\"bridge5\" width=\"601\" height=\"567\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge5.jpg 601w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge5-300x283.jpg 300w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/p>\n<p>Insert any number of images in the content slider you want, but keep the dimensions for every slide the same.<\/p>\n<h3>Customizer and CSS<\/h3>\n<p>The customizer is our main theme settings area within the Beaver Builder theme (part of the <a href=\"https:\/\/www.wpbeaverbuilder.com\/pricing\/\" target=\"_blank\">Pro package<\/a>).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-191 alignright\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-6.jpg\" alt=\"bridge-6\" width=\"295\" height=\"434\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-6.jpg 295w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-6-204x300.jpg 204w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/>We will change the appearance setting of the menu by selecting Header &gt; Header Layout. We keep our menu on the right site (just like in Bridge), with a padding of 30 pixels. The Fixed Header option will have to be set to Fade In, on a Scroll Distance of 160 pixels.<\/p>\n<p>If you want, you can just copy the original logo form the Bridge demo to see how it works in the Beaver Builder rebuild of Bridge. Resize it to 145 x 77 pixels, since the original in the demo is much larger than needed in the header area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-193 alignleft\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-7.jpg\" alt=\"bridge-7\" width=\"297\" height=\"561\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-7.jpg 297w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-7-159x300.jpg 159w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/>Set Logo Type to image.\u00a0Additionally you might upload a Retina &#8216;compatible&#8217; version of the logo.<\/p>\n<p>We do need some (little) CSS to get the things done for the transparant header area. We used some of the code supplied by the <a href=\"http:\/\/beaverchildthemes.com\/create-a-beaver-builder-transparent-header\/\" target=\"_blank\">article<\/a> from BeaverChildThemes, and also lookes at a simular article on <a href=\"https:\/\/beaverbrains.com\/brainy-hacks\/make-full-screen-image-video-background-landing-page-beaver-builder\/\" target=\"_blank\">Beaver Brains<\/a>. Also find in the first one\u00a0a more in-depth explanation of all CSS details, although we changed some values to make it fit better within our &#8216;Bridge&#8217; rebuild.<\/p>\n<pre>li[class*=\"current\"] &gt; a {\r\n color: #b7165b !important;\r\n}\r\n\r\nbody .fl-page-header-primary {\r\n background:transparent;\r\n position:relative;\r\n z-index: 20;\r\n}\r\n\r\n@media screen and (min-width: 993px) {\r\n .top-banner .fl-row-content-wrap{\r\n margin-top: -140px; \r\n }\r\n}<\/pre>\n<p><em><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-207 alignright\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-10.jpg\" alt=\"bridge-10\" width=\"298\" height=\"500\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-10.jpg 298w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-10-179x300.jpg 179w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/>The first part is an extra CSS setting we made, outside the purpose of this tutorial. It colors the main menu button text color if one of it&#8217;s submenu items has been chosen by the visitor. It improves the user experience of using the menu.<\/em><\/p>\n<p>The second part just makes the header background transparent and &#8216;puts&#8217; the header (with menu) above the slider bij setting the z-index value. Initially this value was 10, but FireFox did not show the menu, so we changed it to 20.<\/p>\n<p>It is important to keep a header color defined in Customize &gt; Header &gt; Header Style &gt; Background Color, because this color appears as background in the fixed menu when\u00a0scrolling the page!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-202\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-9.jpg\" alt=\"bridge-9\" width=\"296\" height=\"676\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-9.jpg 296w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-9-131x300.jpg 131w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/>The margin-top negative value of 140 is to shift the slider above. Also that value might differ in specific situations, but in out setup this worked just fine.<\/p>\n<h3>Modules<\/h3>\n<p>It was also a challange to choose the various modules form the various add-on developers, ofcourse starting with the modules from BeaverBuilder itself.<\/p>\n<ul>\n<li><a href=\"https:\/\/beaverlodgehq.com\/\" target=\"_blank\">BeaverLodgeHQ<\/a><\/li>\n<li><a href=\"http:\/\/next.brainstormforce.com\/pricing\/\" target=\"_blank\">Ultimate Addons<\/a><\/li>\n<li><a href=\"https:\/\/wpbeaveraddons.com\/\" target=\"_blank\">PowerPack<\/a><\/li>\n<\/ul>\n<p>From top to bottom, we used the following modules to rebuild the original &#8216;Bridge&#8217; theme.<\/p>\n<ol>\n<li>Content Slider (Beaver Builder)<\/li>\n<li>Info Box (Ultimate)<\/li>\n<li>Photo (Ultimate)<\/li>\n<li>Info Box (Ultimate)<\/li>\n<li>Interactive Banner 2 (Ultimate)<\/li>\n<li>Info Box (Ultimate)<\/li>\n<li>Info Box (Ultimate)<\/li>\n<li>Counter (Ultimate)<\/li>\n<li>Photo (Ultimate) and Call Out (Beaver Builder)<\/li>\n<li>Info\u00a0Box (Ultimate)<\/li>\n<li>Hover Card (PowerPack)<\/li>\n<li>Call Out (Beaver Builder) and Photo (Ultimate)<\/li>\n<li>Testimonials (PowerPack)<\/li>\n<li>Logo Grid &amp; Caroussel (PowerPack)<\/li>\n<li>Text Editor (Beaver Builder)<\/li>\n<\/ol>\n<p><em>Although it looks like a preference for Ultimate, in this project we might change modules to get closer to our &#8216;Bridge&#8217; destination.<\/em><\/p>\n<h3>Results<\/h3>\n<p>Please look at\u00a0the results below and vist our <a href=\"https:\/\/www.nieuwsmarkt.nl\/beaverbuilder\/rebuilding-the-bridge-theme\/\">testpage<\/a> to see how far we came unitil now. And stay tuned for our updates.<\/p>\n<div id=\"attachment_226\" style=\"width: 850px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-226\" class=\"wp-image-226 size-large\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1-1024x594.jpg\" alt=\"bridge-result-1\" width=\"840\" height=\"487\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1-1024x594.jpg 1024w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1-300x174.jpg 300w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1-768x445.jpg 768w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1-1200x696.jpg 1200w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-1.jpg 1440w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-226\" class=\"wp-caption-text\">The base of the page, with one of the slides<\/p><\/div>\n<div id=\"attachment_227\" style=\"width: 850px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-227\" class=\"wp-image-227 size-large\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2-1024x592.jpg\" alt=\"bridge-result-2\" width=\"840\" height=\"486\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2-1024x592.jpg 1024w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2-300x173.jpg 300w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2-768x444.jpg 768w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2-1200x693.jpg 1200w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-2.jpg 1440w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-227\" class=\"wp-caption-text\">After sliding, look at the menu in the top<\/p><\/div>\n<div id=\"attachment_228\" style=\"width: 273px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-228\" class=\"wp-image-228\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-3.jpg\" alt=\"bridge-result-3\" width=\"263\" height=\"542\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-3.jpg 396w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/07\/bridge-result-3-145x300.jpg 145w\" sizes=\"auto, (max-width: 263px) 100vw, 263px\" \/><p id=\"caption-attachment-228\" class=\"wp-caption-text\">On mobile still not ok, text under slider and a gap between menu and slide. Image just in between two slides \ud83d\ude09<\/p><\/div>\n<h3>Challanges<\/h3>\n<p>There are still some things to solve to get close(r) to the &#8216;Bridge&#8217; example:<\/p>\n<ul>\n<li>CSS settings for responsive presentation<\/li>\n<li>Slider in responsive mode, especially for text display<\/li>\n<li>menu colors depending on content below<\/li>\n<li>video in the slider not running smoothly after every reload of the page<\/li>\n<\/ul>\n<h3>Suggestions<\/h3>\n<p>Do you have any ideas to improve this project? Module changes, CSS settings or any other suggestions are very welcome. Mail to <a href=\"mailto:peter@luit.nl\">peter@luit.nl<\/a> or leave a suggestion at one of the Facebook groups you&#8217;re in, be sure I am there ;-).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Bridge theme is one of the examples &#8216;everyone&#8217; was dreaming about in the days that pagebuilders started to gain popularity. In this article we describe the process of &#8216;copying&#8217; Bridge into the Beaver Builder pagebuilder.<\/p>","protected":false},"author":2,"featured_media":435,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-test"],"_links":{"self":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":3,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/168\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/168\/revisions\/685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media\/435"}],"wp:attachment":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media?parent=168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/categories?post=168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/tags?post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}