{"id":3706,"date":"2021-01-05T04:37:16","date_gmt":"2021-01-05T04:37:16","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=3706"},"modified":"2021-01-05T04:37:16","modified_gmt":"2021-01-05T04:37:16","slug":"wordpress-custom-theme-creation","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/","title":{"rendered":"WordPress Custom Theme Creation"},"content":{"rendered":"<p>WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful to provide much more control over the visual presentation of your content and other data on your site. There are so many free themes available or you can choose a premium theme that looks great and has fantastic features. Here I\u2019m going to show you how we can create and customize our theme according to requirements and will. It also helps us to understand how WordPress Themes work. Theme creation needs knowledge about PHP, JavaScript, CSS, or even basic HTML. By following the below-mentioned steps you will understand how everything fits together and how to bend WordPress to your will with ease.<\/p>\n<p>Here we are going to create a theme from scratch. A theme is a collection of files that provides a graphical interface with an underlying unifying design for a website. A Theme modifies the way of website visual, without modifying the underlying software. Themes may include customized template files, images, style sheets, custom Pages, and any necessary code files. Please note that the below listed steps to create a theme. Here I\u2019m also sharing the example screenshots.<\/p>\n<h2>Theme Creation Steps:<\/h2>\n<ul>\n<li><strong>Step 1:<\/strong> First you need to install WordPress on your root directory. After performing a successful WordPress installation you can see the basic WordPress directory. By default installed directory named <strong>\u201cWordPress\u201d<\/strong> that contains the other directories like wp-admin, wp-content, and wp-includes or files such as index.php, wp-activate.php, and so on.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step1.png\" alt=\"step1\"\/>\n<\/li>\n<li><strong>Step 2:<\/strong> You need to create a folder that holds your theme files inside the <strong>wp-content \u2192 themes folder<\/strong>. Here you can see the default themes such as Twentyninety, Twentytwenty. We are going to create a custom theme so we named our folder as <strong>\u201ccustomtheme\u201d<\/strong>. You can give any name according to your will.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step2.png\" alt=\"step2\" \/>\n<\/li>\n<li><strong>Step 3:<\/strong> Now we are going to create two empty files inside the newly created theme directory. One is called index.php and the other is called style.css.<br \/>\n<h3>Style.css:<\/h3>\n<p>A stylesheet CSS file required for each WordPress theme. It controls the design and layout of the website. WordPress reads the comments placed in the style.css file. Here we can specify information about the theme. The given screenshot shows you which comment you need to add in this file. You can also add some description and information about your theme.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step3.png\" alt=\"step3\"\/><\/p>\n<h3>Index.php:<\/h3>\n<p>Here we just want to show something to the screen to know that our custom theme is working. <strong>&lt;h1>Custom Theme&lt;\/h1><\/strong>. We added this message on our home screen.\n<\/li>\n<li><strong>Step 4:<\/strong> By creating just these two files you can check your theme in the WordPress dashboard theme section. Then you need to activate the theme to visit the new site. The following screenshot shows you how your theme looks and you can <strong>Activate <\/strong>it by click on the <strong>\u201cActivate\u201d<\/strong> button. Then go to your website URL and run it in the browser and you will get your written message on the website.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step4.png\" alt=\"step4\"\/><\/p>\n<\/li>\n<li><strong>Step 5:<\/strong> if you want to show your posts list at the place for a message you need to add the WordPress loops in PHP code in your <strong>index.php<\/strong> file. For this, you need to learn about WordPress loops and functions. Here I\u2019m showing you some examples to show posts on your page.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step5.png\" alt=\"step5\"\/><\/p>\n<\/li>\n<li><strong>Step 6:<\/strong> Now it\u2019s time to add a <strong>header<\/strong> and <strong>footer<\/strong> to your custom theme. You can add simple WordPress functions <strong>get_header()<\/strong> and <strong>get_footer()<\/strong> at the first and the last line of your <strong>index.php<\/strong>. These functions will add the default WordPress theme header and footer to your website. As you can see in the first screenshot. Then you need to create two files named <strong>header.php<\/strong> and <strong>footer.php<\/strong> inside your theme folder and place the content which you want to show in header and footer. The second screenshot shows the added content in the header and footer.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step6.png\" alt=\"step6\"\/><\/p>\n<\/li>\n<li><strong>Step 7:<\/strong> Now we need to add <strong>function.php<\/strong> in our theme directory. This the most important file that does many things for our theme. In this file, we can place a code to modify the default behaviour of WordPress. We can call PHP functions, WordPress functions, or custom functions here. As we all know Style is the most important thing to present our website so we need to create a function in this file to include the <strong>style.css<\/strong> file into our theme. Here is the code screenshot.\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step7.png\" alt=\"step7\"\/><\/p>\n<\/li>\n<li><strong>Step 8:<\/strong> It is not the end because theme customization has no limits you can make them according to your requirements. But it totally depends on you which kind of website you want to create according to that you can modify and do your customization.\n<p>You can add classes, ids, and different types of HTML tags into your header footer and index files. You also need to add some styling into your style.css file by using assigned tags and attributes in your HTML. So here I\u2019m sharing the last screenshot of our newly created WordPress using above mentioned all steps.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/step8.png\" alt=\"step8\"\/>\n<\/li>\n<\/ul>\n<p><small><em>The English language is the most widely used language as a medium of communication around the world. Having a certification for the English language can be an advantage. StudySection provides an <a href=\"https:\/\/www.studysection.com\/english-language-advanced-diploma\">English Certification Exam<\/a> that tests English language proficiency in English grammar, reading, and writing.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are<\/p>\n","protected":false},"author":1,"featured_media":3708,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[366,136],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>StudySection Blog - WordPress Custom Theme Creation<\/title>\n<meta name=\"description\" content=\"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StudySection Blog - WordPress Custom Theme Creation\" \/>\n<meta property=\"og:description\" content=\"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-05T04:37:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/theme.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"WordPress Custom Theme Creation\",\"datePublished\":\"2021-01-05T04:37:16+00:00\",\"dateModified\":\"2021-01-05T04:37:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\"},\"wordCount\":899,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"theme\",\"wordpress\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\",\"url\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\",\"name\":\"StudySection Blog - WordPress Custom Theme Creation\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2021-01-05T04:37:16+00:00\",\"dateModified\":\"2021-01-05T04:37:16+00:00\",\"description\":\"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Custom Theme Creation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StudySection Blog - WordPress Custom Theme Creation","description":"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.","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:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/","og_locale":"en_US","og_type":"article","og_title":"StudySection Blog - WordPress Custom Theme Creation","og_description":"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.","og_url":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2021-01-05T04:37:16+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/01\/theme.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"WordPress Custom Theme Creation","datePublished":"2021-01-05T04:37:16+00:00","dateModified":"2021-01-05T04:37:16+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/"},"wordCount":899,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["theme","wordpress"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/","url":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/","name":"StudySection Blog - WordPress Custom Theme Creation","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2021-01-05T04:37:16+00:00","dateModified":"2021-01-05T04:37:16+00:00","description":"WordPress is simple and easy to use and the most popular way to create your own website. WordPress Themes are very helpful.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/wordpress-custom-theme-creation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Custom Theme Creation"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":233,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/3706"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=3706"}],"version-history":[{"count":1,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/3706\/revisions"}],"predecessor-version":[{"id":3717,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/3706\/revisions\/3717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/3708"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=3706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=3706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=3706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}