wordpress友情链接美化

网络博客 郑永 40778℃ 85评论 单栏模式

这几天在整理友情链接,发现的确很多朋友都停止写博客了,有的博客甚至连页面都没了,因为实在讨厌之前的友情链接页面,所以在还没有备份友情链接的情况下,将wordpress自助链接插件停止并删之,故有很多友情链接可能会遗漏,请留言告之,google去除了缓存页面,稍后有空我会去百度看看。

今天只是分享和收藏一下我在网上找到的wordpress友情链接美化方法,实现原理请参考:个性化 WordPress 友情链接页面WordPress 友情链接页面全面修缮,本文只提供我参考两篇文章整理出来的快速实现步骤:

简单三步就可以实现!所有的工作就是复制粘贴!

适用于友情链接页面

先放图:

youqinglianjie

1.主题的Function.php加入代码:

function my_bookmarks($bookmarks, $args = ” ) {
$defaults = array(
‘show_updated’ => 0, ‘show_description’ => 0,
‘show_images’ => 1, ‘show_name’ => 0,
‘before’ => ‘<li>’, ‘after’ => ‘</li>’, ‘between’ => “\n”,
‘show_rating’ => 0, ‘link_before’ => ”, ‘link_after’ => ”,’nofollow’ =>0
);

$r = wp_parse_args( $args, $defaults );
extract( $r, EXTR_SKIP );

$output = ”; // Blank string to start with.

foreach ( (array) $bookmarks as $bookmark ) {
if ( !isset($bookmark->recently_updated) )
$bookmark->recently_updated = false;
$output .= $before;
if ( $show_updated && $bookmark->recently_updated )
$output .= get_option(‘links_recently_updated_prepend’);

$the_link = ‘#’;
if ( !empty($bookmark->link_url) )
$the_link = clean_url($bookmark->link_url);

$rel = ‘ rel=”external’;
if ($nofollow)
$rel .= ‘ nofollow’;
if ( ” != $bookmark->link_rel )
$rel .= ‘ ‘ . $bookmark->link_rel;
$rel .= ‘”‘;

$desc = attribute_escape(sanitize_bookmark_field(‘link_description’, $bookmark->link_description, $bookmark->link_id, ‘display’));
$name = attribute_escape(sanitize_bookmark_field(‘link_name’, $bookmark->link_name, $bookmark->link_id, ‘display’));
$title = $desc;

if ( $show_updated )
if ( ’00’ != substr($bookmark->link_updated_f, 0, 2) ) {
$title .= ‘ (‘;
$title .= sprintf(__(‘Last updated: %s’), date(get_option(‘links_updated_date_format’), $bookmark->link_updated_f + (get_option(‘gmt_offset’) * 3600)));
$title .= ‘)’;
}

if ( ” != $title )
$title = ‘ title=”‘ . $title . ‘”‘;

$alt = ‘ alt=”‘ . $name . ‘”‘;

$target = $bookmark->link_target;
if ( ” != $target )
$target = ‘ target=”‘ . $target . ‘”‘;

$output .= ‘<a href=”‘ . $the_link . ‘”‘ . $rel . $title . $target. ‘>’;

$output .= $link_before;

if ( $show_images ) {
if ( $bookmark->link_image != null) {
if ( strpos($bookmark->link_image, ‘http’) !== false )
$output .= “<img src=\”$bookmark->link_image\” $alt $title />”;
else // If it’s a relative path
$output .= “<img src=\”” . get_option(‘siteurl’) . “$bookmark->link_image\” $alt $title />”;
} else {//否则显示网站的Favicon
if (preg_match(‘/^(https?:\/\/)?([^\/]+)/i’,$the_link,$URI)) {//提取域名
$domains = $URI[2];
}else{//域名提取失败,显示默认小地球
$domains = “example.com”;
}
$output .= “<img src=\”http://www.google.com/s2/favicons?domain=$domains\” $alt $title />”;
}
}

$output .= $name;
$output .= $link_after;
$output .= ‘</a>’;

if ( $show_updated && $bookmark->recently_updated )
$output .= get_option(‘links_recently_updated_append’);

if ( $show_description && ” != $desc )
$output .= $between . $desc;

if ($show_rating) {
$output .= $between . sanitize_bookmark_field(‘link_rating’, $bookmark->link_rating, $bookmark->link_id, ‘display’);
}

$output .= “$after\n”;
} // end while

return $output;
}

