De7 typografische shortcodes zijn beschikbaar in een standaard WYSIWYG-editor en, als resultaat, in WPBakery Page Builder "Text Block".<\/p>\n

$\"Fig.$ <\/a><\/p>\n
Fig. 1. Tekst shortcodes door Dream-Theme.<\/p>\n<\/div>\n
Kloof<\/h3>\n
<\/div>\n
Gap shortcode werkt hetzelfde als "Empty Space" -elementen - het voegt een opening toe tussen alinea's en andere elementen. Het heeft de enige optie - hoogte, waarbij "10" staat voor 10px.<\/p>\n
Verdeler<\/h3>\n
<\/div>\n
Divider shortcode voegt een horizontale scheidingslijn tussen elementen in. Het kan dun of dik zijn, afhankelijk van wat u opgeeft onder de optie "stijl".<\/p>\n
$\"Afb.$ <\/a><\/p>\n
Afb. 2. Verdeler.<\/p>\n<\/div>\n
Knopinfo<\/h3>\n
$\"Afb.$ <\/a><\/p>\n
Afb. 3. Tooltip.<\/p>\n<\/div>\n
Gebruik de volgende shortcode-syntaxis om zo'n mooie lay-out te krijgen (fig. 3):<\/p>\n
Van toepassing zijn "Tooltip"pop-up inhoud<\/span><\/span> shortcode hier.<\/p>\n
Markeer<\/h3>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 4. Markeer shortcode.<\/p>\n<\/div>\n
Deze shortcode markeert een deel van een tekstreeks. Gebruik de volgende syntaxis:<\/p>\n
Ut elit tellus, lorem ipsum dolor<\/span> zit amet.<\/p>\n
Shortcode-attributen worden hieronder vermeld:<\/p>\n
\n
gebruik het kenmerk color = \u201d\u201d om een van de kleurvoorinstellingen te specificeren: wit, rood, bes, oranje, geel, roze, groen, donkergroen, blauw, donker_blauw, violet, zwart, grijs, grijs. De achtergrondkleur wordt op de juiste manier gewijzigd. En de tekstkleur wordt automatisch wit;<\/li>\n
gebruik als alternatief de combinatie text_color = \u201d\u201d bg_color = \u201d\u201d om zowel tekst- als achtergrondkleuren te specificeren. Gebruik HEX-waarden zoals "#cc3366";<\/li>\n
of laat alle attributen leeg om accentkleur toe te passen op de achtergrond (inclusief het geval wanneer accentkleur een verloop is) en maak de tekstkleur wit.<\/li>\n<\/ul>\n
Code<\/h3>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 5. Code shortcode.<\/p>\n<\/div>\n
Deze shortcode maakt het mogelijk om codereeksen weer te geven met de juiste interpretatie van symbolen \u201c, <,>, etc. (dit is onwaarschijnlijk wanneer deze karakters rechtstreeks in de WYSWYG-editor worden ingevoegd). Gebruik de volgende syntaxis:<\/p>\n
\n
<div class="”my-element”" style="””">Lorem<\/div><\/p><\/div>\n
Eenvoudig aanmeldingsformulier<\/h3>\n
Misschien wilt u het aanmeldingsformulier weergeven in de front-end van uw website (fig. 6). De shortcode van het eenvoudige aanmeldingsformulier helpt u in dit geval. Gebruik de volgende syntaxis:<\/p>\n
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t""<\/label>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t""<\/label>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t
""<\/label><\/p>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/form><\/div>\n
Het heeft vier attributen om standaardlabels voor gebruikersnaam en wachtwoord velden aan te passen, "Herinner me" check-box en "Log in" knop. Leuk vinden:<\/p>\n
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\u201dNom<\/label>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\u201dMot<\/label>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\u201dSe<\/label><\/p>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/form><\/div>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 6. Eenvoudig inlogformulier shortcode.<\/p>\n<\/div>\n
Laat ze leeg als u standaard WordPress-labels wilt gebruiken.<\/p>","protected":false},"excerpt":{"rendered":"
The7\u00a0typography shortcodes are available in a standard WYSIWYG editor and, in result, in WPBakery Page Builder \u201cText Block\u201d. Before getting started, please make sure that you\u2019re accustomed with idea of shortcodes in WordPress:\u00a0http:\/\/en.support.wordpress.com\/shortcodes\/Note that link above is given only for the quick illustration of what shortcodes are. Not all shortcodes described in it will work…<\/p>","protected":false},"author":2,"featured_media":2288,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[9,21],"tags":[],"class_list":["post-2117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-guide","category-visual-layout-builder","category-9","category-21","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2117","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=2117"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2117\/revisions"}],"predecessor-version":[{"id":2496,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2117\/revisions\/2496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/2288"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=2117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=2117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=2117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Kloof<\/h3>\n<\/div>\nGap shortcode werkt hetzelfde als "Empty Space" -elementen - het voegt een opening toe tussen alinea's en andere elementen. Het heeft de enige optie - hoogte, waarbij "10" staat voor 10px.<\/p>\n

Verdeler<\/h3>\n<\/div>\nDivider shortcode voegt een horizontale scheidingslijn tussen elementen in. Het kan dun of dik zijn, afhankelijk van wat u opgeeft onder de optie "stijl".<\/p>\n

Eenvoudig aanmeldingsformulier<\/h3>\nMisschien wilt u het aanmeldingsformulier weergeven in de front-end van uw website (fig. 6). De shortcode van het eenvoudige aanmeldingsformulier helpt u in dit geval. Gebruik de volgende syntaxis:<\/p>\n