为wordpress文章添加额外功能[移植自DUX主题]

之前使用dux的时候有很多方便的功能,现在换主题了,之前有功能没有了,那么我们就手动加上吧

WordPress内容折叠

WordPress添加说说功能

WordPress添加内容评论可见

WordPress添加go跳转

内容折叠功能

这个对优化文章结构还是很有用的

点击下方按钮查看演示及内容

 点击展开 查看 内容折叠

移植自dux,但是缺少js,就去网上找了一下,解决,顺便美化了一下外观。

dux原版风格

钻芒美化

一、引用js,将以下代码加入至主题目录下的footer.php中

<script>/* 为wordpress主题添加“内容展开/收缩”功能开始 */jQuery(document).ready(function(jQuery){jQuery('.collapseButton').click(function(){jQuery(this).parent().parent().find('.xContent').slideToggle('slow');});});/* 为wordpress主题添加“内容展开/收缩”功能开始 */</script>


二丶将下方代码添加至主题目录下的functions.php中

// 文章页添加展开收缩效果functionxcollapse($atts,$content=null){extract(shortcode_atts(array("title"=>""),$atts));return'

    <style>.xControl {

    font-size: 15px;

    font-weight: bold;

    padding: 5px 0;

    box-shadow:0 0 20px #d0d0d0;/* 阴影 */

    background-color: #FFFFFF;/* 背景颜色 */

    border-bottom: 2px solid #e74c3c;/* 边 */

    transition: all 0.1s linear;

    text-align: center;

    border-radius: 0 0 5% 5%;

    border-radius:4px;

}

.xControl a{

text-decoration: none;

    display: block;

}</style>

<div style="margin: 0.5em 0;">

    <div class="xControl">

    <a href="javascript:void(0)" class="collapseButton xButton"> <i class="fa fa-toggle-on" aria-hidden="true">&nbsp;</i><span class="xTitle">'.$title.'</span></a>

    <div style="clear: both;"></div>

    </div>

<div class="xContent" style="display: none;">'.$content.'</div>

</div>';}add_shortcode('collapse','xcollapse');


三丶给后台添加展开/收缩快捷标签按钮

添加至主题目录下的functions.php

//添加展开/收缩快捷标签按钮function appthemes_add_collapse() {?><scripttype="text/javascript">if(typeofQTags!='undefined'){QTags.addButton('collapse','展开/收缩按钮','[collapse title="点击展开 查看更多"]','[/collapse]');}</script><?php}add_action('admin_print_footer_scripts','appthemes_add_collapse');


使用方法

文章编辑器中选择文本,单击展开/收缩按钮,输入要折叠的内容,然后再次点击展开/收缩按钮。会自动添加折叠结束标签。


添加说说功能

类似于qq空间的动态,可以发一些鸡毛蒜皮的小动态

 点击展开 说说功能

把下边的代码加入到当前主题的functions.php 中

可能刚加上查看说说界面404,去设置-固定链接更新一下就好了

//说说功能functionmy_custom_shuoshuo_init(){$labels=array('name'=>'说说','singular_name'=>'说说','all_items'=>'所有说说','add_new'=>'发表说说','add_new_item'=>'撰写新说说','edit_item'=>'编辑说说','new_item'=>'新说说','view_item'=>'查看说说','search_items'=>'搜索说说','not_found'=>'暂无说说','not_found_in_trash'=>'没有已遗弃的说说','parent_item_colon'=>'','menu_name'=>'说说');$args=array('labels'=>$labels,'public'=>true,'publicly_queryable'=>true,'show_ui'=>true,'show_in_menu'=>true,'query_var'=>true,'rewrite'=>true,'capability_type'=>'post','has_archive'=>true,'hierarchical'=>false,'menu_position'=>null,'supports'=>array('title','editor','author'));register_post_type('shuoshuo',$args);}add_action('init','my_custom_shuoshuo_init');


添加评论可见

 点击展开 查看添加评论可见

把下边的代码加入到当前主题的functions.php 中

评论后如果不显示请查看是否开启留言审核,审核通过后即可查看。

function reply_to_read($atts, $content=null) {          extract(shortcode_atts(array("notice" => '

get_results($query)) {              return do_shortcode($content);          } else {              return $notice;          }      }    add_shortcode('reply', 'reply_to_read');//添加评论可见快捷标签按钮function appthemes_add_reply() {?><scripttype="text/javascript">if(typeofQTags!='undefined'){QTags.addButton('reply','评论可见按钮','[reply]','[/reply]');}</script><?php}add_action('admin_print_footer_scripts','appthemes_add_reply');



添加go跳转功能

它的作用主要是避免权重的流失,画面也可以很炫酷。现在很多博客都带有此功能。

如何添加设置go跳转页面,可以参阅下边这篇文章

wordpress 设置go跳转页面

自从用了DUX5.2后,文章内的跳转链接变成了go跳转,但之前并不了解这个东西,所以之前文章内的链接打开直接跳404;,…

这里介绍如何给wordpress添加go跳转功能>

 点击展开 查看go跳转功能

把下边的代码加入到当前主题的functions.php 中

//文章内外链添加go跳转functionthe_content_nofollow($content){preg_match_all('/<a(.*?)href="(.*?)"(.*?)>/',$content,$matches);if($matches){foreach($matches[2]as$val){if(strpos($val,'://')!==false&&strpos($val,home_url())===false&&!preg_match('/\.(jpg|jepg|png|ico|bmp|gif|tiff)/i',$val)){$content=str_replace("href=\"$val\"","href=\"".home_url()."/go/?url=$val\" ",$content);}}}return$content;}add_filter('the_content','the_content_nofollow',999);//评论者链接添加go跳转functionadd_redirect_comment_link($text=''){$text=str_replace('href="','href="'.get_option('home').'/go/?url=',$text);return$text;}add_filter('get_comment_author_link','add_redirect_comment_link',5);add_filter('comment_text','add_redirect_comment_link',99);

文章源自钻芒博客

原文地址:https://www.zmki.cn/3319.html

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容