Are you interested in taking WordPress games to a whole new level? Do you want to further develop PHP technology and add more complex and interesting functions to themes and plug-ins? Welcome to the latest series of word press development for intermediate users. This series is the follow-up part of the WordPress development tutorial. It introduces the basic knowledge of developing websites with WordPress, the method to start coding with PHP, and the construction method of topics and plug-ins. In this 7-week article series, we will further test your technology in practice. You will learn the following methods: The
Include file, template section, template tag Use task and filter hook to add custom function coding best practices for WordPress topic development topics, create complex custom queries and loops for plug-in development topics and plug-ins, and add custom post types, as well as work post metadata (or custom fields) and other metadata (for example, author metadata) including metadata work code translation and listing preparation through this series of work and learning, you can become an excellent word press developer, create your own themes and plug-ins, distribute them to other users, or sell websites built on this basis. To the client. The
Note: PHP is the default language for WordPress, and code snippets will be referenced in this series, so you must have a practical knowledge of PHP. Let’s go. Have you missed the word press development series for intermediate users? Here, you can view all 7 posts. WordPress development for intermediate users: detailed topic development for intermediate users WordPress development for intermediate users: WordPress development for intermediate users: WordPress development for plug-in building intermediate users: WordPress development for user-defined post types and classification intermediate users: query and cycle intermediate companies User oriented WordPress development: WordPress development for intermediate users of custom fields and metadata: internationalization. Start learning wpmu dev members’ extensive word press knowledge, peer-to-peer reviews, instructor feedback and certification for free
Before starting, this course has previously coded word press and assumes that you have a basic understanding of the theme and how plug-ins work. If you have never developed for WordPress before or need to review, please read WordPress development, which provides all the information you need to know before starting this series. You also need to visit something to let you work with me. These are: developing WordPress installations. It is recommended that you work on your local computer. If you work remotely, the code editor that can access FTP (which will eventually be executed) does not have FTP access, and the FTP client I did not provide a link to help you intentionally find all this. I assume you already know something about this kind of thing and are at the level you can find. The
This tutorial and the next tutorial in this series will use the demo theme I created on GitHub. We have also created a demo site that can be updated during this series. The current situation is: This part of the course will introduce how to apply what you have learned to the presentation topics when dealing with various topics. Therefore, to do this, please and install and activate on the development site before starting. View the startup topic and understand its structure. This includes template files, constructs, and menus. All of this will be covered in the beginner development series. It also includes some basic shapes
More – I’m not saying it’s beautiful, you may want to improve it! The
In this tutorial, we will introduce topic development in the first tutorial. If you learned the following modules in developing word press for beginners, this tutorial will be based on what you learned. Building theme components and menus therefore, I will not cover how to create a default theme or register component areas or menus. If you do not know how to do this, please return to the corresponding series and confirm! Instead, there are high-level aspects of theme development, especially: Methods for structured topic development — add the hook to the function addition topic in the template tag additional function file using the style in the template hierarchy template part. Before coding, let’s take a look at several methods that can be used for topic development. The
The method of wordpress theme development is worth considering how to carry out theme development before starting your own theme development. Let’s look at several possible approaches. Method 1: writing coding topics from scratch is not my recommendation. This means starting with an empty PHP file (or file) and adding all the code needed to create the theme. You can decide to do this the first time you build a topic, but never in a subsequent topic. Eventually there will be a lot of shared code to reuse. The
Therefore, no matter what method you use for the first topic, do not code the following topics from scratch. Edit the first topic or use the first topic to create a start topic. Method 2: static HTML adaptation this is the traditional way for people to learn word press. If they have created a static site and are familiar with HTML coding, this is a good method. Alternatively, you can use this method if you use static HTML to prototype the site you are building. If you start with static HTML, you must do the following to convert annotations to topics: The
Index Index HTML files. Split into PHP change template section – separate the header, footer and sidebar into other files instead of static content, and edit the information that adds loop related template labels (to be added soon) and other locations of the page (such as website name and page description). Instead of manually coding topics, you use functions such as get_bloginfo() to import them from the database. If the hard coded navigation menu is replaced with the navigation menu using the word press menu interface, the static contents of the sidebar and footer are replaced with part areas, and other template files and indexes are added. Add PHP – you will learn a lot during the development of word press for beginners, which will be added soon. The
To practice how to create themes in static HTML in detail, my book WordPress Theme development:beginer’s guide will be helpful. Male underline is a starter theme that can speed up the development of wordpress theme. Method 3: another way to use a start topic is to get a third-party start topic, such as an underscore, and use it as the basis for your code. This will provide all the necessary elements of WordPress, such as rings, and save a lot of work. Alternatively, you can use the unique start topic that you created when you developed the first topic. Remove all code that does not apply to other topics, such as colors, fonts, or custom layouts and features, and use it to launch when developing the following topics: The
Ensure that the launch topic is encoded using the dry principle, reactive (or better, mobile first), and includes accessibility features. If you add to many topics, but have other features, not all, keep the include file for each topic.
You can add it to the topic the next time you need it. Later in this course, we will show you how to perform this task. Method 4: another way to create a sub theme theme by encoding is to use an existing theme as the parent theme, and then create a sub theme for each project. I combine this with the start topic method. I created a beginner sub theme that contains only my own custom framework theme and some basic content as the parent theme for all new sites I build. Then add and edit subtopics for each item. Subtopics allow you to save time and server space by keeping all code that you continue to use in the parent theme. If you need to redefine a project, create a template file with the same name in the sub theme, which WordPress will use instead of the parent theme. You can also use a third-party topic, such as a framework topic, as a parent topic. Many frameworks contain sub topics that are available by default, but nothing prevents direct coding. A theme framework like cherry is a way to access your own child’s theme development. Method 5: when people who customize existing themes start, the most popular method is to customize existing themes (for example, the default theme, the current twenty six) to meet their own needs. This may be a good way to start. This is a good way to learn. You can take a close look at the code in the topic to see how everything works. But there are several considerations. If you want the benefits of topic updates, use subtopics instead of modifying the topic directly. You can find that you have deleted many functions and styles and added your own styles. Use only topics that are similar to what you want to achieve, and only well coded topics. View comments in the WordPress topics directory. In short, if you are using a third-party topic as a learning method and plan to break it down and create your own topic without worrying about updates, please continue. However, if you want to change to an unrecognized level, it might be better to start the topic. To maintain a lot of style and functionality in the theme, use the sub theme to create your own TWIK. Topic structure: the topic of the topic template layer must contain a specific template file, which is the file used by WordPress to display content, depending on the page that visitors are viewing. Topics have four main types of files. Template file – index. PHP, page PHP style sheets – style. CSS template section – header. PHP, sidebar PHP, footer PHP and loop. Other template part function files created by users, such as PHP files. PHP and the minimum number of all included files is index. PHP and style. Two CSS. Theoretically, you can create a theme using only these two files, but this is not recommended. For example, if you separate the header and footer and create different template files for static pages, archive pages, and individual posts, life will be easier. Use include files to create code more efficiently. The startup topic contains the following files: Index PHP style. CSS function. PHP header. PHP sidebar. PHP footer. PHP is a template file, a style sheet, a function file, and three template parts. Let’s explain what each is in turn. When displaying the contents of a template file, the first file WordPress moves is the related template file. Select this option based on what is displayed using the template hierarchy. Male wphierarchy COM is an excellent interactive guide to topic template hierarchies. So, for example, the visitor is Boolean
If you read a single post from a blog, WordPress will view the list of files and display the content using the first file found in the list. Single post PHP (for a single post, not a page or custom post type) single. PHP (for a single post or a custom post type, not a page) singular. PHP (single post, custom post type or page) index. If a PHP (if there is no more specific template section) user moves to the archive page (for example, the \
Small. If you create many template files where each template section has its own loop, header, footer, and so on, you may be concerned about all the code that is duplicated. The good news is that there is no need to repeat the code. You can use the template part to encode a specific part of a topic once, and then include the code in the template file. Examples include: Title – title. PHP sidebar – sidebar. PHP footnote – footer. PHP normal loop – loop. More specific loops than PHP – such as loop page. Let’s use the template section in the loop of the PHP theme. Index Open the PHP file. Find the following code: copy load summary abcb5a4b406e4b32577823d 641096012 corresponding code. Loop Create a new file in a theme named PHP. Open a new file and paste the code. Save the file. Index Return to PHP and delete the code you just copied. Add the following here: Save the loading summary abcb5a4b406e4b32577823d 641096012 file. Archive now. Remove the above code from the PHP file, loop. Replace with the same get\u template\u part() function used in PHP. Archive Save the PHP file. You can now encode the ring as one file instead of two template files. If you need to modify it, you only need to modify it once. The same operation is also performed for the loop of a single post and page. Loop-single Create a new file in a theme named PHP. Page Open the PHP file. Find the following code: copy the loading summary abcb5a4b406e4b32577823d 641096012 to the new include file, and then page. Remove from PHP. Page Make the following changes in PHP: Save the loading summary abcb5a4b406e4b32577823d 641096012 file. Now it’s a single Repeat for PHP, removing the ring and replacing it with a function. The get\u template\u part() function is also used this time, but this time there are two parameters: \
Archive to search templates for color results. Although you might want to use a PHP copy and a 404 page file copy, replace the loop with an error notification. In addition, the search page can contain a list of recent posts and \/ or a search box. This will be covered later in this course. If blocked, review the completed first part of the topic in this series of source files. Add a template label to the topic the next step is to add a template label to the topic. The method to define template tags in WordPress Codex is as follows: Template tags are used to dynamically display information or customize blogs within blog templates, and provide personal and interesting tools. The template tag is a function, but it is not used in the function file or plug-in, but in the template file. The following contents are generated: Get\u header(), get\u sidebar(), get\u footer() and get\u template part() get the content from the template part get\u sidebar(). Use bloginfo () to display information about your site, such as a title, home page URL, or description. Output tags, such as article content and metadata: the_content(), the_title(), and the_permalink(). Use tags such as get_the_author() and get_the_author_link() to display information about the author of the post. Output information about the post as an ID or class to specify the style using tags such as body_class(). Some tags start with get_, while others do not. If you use a tag that starts with get_u, WordPress will get the information get_u, but will not output the information. Therefore, use echo before input and output. For example, echo get_the_author_link() outputs a link to the creator profile. This allows more precise control over how content is output. If you just used the_author_link (), WordPress will be output in a predefined way. Sometimes it works for you, but sometimes it doesn’t. You may want to use get_ at the beginning to add a unique annotation around the template tag. The topic you are working on has been tagged with a template. Check the template file to make sure you can find it. You must find: Header In PHP: bloginfo (\
Change to readable. Save and close the load summary abcb5a4b406e4b32577823d 641096012 file. Loop Open the PHP file. Find the male label in your own row. Amend as follows: Save and close the load summary abcb5a4b406e4b32577823d 641096012 file. Loop Repeat steps 5 through 8 for the PHP file. Now, according to the content type you are looking at, you can see that the male element is assigned multiple classes. There are post ID and multiple categories related to the post category in the element. Let’s take a look at the code generated for the site’s home page. Save the theme and navigate to the home page of your site in your browser. Check the code. Here is my: maleThe following is the output code. Load summary abcb5a4b406e4b32577823d 641096012 now let’s look at other pages. Navigate to a single post to view the output of the body. Load summary abcb5a4b406e4b32577823d 641096012 as you can see, WordPress will create another class because it is in a single post. Now look at the code generated for the male tag on this single post page. Load summary abcb5a4b406e4b32577823d641096012 there are multiple categories and IDS in the article, which respectively represent the post ID, post type, status, category, etc. You can then use it to specify the style of a post individually by category or post type or for the post ID. So, for example, if each category of your news site has its own color, you can use the appropriate color on the main list page to assign styles to all posts in that category. After adding filters and action hooks to the theme, what you can add to the theme to make it more powerful is the hook. You can modify existing content in a theme or add new content without editing the template file itself. Therefore, if you want to create a plug-in to insert content into a location on the page, you can easily do so. In fact, we will do this later in this course. This is a very useful technique, even when developing topics to be used as parent topics. In the function file of a sub topic, you can create a function (or modify existing content), which inserts additional content according to the needs of the parent topic, without creating a duplicate template file for the sub topic in the function file of the sub topic. Each topic framework has a large number of hooks, so you can perform these hooks. To understand the working mode of hooking and the difference between action hooking and filter hooking, you need to learn Part5 in the WordPress development series, which will demonstrate to beginners how to use hooking in plug-ins. In other words, you should already know! There are two types of hitch: action hitch and filter hitch. Task hook is empty. In themes or plug-ins, users or other developers can attach functions to the corresponding hooks and insert some code. Filter hooks around existing code or content. You can redefine the content by hooking a filter around the existing content and connecting a function to the hook. It replaces the contents of the filter with the contents of the function. Here, you will perform some different operations. Instead of creating a function that connects to an existing hook, we will create a hook in the topic. To create an action hook in the add action hook topic, use the do_action() function. There is one parameter. That is, the unique name of the hook. Now, let’s use it to add a few task hooks. Header Open the PHP file. Male add the following line directly above the label: The load summary abcb5a4b406e4b32577823d641096012 is now under the closed header tag
Add a line. Save and close the load summary abcb5a4b406e4b32577823d 641096012 file. Two task hooks have been added to the header. This allows you to add additional content through the feature files or plug-ins of the theme (or sub theme). Now let’s add a few more. Index Open the PHP file. Find the maleline and add it directly below. Load summary abcb5a4b406e4b32577823d641096012 add the following before the male label that is now closed: Save and close the load summary abcb5a4b406e4b32577823d 641096012 file. Single PHP and page. Repeat steps 1 through 4 for PHP. You may have added the same hook to three different files three times. If necessary, you can change the file structure. Index PHP, page PHP and single. Start with the header in PHP. Use PHP to turn off the annotated sidebar. You can go to PHP. If you want to try this, please continue, but don’t miss anything. The advantage of hooking is that if you need to add three times, but you want to add additional code before or after the content, you only need to execute it once through the connected function. That hook. This function runs regardless of the three template files currently used by word press. If you only want to associate the new content with one of the template files, you can use the criteria tab to view the displayed content types. You will relearn later in this course. Next, we add hooks to each sidebar and footnote. Here, I will not provide a detailed guide, but solve it myself. If blocked, check the source code for this part of the course. The source code contains the start topic and the finish topic. Therefore, add the following hooks: Add wpmu\u before\u sidbar before the sidebar component area (it must be placed outside the condition tag of the active part. Make sure wpmu\u after\u sidebar is behind the sidebar part area. Wpmu\u before\footer is in front of the footer. You must edit the two files of wpmu\u after\footer.sidebar.php and footer.php behind the footer. Make sure that the hook is within the male and footer elements. Use the filter hook to attach the filter hook You can redefine your existing code. A useful place to do this is in the title, which contains the site title and description. For example, this gives the user the option to override the logo. Then try it! Header Open the PHP file and browse to the following code: Loading summary abcb5a4b406e4b32577823d 641096012: Don’t forget to change all instances of get\u bloginfo() to bloginfo(), because eco surrounds the entire load summary abcb5a4b406e4b32577823d 641096012. Then check that all the syntax is correct. PHP is very generous with semicolons! Save the file. This is not different from what is shown in the header, but you do not need to create a copy of the header if the person who uses the subtopic or writes the plug-in wants to change this particular aspect of the header later. Entire title. PHP file. What they need to do is use add\u filter() to create a function attached to the filter hook. Let’s look at the rest of this course. The theme building is very interesting! You have completed this part of this course. Now you will learn more about topic construction. You can launch your own topic through several powerful functions, which can help you further develop topics and add content. Your website. Because it is not CSS but word press, CS is included in this series
Excluding s. However, to add or change CSS in the theme’s style sheet, continue. I want to see how to specify the style of my default start theme and make it more beautiful! If you’re having trouble adding code to the topic, or want to see how I do it, check out the topic file that completed part 1 in the source file. Series. The best way to learn to build a topic is to investigate the code, so it is best to do this before publishing the question below. The next tutorial in this series will continue to use this theme and add theme customization. That’s right. Does the extensive WordPress knowledge, pearreview, instructor feedback, and certified free learning available to wpmu dev members help start the tutorial? Why do you want to learn WordPress development? What else do you want to know? Please tell us the following comments.
