{"id":12057,"date":"2017-09-04T05:38:49","date_gmt":"2017-09-03T19:38:49","guid":{"rendered":"https:\/\/buildprosites.com\/moa2\/how-to-create-beautiful-web-pages-in-wordpress\/"},"modified":"2017-09-04T05:38:49","modified_gmt":"2017-09-03T19:38:49","slug":"how-to-create-beautiful-web-pages-in-wordpress","status":"publish","type":"post","link":"https:\/\/buildprosites.com\/moa-backup\/how-to-create-beautiful-web-pages-in-wordpress\/","title":{"rendered":"How to Create Beautiful Web Pages In WordPress"},"content":{"rendered":"<p>I often get complimented on the appearance of my website.<\/p>\n<p>And I sure hope the recent redesign didn\u2019t put that in jeopardy!<\/p>\n<p>But in all seriousness, having a nice website reflects on you as a business owner.<\/p>\n<p>You see, if you can\u2019t be bothered spending the time and care on your website, then you may give off the impression your services and products will also be crappy.<\/p>\n<p>Well, today you are in luck because I am going to share my way of creating awesome webpages.<\/p>\n<p>I am going to explain the two components that make this possible.<\/p>\n<p>You ready? Let\u2019s go!<\/p>\n<p>&nbsp;<\/p>\n<h2>It doesn\u2019t have to be complicated<\/h2>\n<p>&nbsp;<\/p>\n<p>Some people will assume designing web pages is a complicated process. While it does take skill, there is a science to the design.<\/p>\n<p>It all comes down to two main things.<\/p>\n<p><strong>Techniques<\/strong>: When designing web pages, content should come first. Design should come later. But both are equally important and I\u2019ll show you how to think about each.<\/p>\n<p><strong>Tools<\/strong>: It\u2019s hard to create a nice site if you have improper tools. It took me years to work this out. And free doesn\u2019t necessarily mean good. Sometimes you just have to invest in the tools.<\/p>\n<p>&nbsp;<\/p>\n<p>Before I go into detail, I&#8217;d like to invite you to grab your website setup checklist. Because we both know you need to setup your website well before you think about designing it.<\/p>\n<p>You can grab it here:<\/p>\n<p>[fl_builder_insert_layout id=\\&#8221;13024\\&#8221;]<\/p>\n<p>&nbsp;<\/p>\n<p>So&#8230;<\/p>\n<p>Let\u2019s start at the top. With techniques.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Techniques<\/strong><\/h2>\n<p>Let\u2019s look at both content and design under the umbrella of techniques.<\/p>\n<p>&nbsp;<\/p>\n<h3>Content<\/h3>\n<p>The very first thing you should do is to <strong>know your content<\/strong>, the goals for that content and the call to action.<\/p>\n<p>Some people will focus on the design if they have the tools. This is a mistake. If you start purely with design, you run the risk of losing your message.<\/p>\n<p>Here are some things to keep in mind when discussing content:<\/p>\n<ul>\n<li>What type of page is this? Your homepage? An internal page or a direct response landing page?<\/li>\n<li>Where do your visitors come from when visiting this page? For example, an about page generally attracts visitors from the homepage or from those doing a direct search of you. They are evaluating you. Whereas a landing page is generally attracting visitors from an ad and more disruptive.<\/li>\n<li>What is the objective of the page. How will it push the relationship forward? What impression of your business is it going to give?<\/li>\n<li>And what is the call to action? What are they meant to do for you after reading this page?<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Here\u2019s a tip<\/strong>. Try and get inside the head of your prospects and answer the questions they would have in the right sequence. This includes follow up questions.<\/p>\n<p>That\u2019s just a brief introduction to content&#8230;<\/p>\n<p>Now we can move on to design and see how to bring the two together.<\/p>\n<p>&nbsp;<\/p>\n<h3>Design<\/h3>\n<p>Although content should come first in the process, design is just as equally important.<\/p>\n<p>Don\u2019t let anyone else tell you otherwise.<\/p>\n<p>I\u2019ve had the lecture from gurus that say your content is all that should matter. If that were the case, then why do Facebook posts with images attract more attention than those without?<\/p>\n<p>We are like Blue Jays. Attracted to shiny things.<\/p>\n<p>So I\u2019m going to throw some glitter your way now \ud83d\ude09<\/p>\n<p>Just keep in mind, design is not necessarily a linear process.<\/p>\n<p>Nonetheless, I\u2019ll do my best to describe the essential elements.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Colours &amp; Typography<\/strong><\/p>\n<p>Why do so many free themes from WordPress org look amateurish? Mostly it\u2019s because of weak typography.<\/p>\n<p>For those of you who don\u2019t know what this means, Typography is the art of getting your font right. It includes aspects such as font family, font size, line spacing and more.<\/p>\n<p>Font matters.<\/p>\n<p>And colour? Naturally colour matters too.<\/p>\n<p>These two items &#8211; font and colour &#8211; are global. That means that each page you create inherits them. They should be consistent and in line with your brand.<\/p>\n<p>Here\u2019s some great websites to help you choose fonts and colours:<\/p>\n<ul>\n<li><a href=\"http:\/\/colorschemedesigner.com\/csd-3.5\/\" target=\"_blank\" rel=\"noopener\">Colour Scheme Designer<\/a><\/li>\n<li><a href=\"http:\/\/fontpair.co\/\" target=\"_blank\" rel=\"noopener\">Font Pair<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Cool? Okay let\u2019s look at some more page centric elements now.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong>The Hero Unit<\/strong><\/p>\n<p>The hero unit is the large area section that appears on your homepage and sometimes inner pages.<\/p>\n<p>It tells the viewer what you do and why you are different. This is important because it helps the prospect know they are in the right place.<\/p>\n<p>Let\u2019s say your prospect clicked on a link from your facebook page back to your homepage. You\u2019d want to a) reassure him he\u2019s in the right place and b) let him know what to expect.<\/p>\n<p>See my own hero unit for this website which has changed by now.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-12058 size-large\" src=\"https:\/\/markofapproval.com\/wp-content\/uploads\/moa-hero-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" \/><\/p>\n<p>You\u2019ll find it mentions what I do. Affordable Websites.<\/p>\n<p>The reason why you should be interested, or the unique selling point, is that you only pay for what you need. And there are no contracts to hold you barred.<\/p>\n<p>You\u2019ll also notice I have a Call to Action button in red. That\u2019s a good idea to have one.<\/p>\n<p>Yes, some prospects will want more information and those will scroll down the page to read further.<\/p>\n<p>But for those in a rush, or who already know about you, have a CTA (call to action) in the hero area.<\/p>\n<p>So if somebody was coming from my facebook page here <a href=\"https:\/\/www.facebook.com\/moawm\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.facebook.com\/moawm\/<\/a> they would have expectations in mind.<\/p>\n<p>I\u2019ll be the first to admit my FB page and website currently have a disconnect. Which is why it\u2019s important to get your messaging right.<\/p>\n<p>The hero unit gives you this opportunity.<\/p>\n<p><strong>Side Note:<\/strong> I have recently rebranded since this post. At present I am not focusing on templated websites for various niches but rather custom websites. If you want more information about getting a templated website feel free to contact me.<\/p>\n<p>&nbsp;<\/p>\n<p>Now let\u2019s move on to callouts.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Callouts<\/strong><\/p>\n<p>Another web design element are what are known as callouts. These have become popular in recent time.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-12059\" src=\"https:\/\/markofapproval.com\/wp-content\/uploads\/lmv-callouts-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" \/><\/p>\n<p>Above is a set of callouts from <a href=\"http:\/\/littlemissuseful.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/littlemissuseful.com\/<\/a>.<\/p>\n<p>You\u2019ll notice this design concept gives a clear bird\u2019s eye view of her services grid.<\/p>\n<p>Likewise, you can also have callouts in the form of features on multiple rows as I\u2019d originally done on my care plans page.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-12060\" src=\"https:\/\/markofapproval.com\/wp-content\/uploads\/moa-callouts-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" \/><\/p>\n<p>Of course, there\u2019s so many different design patterns and concepts it\u2019s impossible to list them all.<\/p>\n<p>That\u2019s why I\u2019m going to mention some tools that will help you build your site using various design patterns.<\/p>\n<p>Let\u2019s get to it\u2026<\/p>\n<p>&nbsp;<\/p>\n<h2>The Tools<\/h2>\n<p>The best tools for creating awesome design are page building tools. I\u2019ll start first by listing them here then we\u2019ll explain each one in turn.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.wpbeaverbuilder.com\/?fla=699\" target=\"_blank\" rel=\"noopener\">Beaver Builder<\/a><\/li>\n<li><a href=\"https:\/\/wpbeaveraddons.com\/ref\/90\/\" target=\"_blank\" rel=\"noopener\">Beaver Builder Power Pack<\/a><\/li>\n<li><a href=\"https:\/\/store.brainstormforce.com\/downloads\/ultimate-addons-for-beaver-builder\/?bsf=158\" target=\"_blank\" rel=\"noopener\">Ultimate Beaver Addons<\/a><\/li>\n<li><a href=\"https:\/\/thrivethemes.com\/\" target=\"_blank\" rel=\"noopener\">Thrive Themes<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Beaver Builder<\/h3>\n<p>This is a great page building tool for creating your homepage and inner pages.<\/p>\n<p>You can easily create the design elements I described above. For example, the hero unit was created using a full width background effect with simple text and image inside.<\/p>\n<p>I love how you can choose your colour palette and manipulate colours on the fly through point and click.<\/p>\n<p>But, one limitation of Beaver Builder is the inability to create columns within columns.<\/p>\n<p>This is generally not an issue but sometimes I would like to separate the right image from the elements on the left.<\/p>\n<p>But with all the modules available, this shouldn\u2019t be an issue.<\/p>\n<p>Yes, Beaver Builder does have a free version but you\u2019ll want to invest in the paid version for the templates and modules it offers.<\/p>\n<p>&nbsp;<\/p>\n<h3>Powerpack and Ultimate Beaver<\/h3>\n<p>These are very similar addons for Beaver Builder. They add more flexibility to the already powerful plugin.<\/p>\n<p>Aside from new modules, they also have improved versions of the modules already included with the base pack.<\/p>\n<p>Both of these plugins also have free version on the WordPress.org repository and you could get away with using all 3 of the free versions.<\/p>\n<p>Lastly, you can create popups and exit intents with these addon packs but I am beginning to see that Thrive Themes is a better solution for marketing components.<\/p>\n<p>So let\u2019s look at Thrive Themes now.<\/p>\n<p>&nbsp;<\/p>\n<h3>Thrive Themes<\/h3>\n<p>Thrive Themes is an extremely powerful set of tools. While they have a newer and improved page builder, I only really use their page builder for landing pages.<\/p>\n<p>I use Beaver Builder for the regular page designs.<\/p>\n<p>So yes, there is room for both plugins as <a href=\"https:\/\/thewpchick.com\/thrive-visual-editor-beaver-builder-why-i-use-both-videos\/\" target=\"_blank\" rel=\"noopener\">Kim Doyal of WP Chick indicated on her blog pos<\/a>t.<\/p>\n<p>But Thrive is so much more than just a landing page builder. It has tools for building optin boxes\/forms, marketing quizzes and so much more.<\/p>\n<p>There\u2019s absolutely no reason why you can\u2019t use both Beaver and Thrive.<\/p>\n<p>&nbsp;<\/p>\n<h3>Other Tools<\/h3>\n<p><a href=\"http:\/\/www.shareasale.com\/r.cfm?B=568169&amp;U=1114829&amp;M=28169&amp;urllink=\" target=\"_blank\" rel=\"noopener\">I use Genesis as my theme of choice<\/a> because of its flexibility and the plugins available for it.<\/p>\n<p>It also <a href=\"https:\/\/www.wpbeaverbuilder.com\/beaver-themer\/?fla=699\" target=\"_blank\" rel=\"noopener\">integrates with Beaver Builder\u2019s Themer plugin<\/a>.<\/p>\n<p>This allows you to modify the header and footer of the theme by creating a page builder version.<\/p>\n<p>It still retains the microdata too such as WPHeader and WPFooter.<\/p>\n<p>You\u2019ll also need <a href=\"https:\/\/wordpress.org\/plugins\/genesis-dambuster\/\" target=\"_blank\" rel=\"noopener\">Genesis Dambuster<\/a> if you want edge to edge effects when using Beaver Builder.<\/p>\n<p>Thrive Themes on the other hand hijacks the entire page removing its header and footer. This is cool for building landing pages.<\/p>\n<p>However, one big disadvantage of Thrive Themes Landing Page Builder is that it only works on pages and not custom post types.<\/p>\n<p>So creating a great webpage is easy when you have the right tools mixed with great design and content techniques.<\/p>\n<p>&nbsp;<\/p>\n<p>Phew, that was a lot of ground to cover! If you feel overwhelmed, I suggest downloading my plugin guide or replying to this post. All questions welcome!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a great webpage is easy when you have the right tools mixed with great design and content techniques.<\/p>\n","protected":false},"author":1,"featured_media":12063,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[26],"tags":[],"callouts":[],"class_list":["post-12057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-operating-your-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing<\/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:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing\" \/>\n<meta property=\"og:description\" content=\"Creating a great webpage is easy when you have the right tools mixed with great design and content techniques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark of Approval Web &amp; Marketing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/moawm\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-03T19:38:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/markofapproval.com\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mark Hunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/\"},\"author\":{\"name\":\"Mark Hunter\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#\\\/schema\\\/person\\\/4ee31767d92e11ac3f250806367d1d1c\"},\"headline\":\"How to Create Beautiful Web Pages In WordPress\",\"datePublished\":\"2017-09-03T19:38:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/\"},\"wordCount\":1698,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2017\\\/09\\\/Blog-Images.png\",\"articleSection\":[\"Operating Your Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/\",\"name\":\"How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2017\\\/09\\\/Blog-Images.png\",\"datePublished\":\"2017-09-03T19:38:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2017\\\/09\\\/Blog-Images.png\",\"contentUrl\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2017\\\/09\\\/Blog-Images.png\",\"width\":940,\"height\":788},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/how-to-create-beautiful-web-pages-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/markofapproval.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Beautiful Web Pages In WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#website\",\"url\":\"https:\\\/\\\/markofapproval.com\\\/\",\"name\":\"Mark of Approval Web & Marketing\",\"description\":\"Meeting Your Mark Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/markofapproval.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#organization\",\"name\":\"Mark of Approval Web & Marketing\",\"alternateName\":\"MOA\",\"url\":\"https:\\\/\\\/markofapproval.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2023\\\/03\\\/moa-powerpoint-768x141.x51927.png\",\"contentUrl\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/wp-content\\\/uploads\\\/sites\\\/50\\\/2023\\\/03\\\/moa-powerpoint-768x141.x51927.png\",\"width\":768,\"height\":141,\"caption\":\"Mark of Approval Web & Marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/moawm\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/markofapproval.com\\\/#\\\/schema\\\/person\\\/4ee31767d92e11ac3f250806367d1d1c\",\"name\":\"Mark Hunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g\",\"caption\":\"Mark Hunter\"},\"sameAs\":[\"https:\\\/\\\/buildprosites.com\"],\"url\":\"https:\\\/\\\/buildprosites.com\\\/moa-backup\\\/author\\\/mark\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing","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:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing","og_description":"Creating a great webpage is easy when you have the right tools mixed with great design and content techniques.","og_url":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/","og_site_name":"Mark of Approval Web &amp; Marketing","article_publisher":"https:\/\/facebook.com\/moawm","article_published_time":"2017-09-03T19:38:49+00:00","og_image":[{"width":940,"height":788,"url":"https:\/\/markofapproval.com\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png","type":"image\/png"}],"author":"Mark Hunter","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/"},"author":{"name":"Mark Hunter","@id":"https:\/\/markofapproval.com\/#\/schema\/person\/4ee31767d92e11ac3f250806367d1d1c"},"headline":"How to Create Beautiful Web Pages In WordPress","datePublished":"2017-09-03T19:38:49+00:00","mainEntityOfPage":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/"},"wordCount":1698,"commentCount":0,"publisher":{"@id":"https:\/\/markofapproval.com\/#organization"},"image":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png","articleSection":["Operating Your Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/","url":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/","name":"How to Create Beautiful Web Pages In WordPress - Mark of Approval Web &amp; Marketing","isPartOf":{"@id":"https:\/\/markofapproval.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png","datePublished":"2017-09-03T19:38:49+00:00","breadcrumb":{"@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#primaryimage","url":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png","contentUrl":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2017\/09\/Blog-Images.png","width":940,"height":788},{"@type":"BreadcrumbList","@id":"https:\/\/markofapproval.com\/how-to-create-beautiful-web-pages-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/markofapproval.com\/"},{"@type":"ListItem","position":2,"name":"How to Create Beautiful Web Pages In WordPress"}]},{"@type":"WebSite","@id":"https:\/\/markofapproval.com\/#website","url":"https:\/\/markofapproval.com\/","name":"Mark of Approval Web & Marketing","description":"Meeting Your Mark Online","publisher":{"@id":"https:\/\/markofapproval.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/markofapproval.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/markofapproval.com\/#organization","name":"Mark of Approval Web & Marketing","alternateName":"MOA","url":"https:\/\/markofapproval.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/markofapproval.com\/#\/schema\/logo\/image\/","url":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2023\/03\/moa-powerpoint-768x141.x51927.png","contentUrl":"https:\/\/buildprosites.com\/moa-backup\/wp-content\/uploads\/sites\/50\/2023\/03\/moa-powerpoint-768x141.x51927.png","width":768,"height":141,"caption":"Mark of Approval Web & Marketing"},"image":{"@id":"https:\/\/markofapproval.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/moawm"]},{"@type":"Person","@id":"https:\/\/markofapproval.com\/#\/schema\/person\/4ee31767d92e11ac3f250806367d1d1c","name":"Mark Hunter","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6447c15bdecfdb1422ab331a3e7bb01d3d11e531be7fa2b896cdd62294585ba?s=96&d=mm&r=g","caption":"Mark Hunter"},"sameAs":["https:\/\/buildprosites.com"],"url":"https:\/\/buildprosites.com\/moa-backup\/author\/mark\/"}]}},"_links":{"self":[{"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/posts\/12057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/comments?post=12057"}],"version-history":[{"count":0,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/posts\/12057\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/media\/12063"}],"wp:attachment":[{"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/media?parent=12057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/categories?post=12057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/tags?post=12057"},{"taxonomy":"callouts","embeddable":true,"href":"https:\/\/buildprosites.com\/moa-backup\/wp-json\/wp\/v2\/callouts?post=12057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}