Ripro主题增加友情链接栏和友情链接管理功能-附源码教程

作者 : 三网云 本文共1671个字,预计阅读时间需要5分钟 发布时间: 2020-07-19 共133人阅读

由于WordPress  Ripro主题提供的友情链接位置实在是有点少,需要手动修改增加一栏显示友情链接,这里记录下,适用最新wordpress5.3版本

Ripro主题增加友情链接栏和友情链接管理功能-附源码教程-三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台

方法步骤

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 '&lt;div class="site-link" &gt;&lt;ul class="site-link-fl"&gt;';
    echo '&lt;li&gt;友情链接:&lt;/li&gt;';
    foreach ($bookmarks as $bookmark) {
        echo '&lt;li&gt;&lt;a href="' . $bookmark-&gt;link_url . '" title="' . $bookmark-&gt;link_description . '"  rel="nofollow"  target="_blank" &gt;'. $bookmark-&gt;link_name .'&lt;/a&gt;&lt;/li&gt;';
    }
    echo '&lt;/ul&gt;&lt;/div&gt;';
}
?&gt;

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>

效果图

Ripro主题增加友情链接栏和友情链接管理功能-附源码教程-三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台

 


1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程资源,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

三网云-小程序源码|商业源码|专注精品源码|免费下载网站|分享不一样的源码资源平台 » Ripro主题增加友情链接栏和友情链接管理功能-附源码教程

常见问题FAQ

美化包支持最新版本吗?
三网云最新美化支持永久更新!
VIP一天可以下载多少资源
开通三网云会员,资源可以无限制下载

发表评论