How To Create WordPress Theme

How To Create WordPress Theme Step by Step below: 01. Introduction 02. Template Files and Templates 03. Starting Index.php 04. Header Template 05. Header Template Continues 06. The Loop 07. The Content 08. Post meta data 09. Else, Post ID, Link Title 10. Posts Nav Link 11. Sidebar and Categories … Continue Reading →

25. Wp Theme Comments Template

Follow this WordPress Theme Tutorial Series from the beginning.You’re almost done. Hang on for just one more lesson. Today, you take on the life of all blogs; the comments template. In my opinion, a blog is not a blog if it doesn’t allow readers to comment. To some, comments are not important, … Continue Reading →

24. Sub-template Files

Follow this WordPress Theme Tutorial Series from the beginning. To continue with where we left off, you’re going to create more sub-template files like yesterday’s header.php,sidebar.php, and footer.php files. Now that the index.php file’s divided, it gets even easier. Step 1Before you do this step, look at the Sidebar, click … Continue Reading →

23. Footer and Dividing Index

Follow this WordPress Theme Tutorial Series from the beginning. Today, we wrap up styling and start dividing the index.phpfile into multiple small files. You’ll need the style.css early in today’s lesson. Later, you’ll work with index.php along with creating some new files. Finally huh? Yes, you’re almost done. Open Xampp, … Continue Reading →

22. Wp Theme Styling Sidebar

Follow this WordPress Theme Tutorial Series from the beginning.After styling the Sidebar, this tutorial series will be almost over. Already? Yes, but don’t worry. I’ll follow up with case studies (break down of how I created my themes).Again, you don’t need the index.php file today. Open Xampp, theme’s folder, Firefox, … Continue Reading →

21. Post Formatting and Miscellaneous

Follow this WordPress Theme Tutorial Series from the beginning. You don’t need index.php today. Open Xampp Control,theme folder, Firefox, Internet Explorer, and style.css. Before we start, forget yesterday’s screenshot that I showed you. I had the widget plugin turned on while taking the screenshot, which explains why my sidebar looked … Continue Reading →

20. Widths and Floats

Follow this WordPress Theme Tutorial Series from the beginning. This lesson will cover how to set the width for each DIV (or invisible box) and how to arrange them. It’ll also show you some work-arounds to get your theme to display right or look the same in both Firefox and … Continue Reading →

19. hex Codes and Styling Links

Follow this WordPress Theme Tutorial Series from the beginning.Continuing from yesterday’s introduction to CSS, we’ll do more coloring and learn more about hex codes and styling css. The color property, followed by a hexadecimal (hex) code, is for coloring texts (words). For example body { color: #000000;} means all texts … Continue Reading →

18. Style.css and CSS Intro

The best way to learn CSS is to dive right in. Unlike XHTML and PHP, you don’t need to touch the core files of your template. You also don’t need to understand any basic concept. Just dive in. Trial and error is the way to go. Before we start, you … Continue Reading →

17. How to Validate

You need to learn how to validate your codes, before stepping into CSS and working with the style.css file. Validate/Validating/Validation simply means making sure there’s no error. At beginning of this series, I gave you two links to bookmark, XHTML Validator and CSS Validator. For this lesson, you’ll use the … Continue Reading →