{"id":6296,"date":"2020-09-04T00:32:32","date_gmt":"2020-09-04T00:32:32","guid":{"rendered":"https:\/\/the7kennisbank.nl\/uncategorized\/content-visibility-wp-brain\/"},"modified":"2020-09-04T00:55:32","modified_gmt":"2020-09-04T00:55:32","slug":"content-visibility-wp-brain","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/wp-brain\/content-zichtbaarheid-wp-brain\/","title":{"rendered":"Zichtbaarheid van inhoud - WP Brain"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Om dit te bereiken, kunt u de aanbevolen methode gebruiken, namelijk Visual Composer en de geavanceerde WP Brain-elementen, of de shortcodegenerator voor een normale WordPress-teksteditor.<\/p>\n<h3>Visual Composer gebruiken<\/h3>\n<p>Om de zichtbaarheid van elementen in Visual Composer te regelen, hoeft u ze alleen maar in de If \/ Else-containers te plaatsen en uw voorwaarden in te stellen, laten we het voorbeeld nemen van het tonen van inhoud alleen op mobiele apparaten, en dit samen doen:<\/p>\n<ol class=\"no-padding\">\n<li>Maak een nieuwe pagina en schakel de Visual Composer Editor in<\/li>\n<li>Klik op de knop &quot;Element toevoegen&quot; en kies uit de lijst &quot;WP Brain If&quot;<\/li>\n<li>Het dialoogvenster met elementinstellingen wordt automatisch geopend en u kunt uw conditie opbouwen<\/li>\n<li>selecteer in de vervolgkeuzelijst het apparaatfilter en zorg ervoor dat de regel overeenkomt met het volgende:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-vc-1.jpg\" alt=\"wp-brain-voorbeeld-vc-1\" width=\"700\" height=\"320\" \/><\/div>\n<\/li>\n<li>Nu kunt u de mobiele inhoud als volgt in de groene container plaatsen:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-vc-2.png\" alt=\"wp-brain-voorbeeld-vc-2\" width=\"778\" height=\"255\" \/><\/div>\n<\/li>\n<li>Om andere inhoud voor andere apparaten weer te geven, voegt u het element &#039;WP Brain Else&#039; direct na de groene container toe en plaatst u de inhoud in de nieuwe oranje container:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-vc-3.png\" alt=\"wp-brain-voorbeeld-vc-3\" width=\"778\" height=\"357\" \/><\/div>\n<\/li>\n<li>Sla nu de pagina op en test deze met uw apparaten!<\/li>\n<\/ol>\n<h3>Met behulp van Text Editor<\/h3>\n<p>Als u geen Visual Composer heeft, kunt u de WP Brain-functies nog steeds eenvoudig volledig gebruiken. laten we hetzelfde voorbeeld nemen als hierboven, maar in plaats daarvan bereiken met de teksteditor:<\/p>\n<ol class=\"no-padding\">\n<li>Maak een nieuwe preset, ga daarvoor naar <strong class=\"label label-default\">WP Brain&gt; Instellingen<\/strong>, onder het presets-venster, klik op de groene &quot;Add New&quot; -knop<\/li>\n<li>Vul de invoer in zoals weergegeven in de volgende afbeelding en sla de wijzigingen op:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-preset-1.png\" alt=\"wp-brain-voorbeeld-preset-1\" width=\"752\" height=\"213\" \/><\/div>\n<\/li>\n<li>Nu je die preset hebt opgeslagen, ga je een nieuwe pagina maken om te testen.<\/li>\n<li>Schrijf twee regels in de teksteditor, \u00e9\u00e9n voor mobiel en \u00e9\u00e9n voor de andere apparaten:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-mce-1.jpg\" alt=\"wp-brain-voorbeeld-mce-1\" width=\"778\" height=\"241\" \/><\/div>\n<\/li>\n<li>Selecteer de eerste regel, klik vervolgens op het WP Brain-pictogram en selecteer &quot;If&quot; in het menu:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-mce-2.jpg\" alt=\"wp-brain-voorbeeld-mce-2\" width=\"778\" height=\"319\" \/><\/div>\n<\/li>\n<li>Er wordt een dialoogvenster geopend waarin wordt gevraagd naar de voorwaarde-preset, selecteer een preset en klik op &quot;Ok&quot;:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-mce-3.jpg\" alt=\"wp-brain-voorbeeld-mce-3\" width=\"778\" height=\"319\" \/><\/div>\n<\/li>\n<li>Selecteer nu de tweede regel, klik vervolgens op het zwarte breinpictogram en selecteer &quot;Anders&quot; in het menu.<\/li>\n<li>Aan het einde zou je zoiets als dit in je teksteditor moeten hebben:\n<div class=\"img-wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/08\/wp-brain-example-mce-4.png\" alt=\"wp-brain-voorbeeld-mce-4\" width=\"778\" height=\"233\" \/><\/div>\n<\/li>\n<li>Sla ten slotte de pagina op en test deze met uw apparaten!<\/li>\n<\/ol>\n<p>In de volgende sectie zullen we herhaling vermijden en ons alleen concentreren op het gebruik van Visual Composer-elementen, aangezien het proces bijna hetzelfde is voor de klassieke WordPress-editor.<\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Om dit te bereiken, kunt u de aanbevolen methode gebruiken, namelijk Visual Composer en de geavanceerde WP Brain-elementen, of de shortcodegenerator voor een normale WordPress-teksteditor. Visual Composer gebruiken Om de zichtbaarheid van elementen in Visual Composer te regelen, hoeft u ze alleen maar in de If \/ Else-containers te plaatsen en uw\u2026<\/p>","protected":false},"author":2,"featured_media":6325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[58],"tags":[],"class_list":["post-6296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-brain","category-58","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/6296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=6296"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/6296\/revisions"}],"predecessor-version":[{"id":6361,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/6296\/revisions\/6361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/6325"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=6296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=6296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=6296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}