function my_list_bookmarks($args = ”) {
$defaults = array(
‘orderby’ => ‘name’, ‘order’ => ‘ASC’,
‘limit’ => -1, ‘category’ => ”, ‘exclude_category’ => ”,
‘category_name’ => ”, ‘hide_invisible’ => 1,
‘show_updated’ => 0, ‘echo’ => 1,
‘categorize’ => 1, ‘title_li’ => __(‘Bookmarks’),
‘title_before’ => ‘<h2>’, ‘title_after’ => ‘</h2>’,
‘category_orderby’ => ‘name’, ‘category_order’ => ‘ASC’,
‘class’ => ‘linkcat’, ‘category_before’ => ‘<li id=”%id” class=”%class”>’,
‘category_after’ => ‘</li>’,’nofollow’ => 0
);

$r = wp_parse_args( $args, $defaults );
extract( $r, EXTR_SKIP );

$output = ”;

if ( $categorize ) {
//Split the bookmarks into ul’s for each category
$cats = get_terms(‘link_category’, array(‘name__like’ => $category_name, ‘include’ => $category, ‘exclude’ => $exclude_category, ‘orderby’ => $category_orderby, ‘order’ => $category_order, ‘hierarchical’ => 0));

foreach ( (array) $cats as $cat ) {
$params = array_merge($r, array(‘category’=>$cat->term_id));
$bookmarks = get_bookmarks($params);
if ( empty($bookmarks) )
continue;
$output .= str_replace(array(‘%id’, ‘%class’), array(“linkcat-$cat->term_id”, $class), $category_before);
$catname = apply_filters( “link_category”, $cat->name );
$output .= “$title_before$catname$title_after\n\t<ul class=’xoxo blogroll’>\n”;
$output .= my_bookmarks($bookmarks, $r);
$output .= “\n\t</ul>\n$category_after\n”;
}
} else {
//output one single list using title_li for the title
$bookmarks = get_bookmarks($r);

if ( !empty($bookmarks) ) {
if ( !empty( $title_li ) ){
$output .= str_replace(array(‘%id’, ‘%class’), array(“linkcat-$category”, $class), $category_before);
$output .= “$title_before$title_li$title_after\n\t<ul class=’xoxo blogroll’>\n”;
$output .= my_bookmarks($bookmarks, $r);
$output .= “\n\t</ul>\n$category_after\n”;
} else {
$output .= my_bookmarks($bookmarks, $r);
}
}
}

$output = apply_filters( ‘wp_list_bookmarks’, $output );

if ( !$echo )
return $output;
echo $output;
}

2.CSS 加入代码:

.linkpage ul {
list-style-type: none;
overflow: auto;
padding: 5px 0;
}
* html .linkpage ul {
height: 1%;
}
.linkpage ul li {
color: #333333;
font-size: 12px;
margin-bottom: 5px;
}
.linkpage ul li ul li {
background-color: #FFFFFF;
border: 1px solid #DADADA;
float: left;
line-height: 180%;
margin: 3px;
text-align: center;
width: 116px;
}
.linkpage ul li ul li a {
color: gray;
display: block;
}
.linkpage ul li ul li a:hover {
background-color: gray;
color: #FFFFFF;
font-weight: bold;
}
.linkpage IMG {
float: left;
height: 16px;
padding: 3px 0 3px 3px;
width: 16px;
}

3.友情链接页面代码:

<div class=”linkpage”><ul>
<?php my_list_bookmarks(‘categorize=1&category=2,856,857&
category_orderby=id&before=<li>&after=</li>&show_images=1&
show_description=1&orderby=name&title_before=<h3>&title_after=</h3>’); ?>
</ul>
</div>

