Widgets and menus are usually the first call ports when customizing a WordPress site. Not only can the content be placed and displayed in all locations of the site (of course, parts can be prepared for parts), but also it is a function worthy of attention by potential users of the topic. Adding widgets and menus to a theme ultimately requires some coding expertise, but the PHP you actually need is easy to implement. Once you bow to logic, you can use CSS technology to shape the look and feel of sidebars and menus. This is the fourth post in the 5-episode series for beginners, which teaches you the basic concepts of WordPress development and can jump from a substitute to a developer. At the end of the series, you can create your own basic themes and plug-ins and concretize them into your own functions. The
This guide will learn how to code and customize sidebars and menus. We will also discuss custom query coding for more complex functionality. Note: for this series, you must fully understand HTML and CSS. Because both languages are necessary building blocks to use WordPress. Let’s go. Have you missed the word press development series for beginners? You can view all 5 posts here. Developing WordPress for beginners: developing WordPress for beginners: developing WordPress for beginners learning PHP: developing WordPress for beginners building themes: developing WordPress for beginners learning components and menus: many people call it a sidebar, which is actually a component-based field. Sometimes it actually appears in the sidebar area, but not always. The
The part area can be displayed anywhere on the site, and can also be accurately displayed in the location required by the theme developer. You can display one component in a footnote, another component below a post, and hidden components behind a menu. You must also notify WordPress that you plan to create a componentized area. This is called sidebar registration, and the user interface is displayed in the administrator. Part 3 of this series develops functions in word press: topic development introduction for beginners. Created the PHP file. Let’s narrow down the default content of the subject we are working on and add a second column to the sidebar. Because we will register the sidebar first, so functions. Add the following to the PHP file: The
Abstract 3daf60076c594afa6bb8 do not understand the add_action() bit during loading. Do not worry about add_action(). It hasn’t been processed yet! (introduced in the next post of this series, \
After saving this code, the appearance menu displays the new widgets sub section and the details specified in the assembly area. The component field of WordPress is good so far. You can now add subassemblies to this componentized area as usual, but because the subassemblies have not been added to the topic code, they will not be displayed anywhere. Sidebar Create a PHP file and add: This is my sidebar needs to modify the header and footer files to accommodate. The structure we will find is as follows:
To do this in the feed 3daf60076c594afa6bb8 load, you must open \site-converter div in the title and close it in the footer. You must also include a sidebar in the footer# Site sidebar element. The final format of the referenced header and footer file is as follows: During the loading of the summary 3daf60076c594afa6bb8 and the loading of the summary 3daf60076c594afa6bb8, you can see that the sidebar file can use the get\u sidbar() function get\u sidbar(). At this point, \
Here are my changes and new additions and modifications to the code format. Modify the \site-content to reduce the maximum width to 525px, and add the left floating point \site-content content content. Like the site content content, add the \site-content bar with a width of 220 pixels, a border of 22 pixels, a border radius and a white background, and place it on the right# We added a site-converter to make its width equal to the cumulative width of the content and sidebar, and placed it in the center. We added explicit rules to the footnotes and enforced them under the suspended elements. In 3daf60076c594afa6bb8 loading, the last piece of the puzzle instructs WordPress to display all the parts assigned to the sidebar. This can be added as the first parameter to the sidebar ID and executed as a dynamic_sidebar() function. The
Male sidebar The final appearance of the PHP file is as follows: In 3daf60076c594afa6bb8 loading, the test topic should now display a narrower content area and widget area on the right side of the selected part. Although it is very ugly, there is no CSS that can be modified in the future! Male topic sidebar. Widget: if we implement the sidebar for the first time, it may be overwhelming, so let’s summarize it. To add a sidebar to WordPress, you must add the following steps: Use the register\u sidebar() sidebar register\u sidebar() sidebar. In PHP, use dynamic_sidbar() to import parts. Use get_sidebar() to include a sidebar where appropriate. Using CSS to specify the operation style menu the logic of the operation menu is similar to that of the componentized area. You must first register to display in word press manager, and then use the feature to add it to the theme. The
Our functions. Let’s start by registering a new menu in the PHP file: when loading the feed 3daf60076c594afa6bb8, you can use this function to add members to the array, thereby adding multiple menus. The tile key is the name of the topic location, and the value is the name of the menu itself. After this operation, you can start menu configuration. You need to add some items, and then assign the menu to the \
In 3daf60076c594afa6bb8 loading, wp_nav_menu() function uses many parameters that can be used to control output. But the subject position is really important to us. For detailed instructions, see the function documentation in WordPress Codex. Finally, add some default styles so that they are only partially displayed. Forgive my ugliness – all this can be handled with carefully crafted CSS (though not the main focus of this article). Depression 3daf60
