wordpress ripro主题专用友情链接+自助申请教程
- 2020年7月19日
- beetheme.cn
- 未收录
- 1
(window.slotbydup = window.slotbydup || []).push({
id: "u6201117",
container: "_loc2j2sosji",
async: true
});
先来看看效果:
1、后台可直接添加友情链接
2、底部友情链接样式
3、自助申请友情链接页面
后台可申请自助申请的友情链接
一、在wordpress网站后台添加友情链接:
在ripro目录找到functions.php文件 最下方填写以下内容并保存
//启用
add_filter('pre_option_link_manager_enabled','__return_true');
二、在网站底部插入友情链接

在ripro/parts目录找到diy-footer.php文件,并且在最下面的</div>前插入以下内容并保存 , 如果需要在手机端也显示的话就把以下代码插入到最下面的</div>后面
<!--Friendship Links Start-->
<div class="codesign-dw">
<div class="col-xs-12 friend-links">
<ul class="codesign-fl">
<li class="codesign-fl-title">友情链接:</li>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
</div>
<!--Friendship Links End-->
在ripro/assets/css目录下找到diy.css文件,并在最下面插入以下内容并保存
/*友情链接*/
.col-xs-12.friend-links { padding: 14px; }
.codesign-fl { display: flex; list-style: none; padding: 0; margin: 0; font-size: 13px; }
.codesign-fl li{ margin-left: 5px; }
.codesign-fl a{ color: #cccccc; }
.codesign-fl a:hover{ color: #058ff9; }
.codesign-dw{ border-top: 1px solid #eeeeee; }
.footer-widget{ padding-bottom:0; }
.ripro-dark .codesign-dw{ border: 1px dashed #44444.87; background-color: #2d2d2d; text-shadow: #000 0px 1px 0px; }
三、自助申请友情链接
申请页面
申请后在后台可以看到显示为待审核状态
在ripro/pages目录下新建一个名为blinks.php的文件,并复制以下内容粘贴到blinks.php文件内保存
并且在ripro/assets/css目录下找到div.css最下方插入以下内容并保存
/*自助申请友情链接*/
@media screen and (max-width: 750px) {
.container .row .card {width: 100%}
}
.container .row .pricing-deco .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.container .row .pricing-deco:hover .deco-layer--1 {
-webkit-transform: translate3d(15px,0,0);
transform: translate3d(15px,0,0);
}
.container .row .pricing-deco:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px,0,0);
transform: translate3d(-15px,0,0);
}
.srcdict-yqlj{
margin-left: -10px;
margin-right: -10px;
display: flex;
background:#fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 6px;
box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
}
.clearfix{
color: #fff;
background-color: #fc7c5f;
margin-top: 1rem;
padding: 1rem 1.5rem;
border: 1px solid transparent;
border-radius: .375rem;
max-width: 100%;
}
.mt20{
margin-top: 20px;
margin-bottom: 15px;
}
.card-header
{
padding: 1.25rem 1.5rem;
font-size: 1.0625rem;
background-color: #fff;
}
.card-header:first-child
{
border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}
精彩推荐
也想出现在这里?联系我们吧
本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » wordpress ripro主题专用友情链接+自助申请教程
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » wordpress ripro主题专用友情链接+自助申请教程