{"id":47912,"date":"2021-01-15T18:30:00","date_gmt":"2021-01-15T18:30:00","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?page_id=47912"},"modified":"2025-05-05T07:36:26","modified_gmt":"2025-05-05T07:36:26","slug":"shapely","status":"publish","type":"page","link":"https:\/\/colorlib.com\/wp\/support\/shapely\/","title":{"rendered":"Shapely Theme Documentation"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-what-you-will-learn\">What you will learn:<\/h2>\n\n\n\n<p>1. Install Shapely theme<br>2. Import Shapely demo content and widget content.<br>3. Set up front\/home page<br>4. Set up Portfolio Section<br>5. Parallax sections and aligned image sections<br>6. Testimonials<br>7. Client\/partner logo slider<br>8. Call For Action<br>9. Social Icons<br>10. Navigation Menu Set up<br>11. How to Set up and Use Post &amp; Page Templates<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-1-install-shapely-theme\">1. Install Shapely theme<\/h2>\n\n\n\n<p>You can download the Shapely theme from the theme landing page which you can <a href=\"https:\/\/colorlib.com\/wp\/themes\/shapely\/\">find here<\/a>&nbsp;or by using <a href=\"https:\/\/colorlib.com\/out\/download-shapely\/\">this download link<\/a>.<\/p>\n\n\n\n<p>Once you have <strong>shapely.zip&nbsp;<\/strong>downloaded you can go to your <strong>WordPress dashboard -&gt; Appearance<strong>-&gt;<\/strong> Themes<strong>-&gt;<\/strong> Add New&nbsp;<strong>-&gt;<\/strong>Upload Theme&nbsp;<\/strong>and upload previously downloaded file. Once installed you can click &#8220;Activate Theme&#8221;. For more information please watch the video below.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to install and activate Shapely WordPress theme by Colorlib\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/SSSsIYnHT9U?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-2-import-shapely-demo-content-and-widget-content\">2. Import Shapely demo content and widget content.<\/h2>\n\n\n\n<p>The Shapely theme depends on WordPress widgets and regular WordPress Importer doesn&#8217;t support widget content. Therefore it makes theme demo content import slightly different but luckily we have got you covered.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download Shapely\u00a0<a href=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/shapely-demo-content-1.zip\" target=\"_blank\" rel=\"noreferrer noopener\">demo content<\/a>.<\/li>\n\n\n\n<li>Unzip it and you should see two files <strong>shapely-demo.xml\u00a0<\/strong>and<strong>\u00a0shapely-widgets.wie.\u00a0<\/strong><\/li>\n\n\n\n<li>Import regular Shapely demo content by going to <strong>WordPress dashboard -> Tools -> Import -> WordPress.\u00a0<\/strong>You should there upload file\u00a0<strong>shapely-demo.xml<\/strong><\/li>\n\n\n\n<li>Afterwards you should change your website from blog layout to static website by going to\u00a0<strong>WordPress dashboard -> Settings -> Reading -> Front page displays ->\u00a0A static page (select below).<\/strong><\/li>\n\n\n\n<li>Now you are ready to import widget content. For that you need to search for a plugin called <strong>&#8220;Widget Importer &amp; Exporter&#8221;.\u00a0<\/strong>You can find and install it via the <strong>WordPress dashboard -> Plugins -> Add New.<\/strong><\/li>\n\n\n\n<li>Once you have the above-mentioned plugin installed you can go to <strong>WordPress dashboard -> Tools -><strong>Widget Importer &amp; Exporter\u00a0<\/strong><\/strong>and there you should import\u00a0<strong>shapely-widgets.wie <\/strong>which you downloaded earlier.<\/li>\n<\/ol>\n\n\n\n<p>You are now all set with demo content and your website should look exactly like the <a href=\"https:\/\/colorlibhub.com\/shapely\/\">theme demo<\/a>. But don&#8217;t worry if something looks different as you are not cloning our theme demo but learning to create your own website with Shapely. Demo content is there to give you an idea of how everything works and not to create an exact clone.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to install and activate Shapely WordPress theme by Colorlib\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/SSSsIYnHT9U?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-3-set-up-front-home-page\">3. Set up front\/home page<\/h2>\n\n\n\n<p><em>Further steps assume that you haven&#8217;t watched video above regarding demo content import and want to create a website on your own without it.&nbsp;<\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new page by going to <strong>WordPress Dashboard -> Pages -> Add New<\/strong>. You can use any title for this page but in our example we call it &#8220;Front Page&#8221;.<\/li>\n\n\n\n<li>Now you need to change the Template for this page. You can do that via <strong>&#8220;Page Attributes&#8221;<\/strong> that you can see on the right side of the post editor screen. From <strong>Template<\/strong> downtown choose<strong>\u00a0Home Page.\u00a0<\/strong>Now click the <strong>Update\u00a0<\/strong>page to save these changes.<\/li>\n\n\n\n<li>Once you have this page ready you have to set it as the homepage for your website. You can achieve it by going to <strong>WordPress dashboard -> Settings -> Reading -> Front page displays ->\u00a0A static page (select below)\u00a0<\/strong>and there select your newly created page.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to Setup Shapely Homepage and a Blog Page [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/UgYSr893UtY?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p><em><strong>Please note!&nbsp;<\/strong>If you didn&#8217;t import the demo content we described in the previous step you will get a black page instead of content. No need to import demo content if you don&#8217;t want it as further steps will explain how to do everything without demo content.&nbsp;<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-4-set-up-portfolio-section\">4. Set up Portfolio Section<\/h2>\n\n\n\n<p><em>We assume that you watched 1st video on this description and you have the <strong>Jetpack plugin already installed<\/strong>. If not you can install it by going to <strong>WordPress Dashboard -&gt; Plugins -&gt; Add New and search for &#8220;Jetpack&#8221;<\/strong><\/em><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install and activate Jetpack if you haven&#8217;t already.<\/li>\n\n\n\n<li>Go to <strong>Jetpack -> Settings<\/strong> and enable\u00a0<strong>Custom Content Types.<\/strong><\/li>\n\n\n\n<li>Enable\u00a0<strong>Custom Content Types <\/strong>by clicking on<strong> &#8220;Configure&#8221;.<\/strong><\/li>\n\n\n\n<li>Now you can start adding portfolio items via <strong>WordPress dashboard -> Portfolio -> Add New.<\/strong><\/li>\n\n\n\n<li>Afterward, you should select the Portfolio widget to be displayed on front page. You can do that by going to <strong>Appearance -> Customize -> Widgets -> Homepage<\/strong> and there select<strong> [Shapely]\u00a0Portfolio for Home Widget.<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Above described steps are also visible on the video below:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"Homepage Portfolio Setup For Shapely WordPress Theme [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/fpY9kpYqjKc?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-5-parallax-sections-and-aligned-image-sections\">5. Parallax sections and aligned image sections<\/h2>\n\n\n\n<p>This theme comes with parallax options and there are two kind of parallax sections &#8211; small(Background Small) and full screen(Background Full). These two options can be used via <strong>Customize -&gt; Widgets &#8211; Homepage <\/strong>and there you should add<strong> &#8220;Parallax Widget&#8221;<\/strong>. From there you can play around widget options to see how they work.<\/p>\n\n\n\n<p>On top of parallax sections, there are 4 other options for image alignment &#8211; left, right, top and bottom. They are enabled via the same <strong>&#8220;Parallax Widget&#8221;<\/strong> by simply changing <strong>&#8220;Image Position&#8221; <\/strong>for&nbsp;particular&nbsp;widget settings.<\/p>\n\n\n\n<p>Please watch a video below to see how these options work. They are very easy to use as all changes you make you can see on the live preview before you even save your options.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to Setup Parallax Section On Shapely WordPress Theme [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/RbBkDljeHWM?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-6-testimonials\">6. Testimonials<\/h2>\n\n\n\n<p>If you have followed documentation you already have Jetpack and its Custom Content&nbsp;Types module enabled. If not you should follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>WordPress dashboard -> Plugins -> Add New and search for Jetpack.\u00a0<\/strong><\/li>\n\n\n\n<li>Now\u00a0you can enable\u00a0<strong>Custom Content\u00a0Types <\/strong>via\u00a0<strong>WordPress dashboard -> Jetpack -> Settings.<\/strong><\/li>\n\n\n\n<li>Not click <strong>&#8220;Configure&#8221;<\/strong> right next to\u00a0<strong>Custom Content\u00a0Types <\/strong>and on that screen enable Testimonials that you will see at the very end of the page.<\/li>\n\n\n\n<li>Now you can go ahead and add new testimonials via <strong>WordPress dashboard -> Testimonials &#8211; Add New.<\/strong><\/li>\n\n\n\n<li><strong>Featured images<\/strong> for testimonials are used for testimonial author images that does below testimonials.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"Testimonials For Shapely WordPress Theme [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/Mih5Nmzg03A?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-7-client-partner-logo-slider\">7. Client\/partner logo slider<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"Clients Section Setup For Shapely WordPress Theme [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/z1WbZcEtE-E?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-8-call-for-action\">8. Call For Action<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to Setup Call For Action Section For Shapely Theme [Homepage Setup]\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/PygBAU5BtHM?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-9-social-icons\">9. Social Icons<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"Social Media Icon Setup For Shapely WordPress Theme\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/XWdWYaMxEek?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-10-navigation-menu-set-up\">10. Navigation Menu Set up<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"Navigation Menu Setup For Shapely WordPress Theme\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/-EIg_HuVuJo?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-11-how-to-set-up-and-use-post-amp-page-templates\">11. How to Set up and Use Post &amp; Page Templates<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"wpex-responsive-media\"><iframe loading=\"lazy\" title=\"How to Use Post &amp; Page Templates for Shapely WordPress theme\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/522vppTp-aI?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/span>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>What you will learn: 1. Install Shapely theme2. Import Shapely demo content and widget content.3. Set up front\/home page4. Set up Portfolio Section5. Parallax sections and aligned image sections6. Testimonials7. Client\/partner logo slider8. Call For Action9. Social Icons10. Navigation Menu Set up11. How to Set up and Use Post &amp; Page Templates 1. Install Shapely&hellip;<\/p>\n","protected":false},"author":697,"featured_media":0,"parent":104,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"class_list":{"1":"page","2":"type-page","3":"status-publish","4":"hentry","5":"entry","6":"no-media"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shapely Theme Documentation - Colorlib<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/support\/shapely\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shapely Theme Documentation - Colorlib\" \/>\n<meta property=\"og:description\" content=\"What you will learn: 1. Install Shapely theme2. Import Shapely demo content and widget content.3. Set up front\/home page4. Set up Portfolio Section5. Parallax sections and aligned image sections6. Testimonials7. Client\/partner logo slider8. Call For Action9. Social Icons10. Navigation Menu Set up11. How to Set up and Use Post &amp; Page Templates 1. Install Shapely&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/support\/shapely\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-05T07:36:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/shapely\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/shapely\\\/\",\"name\":\"Shapely Theme Documentation - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"datePublished\":\"2021-01-15T18:30:00+00:00\",\"dateModified\":\"2025-05-05T07:36:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/shapely\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/shapely\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/shapely\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Support\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/support\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shapely Theme Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shapely Theme Documentation - Colorlib","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/support\/shapely\/","og_locale":"en_US","og_type":"article","og_title":"Shapely Theme Documentation - Colorlib","og_description":"What you will learn: 1. Install Shapely theme2. Import Shapely demo content and widget content.3. Set up front\/home page4. Set up Portfolio Section5. Parallax sections and aligned image sections6. Testimonials7. Client\/partner logo slider8. Call For Action9. Social Icons10. Navigation Menu Set up11. How to Set up and Use Post &amp; Page Templates 1. Install Shapely&hellip;","og_url":"https:\/\/colorlib.com\/wp\/support\/shapely\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2025-05-05T07:36:26+00:00","twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/support\/shapely\/","url":"https:\/\/colorlib.com\/wp\/support\/shapely\/","name":"Shapely Theme Documentation - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"datePublished":"2021-01-15T18:30:00+00:00","dateModified":"2025-05-05T07:36:26+00:00","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/support\/shapely\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/support\/shapely\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/support\/shapely\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Support","item":"https:\/\/colorlib.com\/wp\/support\/"},{"@type":"ListItem","position":3,"name":"Shapely Theme Documentation"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/pages\/47912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=47912"}],"version-history":[{"count":19,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/pages\/47912\/revisions"}],"predecessor-version":[{"id":364886,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/pages\/47912\/revisions\/364886"}],"up":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/pages\/104"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=47912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}