{"id":21641,"date":"2019-05-29T14:33:53","date_gmt":"2019-05-29T13:33:53","guid":{"rendered":"https:\/\/fifteen-staging.fifteen.dev\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/"},"modified":"2019-05-29T14:33:53","modified_gmt":"2019-05-29T13:33:53","slug":"wordpress-guide-part-2-pages-and-custom-sections","status":"publish","type":"post","link":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/","title":{"rendered":"WordPress Guide &#8211; Part 2: Pages and Custom Sections"},"content":{"rendered":"<div class=\"entry-content\"><p>Following on from my <a href=\"\/blog\/wordpress-guide-part-1-posting-blogs\/\" title=\"Wordpress Guide - Part1: Posting Blogs\" rel=\"noopener\" target=\"_blank\">last blog post covering \u2018how to post<\/a>\u2019,\u00a0welcome to part 2 of your WordPress training guide. In this guide, we will cover \u2018Pages\u2019 and \u2018Custom Sections\u2019 within a WordPress website.<\/p>\n<h2>Pages<\/h2>\n<p>The pages on your website will be made up of multiple \u2018templates\u2019 formed from the designs that we\u2019ve created.<br \/>\nThe development team create pages using \u2018Custom Fields\u2019 which mirror the structure of the designs, and then they code the front-end HTML and CSS on top of the backend workings in order to integrate the site you can see within the CMS.<br \/>\nPages are typically laid out in the backend in a tabbed fashion \u2013 something like this:<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-18638\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png\" alt=\"Wordpress Page Template Fifteen WordPress Guide\" \/><\/p>\n<p>It\u2019s split logically into the different sections of the page, with the ability to edit all the key components you can see on the front-end like so:<br \/>\n<img decoding=\"async\" class=\"aligncenter size-large wp-image-18640\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image5-2-700x385.png\" alt=\"Fifteen Site Header Example\" \/><br \/>\nWe try and keep the page elements as simple as possible to edit and allow as much flexibility as possible as well. This allows our clients the opportunity to control as much of their website as possible, without them having to worry about breaking anything, as the text formats automatically to match the style we\u2019ve created.<br \/>\nOn some occasions, websites require a bit more flexibility and movement, this is why we can also build elements such as a \u2018page builder\u2019 this will allow the flexibility to build up the website, new pages and other elements using various components of the website.<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-18639\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image4-5.png\" alt=\"Page Builder Example Fifteen WordPress Guide\" \/><br \/>\nThis works by allowing the admin to select an element to add, and then similar to the standard way of working, it will give the options for that section for the admin to populate:<br \/>\n<img decoding=\"async\" class=\"aligncenter size-large wp-image-18641\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image6-2-700x851.png\" alt=\"Icon Population Example WordPress Fifteen Guide\" \/><br \/>\nThis is becoming an increasingly popular method of development and allows admins to have much more flexibility across the site, so you can have pages which are as long or as short as they need to be, and the styling is kept consistent. \u00a0<\/p>\n<h2>Custom Sections<\/h2>\n<p>Custom sections will depend on your website, and its functionality, it can include as many or as little sections as you need to!<br \/>\nCustom sections can include things like careers, team members, case studies, infographics, testimonials, resources and more!<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-18637\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image2-3.png\" alt=\"Custom Section examples Fifteen Guide\" \/><br \/>\nWhen we create these pages, we try and make them as consistent and similar to edit and use as main pages throughout the website, to make it as easy as possible for you to edit and update the website.<br \/>\n<img decoding=\"async\" class=\"aligncenter size-large wp-image-18636\" src=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image1-2-700x376.png\" alt=\"Case Study Example Fifteen Design WordPress Guide\" \/><br \/>\nCustom posts generally feed into various areas of the main website, and instead of updating elements on individual pages \u2013 it\u2019s often easier to uploaded them into a specific area, select or give the post relevant categories and tags, and then we can code the site to do the rest!<\/p>\n<p>Each website we build is unique in its layout and behind the scenes workings, but as part of your training, we will walk you through the core elements of how to use your website, and also produce a training video that shows you where all the necessary elements are.<\/p>\n<p>In the next blog, you\u2019ll discover more about all the other little bits of WordPress! Stay tuned! <\/p>\n<p>If you\u2019d like to find out more about <a title=\"Building a WordPress website\" href=\"\/web-design-services\/content-management-system\/wordpress\/\" target=\"_blank\" rel=\"noopener\">building a WordPress website<\/a> and optimising it through <a title=\"Search Engine Optimisation (SEO) services\" href=\"\/digital-marketing\/seo\/\" target=\"_blank\" rel=\"noopener\">regular SEO activity<\/a>, <a title=\"Contact Fifteen\" href=\"\/contact\/\" target=\"_blank\" rel=\"noopener\">get in touch<\/a> with us today. Our experienced team have the skills to get your new site up and running in no time.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"Following on from my last blog post covering \u2018how to post\u2019,\u00a0welcome to part 2 of your WordPress training guide. In this guide, we will cover \u2018Pages\u2019 and \u2018Custom Sections\u2019 within a WordPress website. Pages The pages on your website will be made up of multiple \u2018templates\u2019 formed from the designs that we\u2019ve created. The development [&hellip;]","protected":false},"author":84,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-21641","post","type-post","status-publish","format-standard","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wordpress Guide - Part 2: Pages and Custom Sections - Fifteen<\/title>\n<meta name=\"description\" content=\"Part two of our informative Wordpress training guide shows you the versatility of pages and custom sections.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wordpress Guide - Part 2: Pages and Custom Sections\" \/>\n<meta property=\"og:description\" content=\"Part two of our informative Wordpress training guide shows you the versatility of pages and custom sections.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/\" \/>\n<meta property=\"og:site_name\" content=\"Fifteen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FifteenDesign\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-29T13:33:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png\" \/>\n<meta name=\"author\" content=\"Kyle Lindsay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kyle Lindsay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wordpress Guide - Part 2: Pages and Custom Sections - Fifteen","description":"Part two of our informative Wordpress training guide shows you the versatility of pages and custom sections.","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:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/","og_locale":"en_GB","og_type":"article","og_title":"Wordpress Guide - Part 2: Pages and Custom Sections","og_description":"Part two of our informative Wordpress training guide shows you the versatility of pages and custom sections.","og_url":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/","og_site_name":"Fifteen","article_publisher":"https:\/\/www.facebook.com\/FifteenDesign","article_published_time":"2019-05-29T13:33:53+00:00","og_image":[{"url":"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png","type":"","width":"","height":""}],"author":"Kyle Lindsay","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kyle Lindsay","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#article","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/"},"author":{"name":"Kyle Lindsay","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"headline":"WordPress Guide &#8211; Part 2: Pages and Custom Sections","datePublished":"2019-05-29T13:33:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/"},"wordCount":566,"commentCount":0,"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#primaryimage"},"thumbnailUrl":"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png","inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/","url":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/","name":"Wordpress Guide - Part 2: Pages and Custom Sections - Fifteen","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#primaryimage"},"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#primaryimage"},"thumbnailUrl":"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png","datePublished":"2019-05-29T13:33:53+00:00","author":{"@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"description":"Part two of our informative Wordpress training guide shows you the versatility of pages and custom sections.","breadcrumb":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#primaryimage","url":"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png","contentUrl":"https:\/\/s3.eu-west-2.amazonaws.com\/fifteen-uploads\/uploads\/2019\/05\/image3-3.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/wordpress-guide-part-2-pages-and-custom-sections\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fifteendesign.co.uk\/"},{"@type":"ListItem","position":2,"name":"WordPress Guide &#8211; Part 2: Pages and Custom Sections"}]},{"@type":"WebSite","@id":"https:\/\/www.fifteendesign.co.uk\/#website","url":"https:\/\/www.fifteendesign.co.uk\/","name":"Fifteen","description":"Creative. Digital. Marketing.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fifteendesign.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714","name":"Kyle Lindsay","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","caption":"Kyle Lindsay"},"url":"https:\/\/www.fifteendesign.co.uk\/blog\/author\/kyle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/comments?post=21641"}],"version-history":[{"count":0,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21641\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media?parent=21641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/categories?post=21641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/tags?post=21641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}