WordPress knowledge sharing

How to add and use WPCOM theme icons

WordPress themes produced by WPCOM all support the addition of icons. We know that the beautification of the website is based on details. The more attention to details, the better the overall effect of the website. How to add and use Wei Aisi's note sharing WPCOM Theme Icon

WPCOM Team Three excellent icons are built into the Themer framework: FontAwesome Material Icons、Remix Icon, Google's open source projects have rich icons, Chinese open source icon library, high-quality icons and complete domestic social media icons. In addition, in order to meet the user-defined needs of users, self built iconfont icon items are also introduced.

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;

1. Open icon

Go to WordPress background>Theme setting>Style and style, find the icon setting option, and select one or more icons to open according to your needs.

 WPCOM Theme Open Icon

Remember to save the theme settings. The key is to refresh the theme settings page 1-2 times to clear the local browser cache.

2. Icon Usage

WPCOM Theme Icons are often used in the floating layer on the right side of the page, the floating layer at the bottom of the mobile phone, menus, and modules.

Take the setting of floating layer icon on the right side of the page as an example.

Go to the floating layer on the right side of the page under Theme Settings>General Settings, and click Add below to see the icon option.

 WPCOM Theme Icon Usage

Here is an icon option. If multiple icon libraries are enabled, you can select which icon library to use on the left. Only the icon library on the left of one icon library will be automatically hidden.

Select Remix Icon and expand the right side to see the list of icons to be selected.

Because there are too many icons to choose from here, Lao Wei suggests searching for keywords to quickly retrieve icons. For example, entering wechat will show a variety of WeChat icons to be selected.

3. Menu icon settings

From 2021 Upgrade the menu of the Thermor framework and the setting panel of gadgets After that, you can directly select the icon in the menu.

 Themer frame menu icon settings

After selection, you will see beautiful icons in the foreground menu, which will help enrich the style of the foreground menu and beautify the website effect.

4. WPCOM Recommended Topics

  • Justnews topic: blogs, we media and information websites are preferred. Click for more details
  • Module theme: modular and free combination, which conforms to all your imagination on the official website. Click for more details
  • Justweapp theme: ingenious creation, multi platform support, helping to get mobile Internet tickets. Click for more details
Like( zero )
Article name: How to Add and Use WPCOM Theme Icons
Article link: https://www.vpsss.net/25685.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.