WordPress文章页添加展开/收缩功能

作者: Arvin Chen 分类: Wordpress 来源: Break易站(www.breakyizhan.com)

对于文章的折叠和隐藏,还有一个更好的办法,实现完之后,只要加上下面的代码,就可以将所需要的内容隐藏起来,而且是点击按钮的时候打开隐藏的文本: 在写文章的时候加入:

【collapse】需点击展开的内容【/collapse】

记得把中括号换成英文的中括号;

WordPress文章页添加展开/收缩功能

在functions.php文件末尾添加如下代码:

// 文章页添加展开收缩效果
function xcollapse($atts, $content = null){
    extract(shortcode_atts(array("title"=>""),$atts));
    return '<div style="margin: 0.5em 0;">
            <div class="xControl">
                <a href="javascript:void(0)" class="collapseButton xButton"><i class="fa fa-plus-square" aria-hidden="true"></i> 阅读更多</a>
                <div style="clear: both;"></div>
            </div>
        <div class="xContent" style="display: none;">'.$content.'</div>
    </div>';
}
add_shortcode('collapse', 'xcollapse');
//添加展开/收缩快捷标签按钮
function appthemes_add_collapse() {
?>
    <script type="text/javascript">
        if ( typeof QTags != 'undefined' ) {
            QTags.addButton( 'collapse', '展开/收缩按钮', '[collapse]','[/collapse]' );
        } 
    </script>
<?php 
}
add_action('admin_print_footer_scripts', 'appthemes_add_collapse' );

在body的标签前面加上如下的js:

<script>jQuery(document).ready(
    function(jQuery){
    jQuery('.collapseButton').click(function(){
        jQuery(this).parent().parent().find('.xContent').slideToggle('slow');
    });
});</script>

如果要点击之后,按钮消失,则把js改为如下:

<script>jQuery(document).ready(
    function(jQuery){
    jQuery('.collapseButton').click(function(){
        jQuery(this).parent().parent().find('.xContent').slideToggle('slow');
        $(this).get(0).parentNode.style.display="none";
    });
});</script>

实现之后的效果如下:(点击之后按钮消失)

(这是一篇隐藏的wordpress文章)

curl推送示例 :熊掌号,百度站长的链接推送(免系统配置)。我们很多朋友都搞不定curl的推送链接,而且还要配置系统的环境变量,下面我们来介绍一种不用配置环境变量的好方法吧。

curl推送是推送大量的链接,而php推送可以自动推送,大家可以看用PHP自动推送到百度收录,只要一发布文章,就能提交到百度,是不是很省事情。

1. 安装对应的curl版本


我们安装curl可以从官网直接下载对应的版本,我们电脑一般用的就是windows系统,所以大家可以在https://curl.haxx.se/download.html,这个网站找到对应的压缩包,下载安装即可:大家要是嫌弃麻烦的话,那就直接从百度网盘下载:curl给Windows系统

2. 在对应的目录建立urls.txt文本


我在D盘建立了一个curl的文件夹,把压缩包解压到了这个文件夹底下,我们要建立urls.txt这个文件的正确目录就是:D:\curl\curl-7.57.0-win64-mingw\bin,如下图,我的urls.txt文件里面已经有三条链接了

3. 发送推送的命令


然后这里有个小窍门,就是用Shift键+鼠标右键,打开命令框,如下图:

在打开的命令框里面输入推送的命令,看到下面的信息就表示你已经成功啦!!!!

大家有没有发现,如果你把压缩包解压到U盘的话,那你就随时随地都可以提交urls了,是不是很方便呢。

  •   本文标题:WordPress文章页添加展开/收缩功能 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/wpress/7029.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读