转载请注明:郑永博客 » wordpress友情链接美化

历史上的今天:

(85)个小伙伴在吐槽
Loading...
  1. 西安活动策划2011-11-16 03:05 Firefox 8 Windows 7 回复

    挺好看的啊,什么时候试试。

    沙发!
    • 郑 永2012-01-28 16:25 Firefox 9 Windows XP 回复

      恩,随时都可以试试的,嘿嘿。

  2. 办公文秘2011-11-16 09:40 Google Chrome 7 Windows 7 回复

    喜欢你这 不错 转啦

    板凳!
    • 郑 永2012-01-28 16:25 Firefox 9 Windows XP 回复

      随便转,呵呵。

  3. 雷依依2011-11-16 14:03 Sogou Explorer Windows XP 回复

    .linkpage ul li ul li a:hover {
    background-color: gray;
    color: #FFFFFF;
    font-weight: bold; 请问这个加到什么地方呢
    }

    地板!
    • 郑 永2011-11-16 16:44 Firefox 8 Windows XP 回复

      你的主题样式文件,一般都叫style.css,在末尾添加就OK。

  4. 聊城seo2011-11-18 13:16 Internet Explorer 8 Windows XP 回复

    不错 自动调用ICO

    4楼
  5. 小宝2011-11-19 03:47 Internet Explorer 8 Windows XP 回复

    我也发现最近关停的博客挺多的。
    还有人认真写了段时间,然后数据没备份。挺可惜的。。

    5楼
    • 郑 永2012-01-28 16:24 Firefox 9 Windows XP 回复

      你说话挺好听的。

  6. 河河2011-11-20 00:55 Sogou Explorer Windows 7 回复

    这个代码好长呀

    6楼
    • 郑 永2012-01-28 16:24 Firefox 9 Windows XP 回复

      长好啊,说明你越节省时间,你赚大了,人家写半天,你几秒复制。

  7. 林木木2011-11-25 06:58 Google Chrome 12 Windows XP 回复

    博主要坚持写呀。

    7楼
    • 郑 永2012-01-28 16:23 Firefox 9 Windows XP 回复

      只要你坚持评。

  8. 小E2011-11-30 06:58 Google Chrome 12 Windows XP 回复

    自动呀

    8楼
  9. 云刊2011-12-14 06:37 Firefox 8 Windows 7 回复

    代码这么长,还是算了

    9楼
    • 郑 永2012-01-28 16:18 Firefox 9 Windows XP 回复

      复制粘贴啊,简单得很啦。。

  10. 西门2012-01-10 08:46 Google Chrome 10 Windows XP 回复

    都是编程呀。

    10楼
  11. se42012-01-28 04:19 Google Chrome 17 Windows 7 回复

    yusky的网站预览显示也非常nice

    11楼
    • 郑 永2012-01-28 16:13 Firefox 9 Windows XP 回复

      都很nice呵呵,2012都nice,新年快乐!

  12. Goy2免费VPN2012-06-12 04:12 TheWorld Browser Windows 7 回复

    还是喜欢不带favicon的,加载速度快。

    12楼
  13. 怎样2012-10-21 16:08 Sogou Explorer Windows XP 回复

    加上这个确实是要漂亮些。

    13楼
  14. 怎样2012-10-21 16:09 Sogou Explorer Windows XP 回复

    还有这样子的吗

    14楼
  15. 从良未遂2013-05-24 09:56 Google Chrome 27 Windows 7 回复

    装个代码高亮的插件吧

    15楼
  16. 百家网络博客2014-03-20 07:05 Google Chrome 30 Windows 7 回复

    看到这么多代码,我想还是算了吧,为了一点美化又要增加多少kb了~

    16楼
    • 郑永2014-03-20 14:32 Firefox 27 Windows XP 回复

      复制一下就OK,流量不算啥。

  17. 百家网络博客2014-04-10 06:14 Google Chrome 30 Windows 7 回复

    加个友情链接,代码多得像个网站…….

    17楼
1 2
gravatar
发表我的评论
取消评论


Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址