Msimple Theme Setup: Configuring Homepage Settings
Open the WordPress admin dashboard, navigate to Appearance > Theme Settings, and you will see the Msimple "Homepage Settings" as shown below.
Three Options for Homepage Recommendations
The settings in this section correspond to the three recommended items displayed below the homepage navigation bar, as shown in the image.
The default code in the backend is:
<div class="layui-col-lg4">
<div class="item">
<a href="https://imgurl.org/" rel="nofollow noopener noreferrer" target="_blank">
<p><h2><i class="fa fa-image fa-fw"></i> ImgURL</h2></p>
<p>Open source free image hosting program</p>
</a>
</div>
</div>
<div class="layui-col-lg4">
<div class="item">
<div class="item">
<a href="https://wget.ovh/" rel="nofollow noopener noreferrer" target="_blank">
<p><h2><i class="fa fa-windows fa-fw"></i> wget.ovh</h2></p>
<p>XiaoZ Blog Software Library, just a software porter.</p>
</a>
</div>
</div>
</div>
<div class="layui-col-lg4">
<div class="item">
<div class="item">
<a href="https://ip.rss.ink/" rel="nofollow noopener noreferrer" target="_blank">
<p><h2><i class="fa fa-map-marker fa-fw"></i> IPinfo</h2></p>
<p>Aggregated multi-interface IP address query tool</p>
</a>
</div>
</div>
</div>
You can modify this code based on your needs, but you must maintain the same HTML format; otherwise, it may cause display anomalies in the theme. Note the fa-windows class above, which refers to a font icon. If you need to change the font icon, please refer to: http://fontawesome.dashgame.com/
Homepage Category Directory Settings
This refers to the four category articles displayed below the homepage (before pagination), as shown in the image.
The format for category directory settings is Category ID|Category Name|Icon Name|Color. For example, XiaoZ Blog's setting is 810|Server Review|server|#1E9FFF.
- 810: Category ID
- Server Review: Category Name
- server: Category Icon, please refer to: http://fontawesome.dashgame.com/
- #1E9FFF: Color used for the category title