{"id":13841,"date":"2024-12-13T12:05:09","date_gmt":"2024-12-13T11:05:09","guid":{"rendered":"https:\/\/kriesi.at\/documentation\/enfold\/?p=13841"},"modified":"2025-02-17T12:36:01","modified_gmt":"2025-02-17T11:36:01","slug":"svg-icon-sets","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/svg-icon-sets\/","title":{"rendered":"SVG Icon Sets"},"content":{"rendered":"<div  class='flex_column av-kqyq8h-af119d3562cc70187ccbf4474910f064 av_one_full  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first  first flex_column_div  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m4vawvky-6ad8ac199324ada1f8b58fac70b3b59f\">\n#top .av-special-heading.av-m4vawvky-6ad8ac199324ada1f8b58fac70b3b59f{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-m4vawvky-6ad8ac199324ada1f8b58fac70b3b59f .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m4vawvky-6ad8ac199324ada1f8b58fac70b3b59f .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m4vawvky-6ad8ac199324ada1f8b58fac70b3b59f av-special-heading-h1 blockquote modern-quote  avia-builder-el-1  avia-builder-el-no-sibling '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Custom SVG Iconset<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><\/div>\n<section  class='av_textblock_section av-m4vbgk84-1f9a29054db22107b19a680ed7d728cf '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Starting with version 7.0 support for SVG icons is added.<\/p>\n<ol>\n<li>A SVG Icon Set based on iconfont entypo-fontello was added to core as a default set<\/li>\n<li>You may upload single svg icons directly in media library. Use Title, Description, Alternative Text to add information for aria support and DOM markup<\/li>\n<li>A more convenient way to add your own set of svg icons is a zip file containing the svg files. This file can be uploaded via theme options page<\/li>\n<\/ol>\n<p>Only icons needed on a page are added inline in frontend &#8211; so you are free to upload large sets of svg icons without producing an overhead on page load for not needed icons.<\/p>\n<h3>Colored Icon Sets<\/h3>\n<p>You may also use colored svg icon sets.\u00a0 Colors of these icons will not be affected by your selected color scheme or by custom color settings for icons or fonts.<\/p>\n<p>Be careful when using icons with CSS classes inside the icons. These classes might interfere across multiple icons.\u00a0 We highly recommend to use unique classes inside each icon to avoid possible conflicts. For experienced users we provide a\u00a0 <a href=\"https:\/\/github.com\/KriesiMedia\/enfold-library\/blob\/master\/actions%20and%20filters\/Images%20and%20Lightbox\/avf_svg_images_icon_as_img.php\" target=\"_blank\" rel=\"noopener\">filter in our library<\/a>.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-m4vbrbiw-895b2331f1173b77f7966d4d908b8630 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3 dir=\"auto\">Use svg icon files to create svg icon set (Quick Setup)<\/h3>\n<ul>\n<li>Add all svg icon files in a folder &#8220;SVG&#8221;<\/li>\n<li>Name of icon file (without svg extension) will be the name of the icon<\/li>\n<li>Create a zip file where &#8220;SVG&#8221; is top directory<\/li>\n<li>Name of zip file will become &#8220;name-of-font-set&#8221;<\/li>\n<\/ul>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-19ahzyp-ed0622e6dc22dc1b667fb57cc9d345f8\">\n#top .hr.av-19ahzyp-ed0622e6dc22dc1b667fb57cc9d345f8{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-19ahzyp-ed0622e6dc22dc1b667fb57cc9d345f8 .hr-inner{\nwidth:50px;\nmax-width:45%;\n}\n<\/style>\n<div  class='hr av-19ahzyp-ed0622e6dc22dc1b667fb57cc9d345f8 hr-custom  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue808' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-spa31t-7023a2083d34deaa7d6b6ac074305482 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3 dir=\"auto\">Use Fontello Iconfonts to create svg icon set<\/h3>\n<ul>\n<li>Create icon font with fontello (<a href=\"https:\/\/fontello.com\/\" rel=\"nofollow\">https:\/\/fontello.com\/<\/a>) and download zip (name it e.g. my-fontello)<\/li>\n<li>Extract content in a directory<\/li>\n<li>Use <a href=\"https:\/\/icomoon.io\/app\/#\/select\" rel=\"nofollow\">https:\/\/icomoon.io\/app\/#\/select<\/a><\/li>\n<li>Import my-fontello.svg from extracted folder &#8211; button &#8220;Import Icons&#8221; on left top<\/li>\n<li><a href=\"https:\/\/icomoon.io\/app\" rel=\"nofollow\">https:\/\/icomoon.io\/app<\/a> also offers free icons (see button &#8220;Icon Library&#8221; at left top or at bottom &#8220;Import from Library&#8221;)<\/li>\n<li>Select the icons you want, you can also combine them from different libraries<\/li>\n<li>You can also (see buttons at top)\n<ul dir=\"auto\">\n<li>remove icons not needed<\/li>\n<li>move the icons to change order<\/li>\n<li>edit icons<\/li>\n<\/ul>\n<\/li>\n<li>When ready click &#8220;Generate SVG and More&#8221; at bottom<\/li>\n<li>use descriptive names for the icons &#8211; each icon must have a unique name, this name is also used for the svg file<\/li>\n<li>Click &#8220;Preferences&#8221; icon at bottom or button at top and change the settings (these settings are not used by Enfold, but needed if you want to use the file &#8220;symbol-defs.svg&#8221;)\n<ul>\n<li>&#8220;Name&#8221; will be the name of the zip file and later the name of the font used in Enfold to group the svg icons (e.g. my-fontello)<\/li>\n<\/ul>\n<\/li>\n<li>Click &#8220;Download&#8221; at bottom to generate zip file e.g. my-fontello.zip that can be uploaded to theme<\/li>\n<li>Inside the zip file you find:\n<ul dir=\"auto\">\n<li>folder &#8220;SVG&#8221; containing all icons as single .svg files wrapped in <code class=\"notranslate\">svg<\/code> tags<\/li>\n<li>file &#8220;symbol-defs.svg&#8221; containing the svg icons wrapped in <code class=\"notranslate\">symbol<\/code> tag in a <code class=\"notranslate\">svg<\/code> container<\/li>\n<li>styles.css containing main style and extra styles for the icons (can be loaded on page load when using &#8220;symbol-defs.svg&#8221; )<\/li>\n<li>file selection.json contains info icon font &lt;&lt;-&gt;&gt; svg icons<\/li>\n<li>file svgxuse.js is a polyfill to support older browsers like IE 9+<\/li>\n<li>and some more files<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Enfold only needs folder &#8220;SVG&#8221;, all other files are optional and not needed\/used<\/strong><\/p>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-126jr01-38bd190677e0d96b27d6b213dce12554\">\n#top .hr.av-126jr01-38bd190677e0d96b27d6b213dce12554{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-126jr01-38bd190677e0d96b27d6b213dce12554 .hr-inner{\nwidth:50px;\nmax-width:45%;\n}\n<\/style>\n<div  class='hr av-126jr01-38bd190677e0d96b27d6b213dce12554 hr-custom  avia-builder-el-6  el_after_av_textblock  el_before_av_textblock  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue808' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-m4vcimhl-5865bff579c86327a64780277d2dbea9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3 dir=\"auto\">Use any svg iconfont file to create svg icon set<\/h3>\n<ul>\n<li><a href=\"https:\/\/icomoon.io\/app\/#\/select\" rel=\"nofollow\">https:\/\/icomoon.io\/app\/#\/select<\/a> supports upload of any svg iconfont file &#8211; button &#8220;Import Icons&#8221; on left top<\/li>\n<li>select the svg file from the icon font (e.g. my-fontello.svg)<\/li>\n<li>select the icons you like to combine in a single set<\/li>\n<li>same steps as described above for export<\/li>\n<\/ul>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-nyiyr5-3f92eb4f403f62b134e1ac76a4f2781b\">\n#top .hr.av-nyiyr5-3f92eb4f403f62b134e1ac76a4f2781b{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-nyiyr5-3f92eb4f403f62b134e1ac76a4f2781b .hr-inner{\nwidth:50px;\nmax-width:45%;\n}\n<\/style>\n<div  class='hr av-nyiyr5-3f92eb4f403f62b134e1ac76a4f2781b hr-custom  avia-builder-el-8  el_after_av_textblock  el_before_av_textblock  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue808' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-m4vck1yj-b0fdecdc3cfd94569b4a0f0d9f6fa890 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3 dir=\"auto\">Use svg icon files to create svg icon set<\/h3>\n<ul dir=\"auto\">\n<li><a href=\"https:\/\/icomoon.io\/app\/#\/select\" rel=\"nofollow\">https:\/\/icomoon.io\/app\/#\/select<\/a> supports upload of multiple single svg icon files &#8211; button &#8220;Import Icons&#8221; on left top<\/li>\n<li>upload all svg icon files you like<\/li>\n<li>select the icons you like to combine in a single set<\/li>\n<li>same steps as described above for export<\/li>\n<\/ul>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258\">\n#top .hr.av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258 .hr-inner{\nwidth:50px;\nborder-color:#b02b2c;\nmax-width:45%;\n}\n.hr.av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258 .av-seperator-icon{\ncolor:#b02b2c;\n}\n.hr.av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258 .av-seperator-icon.avia-svg-icon svg:first-child{\nfill:#b02b2c;\nstroke:#b02b2c;\n}\n<\/style>\n<div  class='hr av-m4vcn8q2-d254e3341430df9a39c8c9d7ac639258 hr-custom  avia-builder-el-10  el_after_av_textblock  el_before_av_textblock  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue856' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-m4vcohyd-431f4c8ed2b0bc56832c2409a7409f2a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3 dir=\"auto\">Uploading svg icon sets via theme backend<\/h3>\n<ul dir=\"auto\">\n<li>content of zip file must contain directory SVG containing all svg icon files<\/li>\n<li>additional files as described above when generated with icomoon will be recognized for import &#8211; but they are optional and not used by Enfold<\/li>\n<li>Theme Options -&gt; Import\/Export -&gt;SVG Icons and Iconfont Manager &#8211; same button for icon fonts and svg icon sets, will be recognized internally by content of zip file<\/li>\n<li>name of zip file will be used as &#8220;name-of-font-set&#8221; (e.g. my-fontello.zip will become my-fontello)<\/li>\n<li>to store content of zip file a folder will be created similar to icon font in folder dynamic_avia\/avia_icon_fonts\/svg_&#8221;name-of-font-set&#8221;:\n<ul dir=\"auto\">\n<li>SVG directory with all single svg files<\/li>\n<li>style.css<\/li>\n<li>symbol-defs.svg<\/li>\n<\/ul>\n<\/li>\n<li>we will extract infos in config files for easier access later during upload:\n<ul dir=\"auto\">\n<li>charmap.php<\/li>\n<li>config.json<\/li>\n<\/ul>\n<\/li>\n<li>SVG set will be grouped in svg_&#8221;name-of-font-set&#8221; in icon select window (e.g. svg_my-fontello)<\/li>\n<\/ul>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318\">\n#top .hr.av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318 .hr-inner{\nwidth:50px;\nborder-color:#b02b2c;\nmax-width:45%;\n}\n.hr.av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318 .av-seperator-icon{\ncolor:#b02b2c;\n}\n.hr.av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318 .av-seperator-icon.avia-svg-icon svg:first-child{\nfill:#b02b2c;\nstroke:#b02b2c;\n}\n<\/style>\n<div  class='hr av-m4vds4ak-2383031b8f653bbf83d9df2f7e0aa318 hr-custom  avia-builder-el-12  el_after_av_textblock  el_before_av_textblock  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue83f' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-m4vdyn7a-419191df4cfde62e266a0bc3fd05a321 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Using SVG icons in ALB Elements<\/h3>\n<ul>\n<li>in icon select window you find e.g. &#8220;SVG Icons: svg_my-fontello&#8221;.<\/li>\n<li>icons in this group have a unique name (e.g. note)<\/li>\n<li>select the icon you want (similar to icon font)<\/li>\n<\/ul>\n<h3>Using SVG icons in &#8220;Social Profiles&#8221;<\/h3>\n<ul>\n<li>svg icons have &#8220;SVG&#8221; added (e.g. Facebook SVG)<\/li>\n<\/ul>\n<h3>Using SVG icons in &#8220;Blog Layout&#8221;<\/h3>\n<ul>\n<li>svg icons have &#8220;SVG&#8221; added (e.g. Facebook SVG)<\/li>\n<\/ul>\n<\/div><\/section>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m4vfvk3k-b82d2580b63ed8b091b268693e158651\">\n#top .hr.av-m4vfvk3k-b82d2580b63ed8b091b268693e158651{\nmargin-top:30px;\nmargin-bottom:30px;\n}\n.hr.av-m4vfvk3k-b82d2580b63ed8b091b268693e158651 .hr-inner{\nwidth:50px;\nborder-color:#b02b2c;\nmax-width:45%;\n}\n.hr.av-m4vfvk3k-b82d2580b63ed8b091b268693e158651 .av-seperator-icon{\ncolor:#b02b2c;\n}\n.hr.av-m4vfvk3k-b82d2580b63ed8b091b268693e158651 .av-seperator-icon.avia-svg-icon svg:first-child{\nfill:#b02b2c;\nstroke:#b02b2c;\n}\n<\/style>\n<div  class='hr av-m4vfvk3k-b82d2580b63ed8b091b268693e158651 hr-custom  avia-builder-el-14  el_after_av_textblock  el_before_av_heading  hr-center hr-icon-yes'><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><span class='av-seperator-icon avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue836' data-av_iconfont='entypo-fontello' ><\/span><span class='hr-inner inner-border-av-border-thin'><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18\">\n#top .av-special-heading.av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18{\npadding-bottom:10px;\ncolor:#d65799;\n}\nbody .av-special-heading.av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18 .special-heading-inner-border{\nborder-color:#d65799;\n}\n.av-special-heading.av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-m4vhjex2-af14b0bba14eb8261e27531af0a44d18 av-special-heading-h2 custom-color-heading  avia-builder-el-15  el_after_av_hr  el_before_av_textblock '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >DEVELOPER SECTION<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-m4vg8kid-50448ad3bec9bbf3f49cdd3baf5a7256 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The following snippets provide support for SVG icons and iconfont icons.<\/p>\n<h3>Using SVG Icon in ALB element<\/h3>\n<p>At beginning of class add:<\/p>\n<pre><code>\r\nuse \\aviaBuilder\\traits\\modalIconfontHelper;\r\n<\/code><\/pre>\n<p>In function get_element_styles():<\/p>\n<pre><code>\r\n$element_styling-&gt;add_classes( 'container-icon', avia_font_manager::get_frontend_icon_classes( $atts['font'] ) );\r\n<\/code><\/pre>\n<p>In function shortcode_handler():<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-m4vhf022-2c84cb7b823f08372ff7c57f724488fa '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Using SVG Icon in common:<\/h3>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-m4zpeshf-242a10399f0d982875b539d2c9edebeb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Using &#8220;Old&#8221; Iconfont in common:<\/h3>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-m4vhstpq-7214e6871b873e0c0f62f0da4da71f85 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Using SVG shortcut icons:<\/h3>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-m4y8l57j-be60418e210fdc4684068f634f8094d8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>SVG icons:<\/h3>\n<p>We add the following to the surrounding container when adding it inline (e.g.):<\/p>\n<pre><code>\r\nclass=\"avia-svg-icon avia-font-svg_entypo-fontello\"\r\ndata-element-name=\"Note\"\r\ndata-element-font=\"svg_entypo-fontello\"\r\n<\/code><\/pre>\n<p>We add the following attribute to the svg tag when we recognize a colored icon:<\/p>\n<pre><code>\r\nis-colored=\"true\" \r\n<\/code><\/pre>\n<p>Resulting HTML might look like:<\/p>\n<\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,12],"tags":[],"class_list":["post-13841","post","type-post","status-publish","format-standard","hentry","category-documentation","category-explore","documentation","explore"],"modified_by":"guenter","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=13841"}],"version-history":[{"count":44,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13841\/revisions"}],"predecessor-version":[{"id":13911,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/13841\/revisions\/13911"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=13841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=13841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=13841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}