Loper主题美化友情链接页面,使用这个Loper主题都知道新建友情链接模板页面,它居然是空白的!可能是WP程序版本问题吧,导致它无法显示友情链接功能列表,拽立网,所以就要修复这个友情链接漏洞,经过我努力美化了友情链接2小时时间搞出得效果,今天我把Loper主题美化友情链接页面方法分享给大家,请看以下操作!

美化后的效果!

Loper主题美化友情链接页面-拽立网

1.登陆你的后台管理,选择【外观】-【编辑】-【样式表 (style.css)】

直接添加下面全部代码:

/*新建友情链接功能*/
.link_url a {
float: left;
margin: 10px 10px;
width: 100px;
-webkit-border-radius: 5px;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ebebeb),color-stop(.67,#f5f5f5));
box-shadow: 0 1px 1px rgba(0,0,0,.1);
text-align: center;
}
/*新建友情链接美化*/
.link_name a {
padding: 10px 2px;
color: #67A611;
}
.link_name a:hover {
background: 0 0!important;
}
/*友情链接头像变圆*/
.link-content lk span {
display: block;
}
.link-content lk img {
width: 64px;
height: 64px;
margin-bottom: 5px;
transition: 0.5s;
border-radius: 100%;
}
.link-content lk img:hover {
transform: rotate(360deg);
}

2.登陆你的后台管理,选择【外观】-【编辑】-【Links(友情链接)页面模板 (links.php)】

请查到下面全部代码:

<div class="post-content">

<div class="post-content">

<div class="link-content">

<?php the_content(__(''));?>

</div>

</div>

<div class="clear"></div>

<?php comments_template( '', true ); ?>

 

以上全部代码替换为下面代码:

<div class="link_name">
<div class="link_url">
<?php $bookmarks=get_bookmarks();
if ( !empty($bookmarks) ){
echo '<ul class="link-content clearfix">';
foreach ($bookmarks as $bookmark) {
echo '<lk><a href="' . $bookmark->link_url . '" title="' . $bookmark->link_description . '" target="_blank" >'. get_avatar($bookmark->link_notes,64) . '<span class="sitename">'. $bookmark->link_name .'</span></a></lk>';
}
echo '</ul>';
}
?>
</div>
</div>
</div>

3.激活友情链接功能代码:【如果有就不用添加代码】

登陆你的后台管理,选择【外观】-【编辑】-【模板函数 (functions.php)】

直接添加下面全部代码:

//开启wordpress友情链接管理
add_filter( 'pre_option_link_manager_enabled', '__return_true' );

4.显示友情链接头像方法:【备注】里面添加绑定的头像邮箱号

Loper主题美化友情链接页面-拽立网

提示:全部方法就写到这里,如果有什么不懂问题请留言!

Loper主题美化友情链接页面
版权声明:本站原创文章,于2016年05月29日,由 拽立网 发表,共 1658 字。
打赏