这个主题么有自带的专门用作链接的页面,其实很简单,在晚上搜索了一个,觉得kayo的这个还是蛮不错的,特别是css比较美观。原文如下:
复制主题中的page.php文件,重命名为links.php。
在页面的顶部加入如下代码
再把类似下面的一段代码
<div class=“post-content”>
这个主题么有自带的专门用作链接的页面,其实很简单,在晚上搜索了一个,觉得kayo的这个还是蛮不错的,特别是css比较美观。原文如下:
复制主题中的page.php文件,重命名为links.php。
在页面的顶部加入如下代码
再把类似下面的一段代码
<div class=“post-content”>
替换为
<div class=“lists”><p class=“tips”>站点随机排序
解释一下上面的代码 my_list_bookmarks是WordPress调用友链的函数,orderby是友链的排序方式,这里我写的是rand,也就是随机show_images是控制是否显示友链的图片,布尔型变量,1代表显示变量,0代表不显示,其他可选参数如下:
categorize 布尔型,用于设置连接是否按照各自的分类显示category 字符串型,后面就直接 “=链接分类ID号”,那么就显示这个分类下的链接。如果没有指定的话就显示所有的链接。 category_name 字符串型,如果后面 “=某个链接分类的名称” 那么就会在该链接分类前显示分类的名称,如果这里留空的话则会显示所有链接分类的分类名称(即默认的形式)。 category_before 字符串型,位于链接分类之前的文字或代码。 category_after 字符串型,位于链接分类之后的文字或代码。 class 字符串型,每一个链接的分类都会有一个 “class” 属性(从上面的代码就能看出),默认是:linkcat category_orderby 字符串型,链接分类的排序方式,按照名词或者ID。 ‘name’ (默认) ‘id’ category_order 字符串型,链接分类的升降序排列方式: ASC (默认) DESC title_li 字符串型,链接标题的头文字或代码,默认是:Bookmarks,并且它控制连接是否按照列表的方式排列。 title_before 和 title_after 顾名思义,它们就是连接标题头前后的文字或代码,默认是 h2 标签 show_private 布尔型,是否显示私有链接。 include 字符串型,输出指定 ID 的 Blogroll 的分类链接,各个 ID 之间用半角的 “,” 分开。默认显示所有的 Blogroll 分类。 exclude 字符串型,将指定 ID 的 Blogroll 分类链接从整个链接列表中排除,各个 ID 之间用半角的 “,” 分开。默认是什么都不排除。 orderby 字符串型,Blogroll 的排列方式(默认是根据名称排序,除非将这个值留空),即根据我们在 WP 后台链接设置界面下的那些参数来进行排序:
1.’id’ 2. ‘url’ 3. ‘name’ 4. ‘target’ 5. ‘description’ 6. ‘owner’ 7. ‘rating’ 8. ‘updated’ 9. ‘rel’ – 按设定的关系排列 10. ‘notes’ 11. ‘rss’ 12. ‘length’ – 连接名称的长度设定 13. ‘rand’ – 随机排列显示
order 字符串型,设置升降序的排列方式 ASC (默认) DESC limit 整型,设置输出链接条数的最大值。默认值是”-1″,输出全部。 between 字符串型,每个连接、图片和描述之间的文字或代码,默认是 “n” 换行。 show_description 布尔型,是否允许显示每个链接的描述。 show_rating 布尔型,是否允许显示链接的等级。 show_updated 布尔型,是否允许显示最近更新后的时间戳。 hide_invisible 布尔型,是否显示所有的链接,甚至是被管理员设为不可见的链接,默认允许显示。
.lists {padding: 5px; margin: 25px auto auto 0;} .linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom: 15px; list-style: none; clear:both} .lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; } .listcat ul {margin-left: 20px;} .linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px;padding: 4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;} .linkcat ul li a {color: #a4a4a4; text-decoration: none;} .linkcat ul li a img {margin-right: 3px;} .linkcat ul li a:visited {color: #a4a4a4;} .tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
其实个别代码还是要因主题而异,不过只要稍作修改就可以了,还是要谢谢kayo分享的代码。