{"id":1328,"date":"2020-10-12T11:43:09","date_gmt":"2020-10-12T11:43:09","guid":{"rendered":"https:\/\/documentation.px-lab.com\/infolio\/?p=1328"},"modified":"2020-12-12T18:42:52","modified_gmt":"2020-12-12T18:42:52","slug":"section-skills","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/infolio\/section-skills\/","title":{"rendered":"Section Skills"},"content":{"rendered":"\n<p><strong><em>Skills Section<\/em><\/strong> like any other has\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/documentation.px-lab.com\/infolio\/main-section-fields\/\" target=\"_blank\">Section ID and Section Title fields<\/a><\/p>\n\n\n\n<p class=\"note-box bg-info\"> To create <em><strong>Skills Section<\/strong><\/em> you should first add the content in the Skills Post Type. <\/p>\n\n\n\n<p>On your WordPress Dashboard go to the Skills tab and add new Skills items.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"382\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2-1024x382.png\" alt=\"\" class=\"wp-image-2580\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2-1024x382.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2-300x112.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2-768x287.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2-1536x573.png 1536w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-2.png 1916w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Each skill could have bar elements or tag elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"508\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-2-1024x508.png\" alt=\"\" class=\"wp-image-2581\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-2-1024x508.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-2-300x149.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-2-768x381.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-2.png 1277w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In its turn Bar elements could be presented as linebar, dotbar or circlebar<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"506\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-3-1024x506.png\" alt=\"\" class=\"wp-image-2582\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-3-1024x506.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-3-300x148.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-3-768x379.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-3.png 1276w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tag elements have two options: tags and interests.<\/p>\n\n\n\n<p>After choosing a bar element style &#8211; you will be offered to fill in different types of elements depending on your choise.<\/p>\n\n\n\n<p>After adding all Skills you need to go to the <em><strong>Section Skills<\/strong><\/em> and choose how to align them on the page with the help of taxonomy box. If you don&#8217;t see the added skill start typing in the search box or refresh the page. You can align skills in two columns and change the order with the drug and drop functionality.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"392\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/4-1-1024x392.png\" alt=\"\" class=\"wp-image-2584\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/4-1-1024x392.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/4-1-300x115.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/4-1-768x294.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/4-1.png 1310w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"595\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1-1024x595.png\" alt=\"\" class=\"wp-image-2585\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1-1024x595.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1-300x174.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1-768x446.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1.png 1360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Check a few examples of layout:<\/p>\n\n\n\n<p><em><a href=\"https:\/\/infolio.px-lab.com\/#skills\" target=\"_blank\" rel=\"noreferrer noopener\">Example 1<\/a><\/em><\/p>\n\n\n\n<p><em><a href=\"https:\/\/infolio.px-lab.com\/video-production\/#production\" target=\"_blank\" rel=\"noreferrer noopener\">Example 2<\/a><\/em><\/p>\n\n\n\n<p><em><a rel=\"noreferrer noopener\" href=\"https:\/\/infolio.px-lab.com\/rider\/experience\/\" target=\"_blank\">Example 3<\/a><\/em><\/p>\n\n\n\n<p><em><a href=\"https:\/\/infolio.px-lab.com\/designer-developer\/#skills\" target=\"_blank\" rel=\"noreferrer noopener\">Example 4<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skills Section like any other has\u00a0Section ID and Section Title fields On your WordPress Dashboard go to the Skills tab and add new Skills items. Each skill could have bar elements or tag elements. In its turn Bar elements could be presented as linebar, dotbar or circlebar Tag elements have two options: tags and interests. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1328"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/comments?post=1328"}],"version-history":[{"count":3,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1328\/revisions"}],"predecessor-version":[{"id":2671,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1328\/revisions\/2671"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/categories?post=1328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/tags?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}