{"id":4467,"date":"2014-05-18T19:02:25","date_gmt":"2014-05-18T19:02:25","guid":{"rendered":"http:\/\/demo.momizat.net\/goodnews\/?p=320"},"modified":"2014-05-18T19:02:25","modified_gmt":"2014-05-18T19:02:25","slug":"wordpress-tips-the-anatomy-of-a-wordpress-themes","status":"publish","type":"post","link":"https:\/\/bulandrashtrawadi.in\/?p=4467","title":{"rendered":"Anatomy of A WordPress Themes"},"content":{"rendered":"<p>WordPress themes<\/p>\n<p>A while ago, we introduced to you the concept of creating a WordPress theme from HTML. We split the tutorial into two parts, and you can check out the <a title=\"WordPress Tutorial: How To Create A WordPress Theme From HTML Part 1\" href=\"http:\/\/www.wpexplorer.com\/create-wordpress-theme-html-1\/\" target=\"_blank\" rel=\"noopener\">first installation here<\/a> and the <a title=\"WordPress Tutorial: How To Create A WordPress Theme From HTML Part 2\" href=\"http:\/\/www.wpexplorer.com\/create-wordpress-theme-html-2\/\" target=\"_blank\" rel=\"noopener\">second here<\/a>. Today we are all about fleshing out the two tutorials, so feel free to regard this post as the third serving in the post series. My objective is to take apart the WordPress theme to give you a clear picture of how it (the theme) works.<\/p>\n<p>This post assumes you have a working knowledge of HTML and CSS. I will go ahead and declare that having HTML and CSS skills is a prerequisite in designing WordPress themes. One more thing, this post will stay clear of big words and difficult concepts \u2013 it will be easy to comprehend, so be ready to have fun and learn.<\/p>\n<h2>A Little HTML Priming<\/h2>\n<p>Every HTML web page is split into different parts using the &lt;div&gt; tag. For instance, you can break the body (&lt;body&gt;) of your website into several sections such as navigation, header, main content, sidebar and footer amongst others.<\/p>\n<p>Once you have your web page in sections, you can order (or arrange) the sections as you wish using CSS. This process is known as styling, and it involves adding other style elements such as color, size, borders, special effects etc. Such is the power of CSS, which \u2013 by the way \u2013 is short for Cascading Style Sheets. When you put your HTMl and CSS files together and throw in a couple of images, you end up with a complete website.<\/p>\n<p>Things are not very different with WordPress themes. As we saw in <a title=\"How To Create A WordPress Theme From HTML Part 1\" href=\"http:\/\/www.wpexplorer.com\/create-wordpress-theme-html-1\/\" target=\"_blank\" rel=\"noopener\">part 1 of How To Create A WordPress Theme from HTML<\/a>, WordPress themes are split into different files. If you cannot spot some similarity at this point, allow me to explain.<\/p>\n<p>Static HTML web pages are split into divisions (what we called sections earlier on) using &lt;div&gt; tags (or tables if you\u2019re really old school). On the other hand, WordPress themes are split into different php files, which are then put back together using template tags.<\/p>\n<p>Therefore, instead of having all body elements (header, main content, sidebar, footer etc) living in a single file (as is the case with static HTML), each of the body elements (in WordPress themes) lives in a separate files.<\/p>\n<p>So, the header will live in header.php, the sidebar will find home in sidebar.php, the main content will live in index.php, or single.php (if it\u2019s a post) or page.php (if it\u2019s a page). The footer section will live in footer.php and so on.<\/p>\n<p>Are you following? Check out the illustration below:<\/p>\n<p>Proin tristique elit et augue varius pellentesque. Donec enim neque, vulputate et commodo in, tristique sed velit. Phasellus adipiscing faucibus felis eget hendrerit. Vestibulum aliquet mauris sed felis convallis, sed tempus augue malesuada. Vivamus mauris lorem, laoreet sed suscipit nec, dapibus at elit. In in augue lobortis, eleifend tortor et, varius eros. Vivamus dignissim sed justo vitae suscipit. Mauris mi sem, malesuada sed sapien ut, sagittis condimentum urna. Nullam lacus mi, vulputate sed sollicitudin in, semper ut elit. Phasellus nec est at leo euismod placerat a porttitor est. Curabitur vel varius nunc, nec tincidunt magna. Proin eros mauris, lobortis id quam non, euismod fringilla nulla. Fusce vel nisi et turpis tempor molestie sit amet a dolor.<\/p>\n<h4>THEMATIC (CHILD) THEMES<\/h4>\n<p>Thematic uses Child Themes, these are essentially stripped down versions of a full WP theme, that needs the Thematic Framework for functionality. Upon download, Thematic comes packaged with a basic child theme, but you can download many more from the Thematic homepage. <a href=\"http:\/\/themeshaper.com\/category\/thematic-child-themes\/\">Download Thematic Child Themes<\/a>.<\/p>\n<p>Below, you will find a small selection of themes available for Thematic.<\/p>\n<p><a href=\"http:\/\/themeshaper.com\/acamas-theme-clarity-elegance-power\/\">Acamas Child Theme<\/a><\/p>\n<blockquote class=\"mom_quote \" style=\"font-family:verdana;font-size:14px;font-style:italic;border-left-color:#dd9933; color:#474747; background-color:#F5F5F5; \"><span class=\"quote-arrow\" style=\"border-left-color:#dd9933;\"><\/span>This Demo Content Brought to you by <a href=\"http:\/\/momizat.com\/\" target=\"_blank\" rel=\"dofollow noopener\">Momizat Team<\/a> <\/blockquote>\n<h2>this is tags and keywords : wordpress themes momizat Tutorial wordpress  templates<\/h2>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress themes A while ago, we introduced to you the concept of creating a WordPress theme from HTML. We split the tutorial into two parts, and you can check out the first installation here and the second here. Today we are all about fleshing out the two tutorials, so feel free to regard this post [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"audio","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[75,78,79,80,83],"_links":{"self":[{"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/posts\/4467"}],"collection":[{"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4467"}],"version-history":[{"count":0,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/posts\/4467\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bulandrashtrawadi.in\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}