给wordpress增加友情链接页面及其美化的方法

时间:2014-08-12 | 分类: 颩ふ随笔 | 作者:風子 | 评论: 12 次 | 点击: 1762 次

自从换成了唐杰的主题,发现这主题真的还不错,就是发现没有页面模版,比如友情链接、归档之类的都没有,所以一直很纳闷,网上搜索了许多的代码也没有用,最后整合其他主题的友情链接才成功建立比较满意的友情链接,但是由于google屏蔽问题,所以友情链接前面的小图标加载有点慢,但是还是算很完美了。想建立此页面,主要是不想在首页显示许多连接,因为很多没有相互添加的连接会降低网站权重,所以就需要在首页只是显示需要显示的友情链接的分类,其他的加到友情链接的页面去。此时就需要新建一个友情链接的页面在解决,以下是添加友情链接的方法和美化方法。具体效果可以看本博客的友情连接页面。http://www.long.ge/links

1、首选新建友情链接页面保存为links.php传到相应主题目录下:

<?php /* Template Name: 友情链接 */ ?>< ?php get_header(); ?>< div id="link">< ?php if (have_posts()) : while (have_posts()) : the_post(); ?>< div id="links">< h2>申请链接条件:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=TiIrICk4KyAOPz9gLSEj" style="text-decoration:none;"><img src="http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_01.png"/></a>< /h2>< p align="left">& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如有意与本站做链接,请先加上本站链接后留言,我会在最快时间加上贵站。 </br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您所提交的链接会显示在这里,本站会选择部分链接在首页面显示。 </br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本站不要求访问量,什么PR多少都无所谓,甚至是新站都可以,但最重要的是持久性和原创性,所以您的博客是否有访问量不是本站考虑的重点,能够坚持并经常更新的原创日志才是真正的博客。  </br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在您认可以上的文字后,还有一点重要的,就是您的站点如果链接失效或者有些内容并不适合网络文明道德(国家法律说不清楚),本站将在不通知您的情况下删除..... </p>< p align="left">&nbsp;</p>< p align="left" style="color: #FF0000">本站链接信息:</p>< p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;博客名称:第九部落</p>< p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;博客地址:&nbsp;&nbsp;<a href="http://www.long.ge" target="_blank">http://www.long.ge</a>&nbsp;&nbsp;或&nbsp;&nbsp;<a href="http://www.long.ge" target="_blank">http://www.long.ge</a></p>< p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ICO&nbsp;地址:http://www.long.ge/favicon.ico &nbsp; </p>< p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<IMG SRC="http://www.long.ge/favicon.ico" WIDTH=36 HEIGHT=36 title="第九部落" ALT="第九部落" border="0"></p>< /div>< div id="fengexian"></div>< div class="linkpage"><ul>< ?php my_list_bookmarks('categorize=1& category_orderby=id&before=<li>&after=</li>&show_images=1& show_description=1&orderby=name&title_before=<h3>&title_after=</h3>'); ?>< /ul>< /div>< ?php endwhile; else: ?>< ?php endif; ?>< /div>< div id="comments"><?php comments_template(); ?></div>< ?php get_footer(); ?>

由于上面添加有本网站友情链接的文字说明部分,可以修改为自己网站的信息。

2、在functions.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; }


3、在style.css里增加样式:

/** 友情链接页面 **/ #link { padding:2px; margin-bottom: 10px; background:#fff; color:#444; border:1px #ddd solid; box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px 5px 5px 5px; border-radius:5px; } #links { padding:12px 12px 5px 20px; } #links h2 { font-size: 17px; padding:0px 12px 15px 0px; } #fengexian { background:url(images/fengexian.png) no-repeat center; padding:30px 12px 30px 0px; } .linkpage ul { list-style-type: none; overflow: auto; padding: 0px 0px 12px 20px; } * html .linkpage ul { height: 1%; } .linkpage ul li { color: #333333; font-size: 12px; margin-bottom: 5px; } .linkpage ul li h3{ color: #333333; font-size: 15px; margin-bottom: 5px; } .linkpage ul li ul li { background-color: #FFFFFF; border: 1px solid #DADADA; float: left; border-radius:5px 5px 5px 5px; font-size: 12px; line-height: 180%; margin: 3px; text-align: left; text-shadow:1px 1px 1px #CCC; 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 4px 3px 3px; width: 16px; }

 

  • 发表评论
  • 查看评论:(12)
【已经有12位大神发现了看法】

loverail  2015-02-03 21:53:13 回复该评论
你好,看到你博客 不错,想你在博客里加广告,是否愿意合作,每月100,愿意的话联系我qq2310716987
涂涂研版  2014-12-20 22:41:02 回复该评论
头像怎么也都看不见了。。 :sad:
風子  2014-12-21 18:34:56 回复该评论
可以看到的啊,貌似浏览器不同有时候显示不出来或慢了。好像是头像官方服务器被强了。。。
知道91博客  2014-11-27 00:30:59 回复该评论
这个不错哟,呵呵 :razz:
php程序员  2014-08-18 17:28:47 回复该评论
友情链接直接使用了插件。。
風子  2014-08-18 21:54:02 回复该评论
用插件还是很麻烦的,总觉得会运行很多不必要的代码。
沈军  2014-08-18 14:17:25 回复该评论
方法实用,支持!
風子  2014-08-18 21:59:50 回复该评论
不想用插件,总觉得插件现值太多,对自己没有提升。
林三  2014-08-16 17:41:14 回复该评论
手动添加这些页面,自成一体,挺好的!
風子  2014-08-18 21:59:08 回复该评论
我在edong网买了一个虚拟主机安装pjblog或者zblog,但是zblog安装后伪静态那个全静态貌似没有用,郁闷!
大色网  2014-08-12 22:59:20 回复该评论
wp挺不错的,但是不怎么会用,
風子  2014-08-18 21:57:05 回复该评论
慢慢用就会习惯了。真的

分享:

支付宝

微信