{"id":14642,"date":"2020-06-10T14:17:58","date_gmt":"2020-06-10T14:17:58","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=14642"},"modified":"2020-06-13T05:35:35","modified_gmt":"2020-06-13T05:35:35","slug":"how-to-create-a-wordpress-custom-theme","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-create-a-wordpress-custom-theme\/","title":{"rendered":"How to create a WordPress custom theme? Part-2"},"content":{"rendered":"\n

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

What is the WordPress theme?<\/p>\n\n\n\n

The WordPress Themes are files that work together to create the design and functionality of a WordPress site. Themes provide a style (including font styling), colors, page layouts, widget positions, etc. You can change the theme of your site without changing the content of the site. Themes provide a unique look to your site.<\/p>\n\n\n\n

The basic files need to make a theme as follows:-<\/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

    I’ll explain its details of each file in next blog. Here, we’ll see only style.css.<\/p>\n\n\n\n

    Now, Let’s start.<\/p>\n\n\n\n

    1. Login the WordPress by typing this http:\/\/localhost\/wordpress\/wp-admin\/<\/a><\/strong><\/li><\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      2. Here, you can see WordPress Dashboard<\/strong><\/p>\n\n\n\n

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

      3. At left side, just click Appearance->Theme<\/strong><\/p>\n\n\n\n

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

      4. In WordPress, there are three themes which is given by default. If you want to add a new theme , so you have to click Add New Themes.<\/strong><\/p>\n\n\n\n

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

      5. Just click the left upper side Add New<\/strong> button.<\/p>\n\n\n\n

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

      6. Now you can see there is a huge number of themes which you can install from here. But these are uncomplicated and unattractive. No one wants a website to be that much simple. We can create it more attractive.<\/p>\n\n\n\n

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

      7. Go to this path C:\\xampp\\htdocs\\wordpress\\wp-content\\themes<\/strong> and open theme folder.<\/p>\n\n\n\n

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

      8. Create a new folder and named it with the custom theme within the themes folder.<\/p>\n\n\n\n

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

      9. In the customtheme folder, first of all, create style.css<\/strong> file after that creates an index file.<\/p>\n\n\n\n

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

      10. In style.css<\/strong> file, you have to pass some basic values for introducing this theme to WordPress that this theme is created by you and it’ll be shown within the WordPress theme repository also.<\/p>\n\n\n\n

      11. Now open style.css<\/strong> file with sublime text<\/strong><\/p>\n\n\n\n

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

      11. Here, you can see. There are some parameters that passing values to introduce in WordPress. You have to write this code within the comment. What the name of this theme is, its description, version, author name who has created this theme, author URL, theme URL, text domain, license, and so on.<\/p>\n\n\n\n

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

      12. Custom Theme has been created now with its name, version, description, author name. It’s the basic theme layout. Now you have to pass screenshot.png<\/strong>.<\/p>\n\n\n\n

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

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

      It’ll look like this<\/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? What is the WordPress theme? The WordPress Themes are files that work together to create the design and functionality of a WordPress site. Themes… <\/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-14642","post","type-post","status-publish","format-standard","hentry","category-php"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14642","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=14642"}],"version-history":[{"count":8,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14642\/revisions"}],"predecessor-version":[{"id":14867,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14642\/revisions\/14867"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=14642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=14642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=14642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}