For many of us, the first experience with WordPress coding is when writing the first topic. Finally, all text news websites need themes. If you want to customize them, you’d better code them yourself. When I started WordPress in 2010, I had never used a content management system (CMS). However, as part of CMS, HTML and CSS code a lot on large sites that use HTML in content or small client sites built from scratch. I spent several weeks studying the advantages and disadvantages of various CMS and decided on WordPress for two reasons: The first is a wonderful community of users and developers to which we all belong. The second fact is that with some HTML experience, creating WordPress Themes is not that difficult. The
In these three post series, we will show you how to create your own word press theme in static HTML. Start with a single HTML file and CSS stylesheet and convert to a WordPress theme that contains all the bells and whistles that accompany it. The posts are carried out in the following order: Index Create PHP files, add template tags, and loop. Create additional template files and template sections, such as header, sidebar, and footer files. Add features and import feature file settings, including constructs and navigation menus. In this post is index. A single file named PHP is created. This is the index of my static site. Although based on HTML files, we will delete the content and replace it with template tags and loops. The
Here we go! If necessary, some tools are needed to follow the series. Install WordPress development on your local computer whenever possible. Code editor. Static site – if there is no working site, you can the files in use. This operation must be performed on the development site, not the live site. I don’t want the world to see your theme until it’s ready. The start code start site has index. HTML and style. There are only two files named CSS. I deliberately kept things simple and used a smaller version of my site. As shown below: The
Male index HTML and style. The contents of the CSS file can be found in GitHub. Because there are many codes, I won’t show them here! Note: This is the default code set designed to help create unique themes. To be used for live sites, you may need to add other styles here, etc. The subject directory request failed. Only for learning, not for powering real-time sites. To create a theme set a theme, a theme folder is required for word press installation. Use the code editor or file manager to navigate to WP content \/ themes and create a new folder. Please specify the desired name. I will call my name wpmudev-them-part1. The
Index HTML and style. Copy the CSS file to this folder. They can’t do anything yet, but they will do it soon. There is now a folder that contains two files. Starting! At present, WordPress does not know that there is a theme. All topics have indexes. PHP and style. You only need two files named CSS. As you learn through this series, you will learn that while more is usually required, there are only two topics. First, we add annotative text to the style sheet. Style Open the CSS file and add: The
Load summary 2b693721668dba8bcc578b8de9824642 this is WordPress recognition this is the information required by the theme style sheet.
