{"id":136669,"date":"2018-08-03T15:58:11","date_gmt":"2018-08-03T15:58:11","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=136669"},"modified":"2025-02-18T07:13:33","modified_gmt":"2025-02-18T07:13:33","slug":"how-to-create-wordpress-theme","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/","title":{"rendered":"How to Create WordPress Theme"},"content":{"rendered":"<p>For <a href=\"https:\/\/webkul.com\/wordpress-theme-development-services\/\">WordPress theme development<\/a>, we need to know where the theme folder and files are stored when building themes.<\/p>\n<h3>WordPress Directory Folders<\/h3>\n<ul>\n<li>wp-admin<\/li>\n<li>wp-content<\/li>\n<li>wp-includes<\/li>\n<\/ul>\n<p>The folder that we are most interested in right now is the\u00a0<strong>wp-content\u00a0<\/strong>folder. Within the\u00a0<strong>wp-content<\/strong>\u00a0folder is a folder named\u00a0<strong>themes<\/strong>.<\/p>\n<p>You will find three themes by default in <strong>themes<\/strong> folder after installed new wordpress.<\/p>\n<h3><strong>Now lets start theme creation step by step:-<\/strong><\/h3>\n<h2>Step 1: Create a folder to hold your theme files.<\/h2>\n<p>Create a folder parallel to other themes folder with a unique and decent name.<\/p>\n<p><strong>Notice:<\/strong>\u00a0there is a theme folder named <strong>mytheme<\/strong>\u00a0which we have created.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-136685 alignleft\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\" alt=\"\" width=\"657\" height=\"241\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png 657w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-250x92.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-300x110.png 300w\" sizes=\"(max-width: 657px) 100vw, 657px\" loading=\"lazy\" \/><\/p>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2><\/h2>\n<h2>Step 2: Create style.css and index.php in your theme folder<\/h2>\n<p>Now create two empty files in theme folder directory. One is called\u00a0<strong>index.php<\/strong>\u00a0and the other is called\u00a0<strong>style.css<\/strong>.<\/p>\n<h3><strong>Style.css<\/strong><\/h3>\n<p>WordPress actually reads the comments that you place in the style.css file. This is where you specify specific information about the theme you are building.<\/p>\n<blockquote><p>The style.css is a stylesheet (CSS) file required for every WordPress theme. It controls the presentation (visual design and layout) of the website pages.<\/p>\n<p>To know more click on this: <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/main-stylesheet-style-css\/\">Link<\/a><\/p><\/blockquote>\n<p>Simply assign a <strong>Theme Name<\/strong>, the <strong>Author<\/strong>, the <strong>Author URI<\/strong>, and the <strong>Version number<\/strong> of theme.<\/p>\n<pre class=\"brush:plain\">\/*\nTheme Name: mytheme\nAuthor: author\nAuthor URI: \/https:\/\/author.com\nVersion: 1.0\n*\/\n\n<\/pre>\n<h3><\/h3>\n<h3><strong>Index.php<\/strong><\/h3>\n<p>In this file, we just want to output something to the screen to prove that our theme is working.<\/p>\n<pre class=\"brush:xml\">&lt;h1&gt;My Theme!&lt;\/h1&gt;\n<\/pre>\n<h2><\/h2>\n<h2>Theme Image<\/h2>\n<p>Add a image with name of screenshot.png size of 1200*900 pixels. it will show in Appearance -&gt; Themes section.<\/p>\n<h2 class=\"brush:xml\">Step 3: Activate your theme from the WordPress Dashboard<\/h2>\n<p>navigate to\u00a0<strong>Appearance-&gt;Themes<\/strong>, you see the new theme you have created.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-136696 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-3.png\" alt=\"\" width=\"853\" height=\"432\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-3.png 853w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-3-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-3-300x152.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-3-768x389.png 768w\" sizes=\"(max-width: 853px) 100vw, 853px\" loading=\"lazy\" \/><\/p>\n<p>We can click on \u201cTheme Details\u201d to drill down on our custom theme and find that the information that we had entered into the style.css file has worked. We can see the them has a name of mytheme, with Version 1.0, by the author, and a link to the Author URl we had provided.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-136705\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-4.png\" alt=\"\" width=\"851\" height=\"463\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-4.png 851w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-4-250x136.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-4-300x163.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001-4-768x418.png 768w\" sizes=\"(max-width: 851px) 100vw, 851px\" loading=\"lazy\" \/><\/p>\n<p>And now the moment of truth! Go ahead and click \u201cActivate\u201d on the new mytheme and then visit the site.<\/p>\n<h2>Step 4: Add Code to Output The Post Title and Post Text<\/h2>\n<p>we visit our site no matter how many posts are in the database. Let us now move to fetching some data from the database, and outputting it to the page. Specifically, we want to fetch the Post Title and Post Content of all posts and view them on the homepage.<\/p>\n<pre class=\"brush:php\">&lt;?php\n \nif ( have_posts() ) :\n\twhile ( have_posts() ) : the_post(); ?&gt;\n \n        &lt;h2&gt;&lt;?php the_title() ?&gt;&lt;\/h2&gt;\n\t\t&lt;?php the_content() ?&gt;\n\t\n\t&lt;?php endwhile;\n \nelse :\n\techo '&lt;p&gt;There are no posts!&lt;\/p&gt;';\n \nendif;\n \n?&gt;\n<\/pre>\n<h2>Step 6: Add a Header and Footer To The Theme<\/h2>\n<h3>Header.php and Footer.php<\/h3>\n<p>The header.php and footer.php file are actually quite important.\u00a0This is where you include code that all pages on your site will need access to in one way or another. we will make use of special functions provided by WordPress to get the header and footer.<\/p>\n<h3><strong>wp_head()<\/strong><\/h3>\n<p>wp_head() is kind of a special function when you are working with WordPress Themes.\u00a0The purpose of this function is to finalize the output in the &lt;head&gt; section of your header.php file.<\/p>\n<pre class=\"brush:php\">&lt;!DOCTYPE html&gt;\n&lt;html &lt;?php language_attributes(); ?&gt;&gt;\n \n&lt;head&gt;\n    &lt;meta charset=\"&lt;?php bloginfo( 'charset' ); ?&gt;\"&gt;\n    &lt;title&gt;&lt;?php bloginfo( 'name' ); ?&gt;&lt;\/title&gt;\n\t&lt;?php wp_head() ?&gt;\n&lt;\/head&gt;\n \n&lt;body &lt;?php body_class(); ?&gt;&gt;\n&lt;header class=\"site-header\"&gt;\n    &lt;h1&gt;&lt;a href=\"&lt;?php echo home_url(); ?&gt;\"&gt;&lt;?php bloginfo( 'name' ); ?&gt;&lt;\/a&gt;&lt;\/h1&gt;\n    &lt;h4&gt;&lt;?php bloginfo( 'description' ); ?&gt;&lt;\/h4&gt;\n&lt;\/header&gt;\n\n\n<\/pre>\n<h3>wp_footer()<\/h3>\n<p>The same goes for wp_footer() function.\u00a0add this before the closing &lt;\/body&gt; tag in footer.php file.<\/p>\n<pre class=\"brush:php\">&lt;footer class=\"site-footer\"&gt;\n    &lt;p&gt;&lt;?php bloginfo( 'name' ) ?&gt;&lt;\/p&gt;\n&lt;\/footer&gt;\n \n&lt;?php wp_footer() ?&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n\n<\/pre>\n<p>Know more about\u00a0<a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/get_header\">get_header()<\/a>\u00a0and\u00a0<a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/get_footer\">get_footer()<\/a>\u00a0.<\/p>\n<pre class=\"brush:php\">&lt;?php\n \nget_header();\n \nif ( have_posts() ) :\n\twhile ( have_posts() ) : the_post(); ?&gt;\n \n        &lt;h2&gt;&lt;a href=\"&lt;?php the_permalink() ?&gt;\"&gt;&lt;?php the_title() ?&gt;&lt;\/a&gt;&lt;\/h2&gt;\n\t\t&lt;?php the_content() ?&gt;\n\t\n\t&lt;?php endwhile;\n \nelse :\n\techo '&lt;p&gt;There are no posts!&lt;\/p&gt;';\n \nendif;\n \nget_footer();\n \n?&gt;<\/pre>\n<h2>Step 7: Add a functions.php file to theme<\/h2>\n<p>The functions.php file in WordPress does many things for your theme. It is the file where you place code to modify the default behavior of WordPress. You can almost think of the functions.php as a form of a plugin for WordPress with a few key points to remember:<\/p>\n<ul>\n<li>Does not require unique Header text<\/li>\n<li>Stored in the folder that holds your theme files<\/li>\n<li>Executes only when in the currently activated theme\u2019s directory<\/li>\n<li>Applies only to the current theme<\/li>\n<li>Can call PHP functions, WordPress functions, or custom functions<\/li>\n<\/ul>\n<p>! Let\u2019s create a function in our functions.php file to include the style.css file into our theme.<\/p>\n<pre class=\"brush:php\">&lt;?php\n \nfunction my_theme_assets() {\n\twp_enqueue_style( 'style', get_stylesheet_uri() );\n}\n \nadd_action( 'wp_enqueue_scripts', 'my_theme_assets' );\n\n<\/pre>\n<h3>Finally, we created a theme.<\/h3>\n<h3 id=\"panel-0\" class=\"panel-title\">Support<\/h3>\n<div class=\"panel-body\">\n<div>\n<p>Still have any issue feel free to add a ticket and let us know your views to make the code better\u00a0<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<p>Thanks for Your Time! Have a Good Day!<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For WordPress theme development, we need to know where the theme folder and files are stored when building themes. WordPress Directory Folders wp-admin wp-content wp-includes The folder that we are most interested in right now is the\u00a0wp-content\u00a0folder. Within the\u00a0wp-content\u00a0folder is a folder named\u00a0themes. You will find three themes by default in themes folder after installed <a href=\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":209,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1260],"tags":[],"class_list":["post-136669","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to create wordpress theme<\/title>\n<meta name=\"description\" content=\"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create wordpress theme\" \/>\n<meta property=\"og:description\" content=\"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-03T15:58:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-18T07:13:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\" \/>\n<meta name=\"author\" content=\"Mohit Verma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mohit Verma\" \/>\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:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\"},\"author\":{\"name\":\"Mohit Verma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8cfc50e5f617fb22102e7078744f684\"},\"headline\":\"How to Create WordPress Theme\",\"datePublished\":\"2018-08-03T15:58:11+00:00\",\"dateModified\":\"2025-02-18T07:13:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\"},\"wordCount\":707,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\",\"name\":\"How to create wordpress theme\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\",\"datePublished\":\"2018-08-03T15:58:11+00:00\",\"dateModified\":\"2025-02-18T07:13:33+00:00\",\"description\":\"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png\",\"width\":\"657\",\"height\":\"241\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create WordPress Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8cfc50e5f617fb22102e7078744f684\",\"name\":\"Mohit Verma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8422227b5a202e62c533159506db4d785ddaea670abadc139d6ed65e67617e42?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8422227b5a202e62c533159506db4d785ddaea670abadc139d6ed65e67617e42?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Mohit Verma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/mohit-verma178\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create wordpress theme","description":"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.","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:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to create wordpress theme","og_description":"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.","og_url":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-08-03T15:58:11+00:00","article_modified_time":"2025-02-18T07:13:33+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png","type":"","width":"","height":""}],"author":"Mohit Verma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Mohit Verma","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/"},"author":{"name":"Mohit Verma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8cfc50e5f617fb22102e7078744f684"},"headline":"How to Create WordPress Theme","datePublished":"2018-08-03T15:58:11+00:00","dateModified":"2025-02-18T07:13:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/"},"wordCount":707,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/","url":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/","name":"How to create wordpress theme","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png","datePublished":"2018-08-03T15:58:11+00:00","dateModified":"2025-02-18T07:13:33+00:00","description":"For WordPress theme development, we need to know where the theme folder and files are stored when building themes.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/08\/step0001.png","width":"657","height":"241"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-create-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create WordPress Theme"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8cfc50e5f617fb22102e7078744f684","name":"Mohit Verma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8422227b5a202e62c533159506db4d785ddaea670abadc139d6ed65e67617e42?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8422227b5a202e62c533159506db4d785ddaea670abadc139d6ed65e67617e42?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Mohit Verma"},"url":"https:\/\/webkul.com\/blog\/author\/mohit-verma178\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/136669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/209"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=136669"}],"version-history":[{"count":40,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/136669\/revisions"}],"predecessor-version":[{"id":483391,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/136669\/revisions\/483391"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=136669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=136669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=136669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}