{"id":499,"date":"2018-08-06T00:33:26","date_gmt":"2018-08-06T00:33:26","guid":{"rendered":"http:\/\/patrickcarpen.com\/computers-and-internet\/?page_id=499"},"modified":"2018-08-06T15:47:42","modified_gmt":"2018-08-06T15:47:42","slug":"customizing-a-wordpress-theme","status":"publish","type":"page","link":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/","title":{"rendered":"Customizing A WordPress Theme"},"content":{"rendered":"Last updated: August 6, 2018 at 15:47 pm\n<p>&nbsp;<\/p>\n<p>Now that you know how to browse the WordPress repository for themes, how to install a theme and how to activate a theme on your WordPress website, it&#8217;s time to learn how to customize the theme.<\/p>\n<p>Customizing a theme is one of the simplest things to do on WordPress. It simple means tweaking the theme a little here and there, adding or removing a column, changing the header image, changing the background color or image, etc.<\/p>\n<p>First, I&#8217;ll run through the theme directory and install about 20 to 40 themes that look suitable for my hotel website project. I do this by hovering over the theme and then clicking the &#8220;install&#8221; button when it appears. But I don&#8217;t click &#8220;Network Activate,&#8221; which is the button that appears there after the I click &#8220;Install&#8221; and the theme has been installed. This is because if I click &#8220;Network Activate,&#8221; then I&#8217;ll be navigated away from the themes directory and I&#8217;ll have to load it over again.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-502\" src=\"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png\" alt=\"\" width=\"763\" height=\"440\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png 763w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7-300x173.png 300w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/p>\n<p>As you can see from the picture above, I&#8217;ve installed the Hitchcock theme, but I didn&#8217;t Network Enable it. I&#8217;ll do that later. For now, I&#8217;ll just scroll down and install as many of the themes as seem suitable for this project. Later, I will network install and test them one by one. Then I&#8217;ll select the one that I like the best, or is most suitable for the project and &#8220;customize&#8221; it. Next, I&#8217;ll continue building the WordPress website using that theme.<\/p>\n<p>Ok&#8230;so I&#8217;m still installing&#8230;be patient.<\/p>\n<p>Now I&#8217;m testing the themes.<\/p>\n<p>Trying to find the perfect theme!<\/p>\n<p>And I did it! I finally the theme that I absolutely love for this project. The name is &#8220;Bard.&#8221; Or at least, it will work for now. This is sort of what my homepage looks like with the new Bard Theme.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-503\" src=\"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-7.png\" alt=\"\" width=\"1246\" height=\"629\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-7.png 1246w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-7-300x151.png 300w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-7-768x388.png 768w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-7-1024x517.png 1024w\" sizes=\"auto, (max-width: 1246px) 100vw, 1246px\" \/><\/p>\n<p>So now that I&#8217;ve found the perfect theme for my hotel website, I&#8217;m going to customize this theme and I&#8217;m going to let you ride with me.<\/p>\n<p>So let&#8217;s start all over again. To customize my newly installed WordPress Theme, I hover my mouse button over &#8220;My Sites,&#8221; then hover it over &#8220;The Amazonas Hotel in Lethem,&#8221; then click on &#8220;Dashboard.&#8221;<\/p>\n<p>Now that I&#8217;m inside of my main site&#8217;s Dashboard, I hover over &#8220;Appearance&#8221; in the left hand column and then click on &#8220;Customize.&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-504\" src=\"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/3-6.png\" alt=\"\" width=\"855\" height=\"602\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/3-6.png 855w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/3-6-300x211.png 300w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/3-6-768x541.png 768w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><\/p>\n<p>This loads a new page where I can now customize my newly installed theme. Here are the options to customize:<\/p>\n<ol>\n<li>Upgrade (About) &#8211; this is the first customization button that appears on this theme and it gives the user the option of paying some money and getting even more features. It&#8217;s called &#8220;Upgrading to Pro.&#8221; But for now, I&#8217;ll completely ignore this option.<\/li>\n<li>Colors. I&#8217;m given the option changing the text, accent and background colors, etc, as you can see from the screenshot below.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-505\" src=\"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-6.png\" alt=\"\" width=\"251\" height=\"519\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-6.png 251w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-6-145x300.png 145w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/p>\n<p>3. General Layouts &#8211; This is about how many columns the page will have, etc.<\/p>\n<p>4. Top Bar &#8211; This gives you an option of including a top menu bar above the header above image or not.<\/p>\n<p>5. Header Image &#8211; This gives you the option of changing or removing the header image.<\/p>\n<p>6. Site Identity &#8211; This gives you the option of modifying your Site&#8217;s Title and Tagline as well as uploading a logo.<\/p>\n<p>7. Main Navigation &#8211; This gives the option of enabling or disabling the main navigation menu.<\/p>\n<p>8. This gives the option of including a Featured Slider on the site just below the header image and just above the content area.<\/p>\n<p>9. Featured Links &#8211; This gives the option of including Featured Links on the homepage. And we&#8217;ll talk more about this in the future.<\/p>\n<p>10. Blog Page &#8211; This gives some customization options for the blog pages, but we&#8217;re not going to touch this right now since we&#8217;re not building a blog here.<\/p>\n<p>11. Single Post &#8211; This gives some option for how the single post blog will look, but once again, it&#8217;s not relevant for my purposes.<\/p>\n<p>12. Social Media &#8211; This gives the option of including a set of social media icons on the on the top of the page, as well as configuring them to link to your social media pages such as Google +, Twitter and Facebook.<\/p>\n<p>13. Typography &#8211; This gives the option of changing your Logo&#8217;s and Navigation Menu&#8217;s typography.<\/p>\n<p>14. Page &#8211; Footer &#8211; This gives you the option of including your logo in the Page Footer of the web page, that is, towards the bottom, as well as the social icons.<\/p>\n<p>15. Preloader &#8211; This gives the option of enabling or disabling preloader animation on your pages.<\/p>\n<p>16. Menus &#8211; Here is where you go to create and configure your website&#8217;s menus, such as navigation menus.<\/p>\n<p>17. Widgets &#8211; Here is where you go to add or remove remove widgets from the sidebars, but there are better ways to do this which I will discuss later.<\/p>\n<p>18. Homepage settings &#8211; This is totally irrelevant as we have already set our homepage and we can always change from our WordPress Dashboard by going to Settings &gt; Reading.<\/p>\n<p>19. Additional CSS &#8211; This is for advanced coders, and it&#8217;s something I won&#8217;t touch on for now.<\/p>\n<p>OK, so that&#8217;s all the options that the Bard theme gives for customizing the website. Seeing that this lesson is getting a bit too long, I&#8217;ll split into two parts.<\/p>\n<p>So see you in the next lesson: Customizing a WordPress Theme: Part 2.<\/p>\n<p>There, I&#8217;ll do some customization to the Bard Theme I have installed and let you follow.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Now that you know how to browse the WordPress repository for themes, how to install a theme and how to activate a theme on your WordPress website, it&#8217;s time <a class=\"more-link\" href=\"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":363,"menu_order":10,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-499","page","type-page","status-publish","hentry","category-web-design-and-development","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Customizing A WordPress Theme - Computers and Internet<\/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:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing A WordPress Theme - Computers and Internet\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Now that you know how to browse the WordPress repository for themes, how to install a theme and how to activate a theme on your WordPress website, it&#8217;s time Continue Reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Computers and Internet\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-06T15:47:42+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png\" \/>\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:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/\",\"url\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/\",\"name\":\"Customizing A WordPress Theme - Computers and Internet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-7.png\",\"datePublished\":\"2018-08-06T00:33:26+00:00\",\"dateModified\":\"2018-08-06T15:47:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/#primaryimage\",\"url\":\"http:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-7.png\",\"contentUrl\":\"http:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-7.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/customizing-a-wordpress-theme\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"First Steps to Building Your WordPress Website\",\"item\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customizing A WordPress Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/#website\",\"url\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/\",\"name\":\"Computers and Internet\",\"description\":\"By Patrick Carpen: The Greatest Writer On Earth\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizing A WordPress Theme - Computers and Internet","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:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"Customizing A WordPress Theme - Computers and Internet","og_description":"&nbsp; Now that you know how to browse the WordPress repository for themes, how to install a theme and how to activate a theme on your WordPress website, it&#8217;s time Continue Reading &rarr;","og_url":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/","og_site_name":"Computers and Internet","article_modified_time":"2018-08-06T15:47:42+00:00","og_image":[{"url":"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/","url":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/","name":"Customizing A WordPress Theme - Computers and Internet","isPartOf":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/#primaryimage"},"image":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/#primaryimage"},"thumbnailUrl":"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png","datePublished":"2018-08-06T00:33:26+00:00","dateModified":"2018-08-06T15:47:42+00:00","breadcrumb":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/#primaryimage","url":"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png","contentUrl":"http:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-7.png"},{"@type":"BreadcrumbList","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/customizing-a-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/patrickcarpen.com\/computers-and-internet\/"},{"@type":"ListItem","position":2,"name":"First Steps to Building Your WordPress Website","item":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/"},{"@type":"ListItem","position":3,"name":"Customizing A WordPress Theme"}]},{"@type":"WebSite","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/#website","url":"https:\/\/patrickcarpen.com\/computers-and-internet\/","name":"Computers and Internet","description":"By Patrick Carpen: The Greatest Writer On Earth","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/patrickcarpen.com\/computers-and-internet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_shortlink":"https:\/\/wp.me\/PekbOB-83","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":3,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/499\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/499\/revisions\/506"}],"up":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/363"}],"wp:attachment":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}