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 '&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>

效果图