WordPress 主题 JustMedia 通过自定义栏目实现版权声明

2018年5月19日 0 条评论 767 次阅读 0 人点赞

酷客星球刚入手JustMedia主题时,这主题什么都好,就是新主题功能不健全,虽然作者大大一直在努力完善更新,但始终无法满足我们的需要。

于是,笔者就自己动手完善了。PS:强烈推荐各位使用WordPress的子主题功能修改。

一、需求:

酷客星球作为类资讯网站,部分内容是转载互联网的,我们始终尊重原作者的劳动成果,所以转载后当然要留下内容出处链接了。

二、实现:

(一)引入阿里图标:

1、到我的项目里面,有三个模式选项分别为:Unicode、Font class、Symbol,我们这里采用Unicode模式,点击【查看在线链接】,点击生成代码,就可以看到 @font-face。

2、打开当前主题的 style.css 文件,将生成的 font-face 扔进去,例如:

@font-face {
    font-family: 'iconfont图标名称'; 
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont图标名称') format('svg');
}

3、紧跟其后加入:

.kcostar{
    font-family:"图标名称(同上一致)" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

到这里阿里图标就引用完毕了。

(二)修改主题文件,添加调用WordPress自定义栏目,加入版权信息:

1、打开当前主题的single文件,调用图标,例如:

<i class="图标名称(同上一致)">图标代码</i>

2、在图标代码后面,添加WordPress自定义栏目函数:

<?php if ( get_post_meta($post->ID, 'from', true) && get_post_meta($post->ID, 'copyright', true) ) { ?>
本文来自:<a href="<?php echo get_post_meta($post->ID, "copyright", true); ?>" rel="nofollow" target="_blank">
<?php echo get_post_meta($post->ID, "from", true); ?></a>,不代表 酷客星球 赞同其立场与观点,全部版权归原作者所有,侵删。</div>
<?php } elseif ( get_post_meta($post->ID, 'from', true)) {?>
<?php } ?>

3、fromcopyright分别代表来源名称和来源地址,注意替换。

三、结语:

本文只是基础功能实现,并未涉及CSS方面,大家可以自行DIY。

Jackwill

这个人太懒什么东西都没留下