Ripro主题增加友情链接栏和友情链接管理功能-附源码教程
由于WordPress Ripro主题提供的友情链接位置实在是有点少,需要手动修改增加一栏显示友情链接,这里记录下,适用最新wordpress5.3版本
[wm_tips]方法步骤[/wm_tips]
1.模板的主题函数function.php中加入下面代码,自动启用后台友情链接:
add_filter( 'pre_option_link_manager_enabled', '__return_true' );
2. 找到主题footer.php文件,添加显示友情链接位置
<?php <span style="font-family: Consolas, Monaco, monospace;">if ( !empty(get_bookmarks()) ){</span> echo '<div class="site-link" ><ul class="site-link-fl">'; echo '<li>友情链接:</li>'; foreach ($bookmarks as $bookmark) { echo '<li><a href="' . $bookmark->link_url . '" title="' . $bookmark->link_description . '" rel="nofollow" target="_blank" >'. $bookmark->link_name .'</a></li>'; } echo '</ul></div>'; } ?>
3. 在主题自定义css文件中添加友情链接css样式:
<code class="hljs">.site-link{
padding-bottom: <span class="hljs-number">14</span>px;
display: flex;
border-bottom: <span class="hljs-number">1</span>px solid <span class="hljs-comment">#eeeeee;</span>
}
.site-link .site-link-fl{
<span class="hljs-keyword">list</span>-style: none; padding: <span class="hljs-number">0</span>; margin: <span class="hljs-number">0</span>; font-size: <span class="hljs-number">13</span>px;
}
.site-link .site-link-fl li:first-child{
font-family: <span class="hljs-string">'Poppins'</span>,sans-serif;
color: <span class="hljs-comment">#34495e;</span>
font-size: <span class="hljs-number">14</span>px;
font-weight: <span class="hljs-number">600</span>;
}
.site-link .site-link-fl li{
margin-left: <span class="hljs-number">8</span>px;float: left;;
}
.site-link .site-link-fl li a{
color: <span class="hljs-comment">#34495e;</span>
}
.site-link .site-link-fl li a:hover{
color: <span class="hljs-comment">#f84270;</span>
}
@media (max-width: <span class="hljs-number">576</span>px) {
.site-link {
display:none;
}
}</code>
效果图
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程资源,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台 » Ripro主题增加友情链接栏和友情链接管理功能-附源码教程
三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台 » Ripro主题增加友情链接栏和友情链接管理功能-附源码教程