Typecho添加友情链接模板(独立页面)

添加这个typecho友情链接模板也是受到了别人的启发,看了一下代码发现还是挺简单的,就自己做了一个。
这个模板的优点是,只要添加链接就会自动识别,但是现在没有自动获取favicon图标的功能,将来会考虑添加一下。
好了,废话不多说,进入正题。

第一步 创建一个模板文件

我们来创建一个名字为 page-links 的PHP文件,文件名可以自己修改,这里只是为了一眼就能看出是什么文件。
然后在文件的开头加入以下代码:

<?php
/**
 * 自定义页面模板
 *
 * @package custom
 */

page-links

其中 “自定义页面模板” 是可以修改的,这将是你选择的模板名称, @package custom 是必须的,不能修改删除

创建一个 div 把 <?php $this->content(); ?> 代码放进去,这个显示的就是文章的内容

创建DIV

第二步 写 CSS 样式

基本样式

.page-links a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 5px 10px;
    padding: 5px 10px;
    text-align: center;
    color: #444;
    background: #fcfcfc;
    border: 0;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    transition: .4s;
    -webkit-transition: .4s;
}

CSS基本样式

添加一个鼠标悬停效果

.page-links a:hover {
    color: #fff;
    background: #a3c159;
}

鼠标悬停效果

第三步 引用模板

然后进入 typecho 后台在『创建页面』的 『自定义模板』里就可以看到

引用模板

看看发布的页面是不是大功告成了?

文章最后编辑时间:2018-12-26 16:47
发表评论