There are too many menus at the bottom of the mobile terminal screen of Weiaisi's note taking website, which leads to a high density. Many students and Mr. Wei fed back this matter, which led to a phobia of denseness. Today, Mr. Wei began to solve the problem of navigation menus at the bottom of the mobile terminal screen.
Installation environment requirementsPHP 7.3~7.4 and MySQL 5.5~5.6 are recommended; Pseudo static (fixed link), usingPagoda panel one key setting pseudo staticLinux system is recommended for better use experience; For the sake of website security, stability and speed, Lao Wei recommends choosingPagoda panelBuild a website environmentAliCloud server、Tencent ECSDeployment theme; The entry-level host is configured with 1 core 2G memory and 1 M bandwidth. Lao Wei suggested selecting 2 core 4G memory and 1 M bandwidth; The theme can only be activated when it is accessible through the internet, and the local/intranet server may not be able to activate the authorization;
1. DUX Theme Navigation Menu Settings
We know that each theme will provide different menu options, and the DUX theme is no exception.
Navigate to WordPress background>Appearance>menu and see that the DUX theme provides five built-in navigation menus:
Website navigation, website navigation - mobile terminal, bottom screen navigation - mobile terminal, top menu, and left page navigation.
2. Add the bottom navigation menu of mobile phone separately
We have added a menu for the PC side. Next, we will add a separate menu for the mobile side.Follow the steps below:
Create a new menu and name it.
Add appropriate menu items to the right (fewer than before)
Check "Navigation at the bottom of the screen - mobile terminal" in menu settings
Save effective
After such addition, two menus can be seen in the menu list, one for PC end and one for mobile end.
3. Cdn refresh warm-up cache
Enter Tencent Cloud CDN to refresh the warm-up cache and let the home page modification take effect as soon as possible.
At this point, it is more reasonable to view the menu at the bottom of the mobile phone screen. If the number of menus is small, they can be arranged reasonably, and there will be no dense and horrible situation.
4. Precautions
If you have few DUX theme navigation menus and the effect is not intensive, you don't need to set them separately like this article. Adding a menu is enough. At the same time, check website navigation, website navigation - mobile terminal, bottom screen navigation - mobile terminal.
In this way, the navigation menu of the modified Weieis Notes is divided into two presentation forms, namely, the PC side and the mobile side, which are respectively accessed for different device platforms.
Article name: Tutorial on Modifying the Navigation Menu at the Bottom of the DUX Theme Mobile Terminal Article link:https://www.vpsss.net/27733.html Copyright notice: The resources of this website are only for personal learning and exchange, and are not allowed to be reproduced and used for commercial purposes, otherwise, legal issues will be borne by yourself. The copyright of the pictures belongs to their respective creators, and the picture watermark is for the purpose of preventing unscrupulous people from stealing the fruits of labor.