WordPress知更鸟主题页脚小工具

小熊 网站建设评论4,6941字数 777阅读2分35秒阅读模式

WordPress知更鸟主题页脚小工具

此文介绍知更鸟主题页脚小工具折腾记录,关于本站,关注以及综合目录的三栏小工具设置。

页脚小工具添加关于本站

在后台→找到外观→小工具 在左侧找到增强文本(此为begin主题特有的多功能小工具,非常实用),将他拖拽到右边的页脚小工具下

WordPress知更鸟主题页脚小工具

将其展开 (将标题和你想要填写的内容填入小工具中保存即可)

 <ul class="about-me-img clearfix">
                <li>
                    <img src="在此输入您的微信二维码图片链接" alt="我的微信">
                    <p>我的微信</p>
                </li>
                <li>
                    <img src="在此输入您的微信公众号二维码图片链接" alt="微信公众号">
                    <p>微信公众号</p>
                </li>
                <li>
                    <a href="在此输入您的微博主页链接" target="_blank">
                        <img src="在此输入您的微博二维码图片链接" alt="官方微博">
                        <p>官方微博</p>
                    </a>
                </li>
            </ul>
<style type="text/css">
.about-me-img li {
    float: left;
    padding: 5px;
    width: 33.333333333333333333% !important;
}
.about-me-img p {
    text-align: center;
}
</style>

页脚小工具添加综合导航菜单

后台→外观→菜单→创建一个页脚菜单(用作页脚最右侧的菜单,不能有子菜单,支持阿里图标)

WordPress知更鸟主题页脚小工具

后台→外观→小工具→添加导航菜单到页脚小工具(设置好标题,选择刚创建的页脚菜单)

至此,页脚小工具的美化就结束了,到首页看看效果吧~

本站整理自:初墨博客[ https://www.cmboke.cn ]

另,页脚菜单导航,切为三行

外观-主题选项-定制风格-自定义,加入如下代码

/* 页脚菜单 */
.footer-widget .menu li {
    float: left;
    width: 30%;
}

weinxin
公众号
扫码订阅最新深度技术文,回复【资源】获取技术大礼包
小熊