This article is about sharing Install Zibll Subgame Theme The basic configuration after is mainly the front-end display configuration, which is the "skin" of a website, and will be set up soon according to the tutorial. If you don't know about the theme of Zibi, please click to see what Lao Wei has shared WordPress online mall community theme sub theme 。
Installation environment requirements PHP 7.3~7.4 and MySQL 5.5~5.6 are recommended;
Pseudo static (fixed link), using Pagoda panel one key setting pseudo static Linux system is recommended for better use experience;
For the sake of website security, stability and speed, Lao Wei recommends choosing Pagoda panel Build a website environment AliCloud server 、 Tencent ECS Deployment 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;
Introduction to Subratio
Zibll Theme It is designed for reading websites with simple and elegant style and super functions.
Website necessary image settings
After logging in, click the theme setting in the upper right corner of the foreground or enter the Wordpress background, and find the Zibll theme setting on the right.
Select the global core, select the local LOGO and icon image in order, and save them.
The theme provides night mode and daytime mode, and the logo image is also differentiated, which can be switched in real time according to different modes. You can also design a logo that can adapt to daytime mode and nighttime mode at the same time.
Layout Settings
Go to Theme Settings>Theme Display, select the location where the sidebar needs to be displayed, and then select the side where the sidebar is displayed. Where the sidebar is not turned on, it is displayed in full width mode.
Theme display and color matching
Enter Theme Settings>Theme Display
Day mode and night mode
The theme automatically switches the display mode according to the time. The night mode is displayed at night, and the day mode is displayed at daytime. You can manually modify the display mode, or display the switch button on the front.
Global theme color and style
Enter Theme Settings - Theme Display
The global theme color matching is mainly applied to the front highlight color, such as the connection color, the mouse over color, and the default title color. You can choose a preset color or a custom color.
Tip: If there is content in the custom color, the checked preset color is invalid. If you need to reselect the preset color, please clear the custom color first
The global round corner is used for the round corner size of all cards at the front end, 4px or 8px is recommended
Global loading animation refers to the animation displayed before the page is loaded, which makes the page switching have excessive animation effect. The theme comes with ten kinds of animation effects, some of which are as follows:
Top navigation and bottom footer color matching
Enter Theme Settings - Theme Display
The color matching of top navigation and bottom footer is divided into background color and foreground color (text color), and the theme defaults to white background and black foreground color. If customization is required, check Custom Color Matching
The theme has 6 preset gradient background colors, which can be customized.
Tip: When modifying this color matching, please pay attention to the matching of background color and foreground color, as well as the matching of LOGO color. For dark background, choose white foreground color