{"id":14793,"date":"2020-06-11T14:33:43","date_gmt":"2020-06-11T14:33:43","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=14793"},"modified":"2020-06-18T17:26:49","modified_gmt":"2020-06-18T17:26:49","slug":"how-to-create-a-wordpress-custom-theme-part-3","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-create-a-wordpress-custom-theme-part-3\/","title":{"rendered":"How to create a WordPress custom theme? Part-3"},"content":{"rendered":"\n

How to create a WordPress custom theme?<\/p>\n\n\n\n

In this blog, you’ll see how to call these files to each other. WordPress divided the all files to understand clearly.<\/p>\n\n\n\n

The basic files which are needed to make a theme .<\/p>\n\n\n\n

  1. Style.css<\/li>
  2. Screenshot.png<\/li>
  3. Index.php<\/li>
  4. Header.php<\/li>
  5. Footer.php<\/li>
  6. Functions.php<\/li>
  7. Front-page.php<\/li>
  8. Sidebar.php<\/li>
  9. search.php<\/li><\/ol>\n\n\n\n

    Initially, we’ll begin to activate the created custom theme.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    2. It’ll be shown as a blank page because we didn’t have to mention anything about the theme. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    3. Let’s introduce the header and footer files to WordPress, so we need to download a custom HTML theme<\/strong> that is responsive too from any site. You can download from this site https:\/\/bootstrapmade.com\/<\/a><\/strong> also.<\/p>\n\n\n\n

    4. Just open the index file from your downloaded file . We have to convert this file into WordPress.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    5. It’s the head section code. Just copy it from first line to body tag.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    6. Go to your created custom theme folder C:\\xampp\\htdocs\\wordpress\\wp-content\\themes\\customtheme <\/strong>and create header.php file .<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    7. Paste that head section code into the themes folder’s header file. And save it.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    8. Now create footer file the custom theme folder.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    9. Copy the footer section code till the end of closing body tag.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    10. Paste this code into your footer.php<\/strong> file.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    11. Copy this code form top bar to end main.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    12. Now, all files are separated, then how we can call header.php and footer.php through index.php<\/strong>. WordPress defines its own function to call another file to other files. i.e. get_header(); and get_footer();<\/strong> .<\/p>\n\n\n\n

    13. A PHP script starts with <?php<\/strong><\/code> and ends with ?><\/strong><\/code>: You have to write the code between this. At the top , just write <?php get_header(); ?><\/strong> It’ll call the header.php<\/strong> file<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    14. At the end of index.php file, write <?php get_footer(); ?><\/strong> to call footer.php<\/strong> file.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    15. Now, when you’ll refresh your site, its content will be shown easily.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    16. You can change your site name and give its tag within tittle tag.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    17. At right upper-side, you can see.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"

    How to create a WordPress custom theme? In this blog, you’ll see how to call these files to each other. WordPress divided the all files to understand clearly. The basic… <\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5150],"tags":[],"class_list":["post-14793","post","type-post","status-publish","format-standard","hentry","category-php"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=14793"}],"version-history":[{"count":3,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14793\/revisions"}],"predecessor-version":[{"id":15142,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14793\/revisions\/15142"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=14793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=14793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=14793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}