Question

我正在修改wordpress主题以显示我的博客文章，并且在点击“阅读更多”时，我一直在尝试在摘录和内容之间添加切换。我在许多尝试中都没有成功。

非常感谢任何帮助。

    $post_data = "<article class='post style-2$sticky_class'>";
    $post_data.= "<div class='blog-item'>";
    $post_data .= "<header class='col-md-4 col-xs-12 no-padding'>";
    if(is_sticky(get_the_ID()) && strlen(anps_header_media(get_the_ID(), $image_class)) > 0 ) {
    $post_data .= "<div class='absolute stickymark'><div class='triangle-topleft hovercolor'></div><i class='nav_background_color fa fa-thumb-tack'></i></div>";
    }
    $post_data .= "<a href='".get_permalink()."'>".anps_header_media(get_the_ID(), $image_class)."<div class='cat_banner'>".$cat_name."</div></a>";
    $post_data .= "</header>";

    $post_data.= "<div class='archive_blog_info col-md-8'>";

    if (is_sticky(get_the_ID()) && strlen(anps_header_media(get_the_ID(), $image_class)) < 1 ) {
    $post_data .= "<a href='".get_permalink()."' title='".get_the_title()."'><h1><i class='fa fa-thumb-tack hovercolor'></i>&nbsp;".get_the_title()."</h1></a>";
    $post_data .= "<h1>".get_the_date()."</h1>";
     }
    else {
        $post_data .= "<a href='".get_permalink()."' title='".get_the_title()."'><h1>".get_the_title()."</h1></a>";
    }

    $post_data .= "<div class='post-excerpt'>".$excerpt_text."</div>";
    $post_data .= "<div class='post-content'>".$content_text."</div>";
    $post_data .= '<a class="btn btn-sm style-4 read" href="">'.__("Read more", 'accounting').'</a>';
    $post_data .= '<a class="btn btn-sm style-4 read-less" href="">'.__("Read less", 'accounting').'</a>';
    $post_data .= '<a class="news_link btn btn-sm style-4" style="float:right!important;" href="/category/'.$cat_name.'/">'.__("More ".$cat_name." articles >>", 'accounting').'</a>';
    $post_data .= "</div>";
    $post_data .='</div>';

$post_data .= "</article>"; 
echo $post_data;

Answer 1

您需要使用javascript来处理阅读更多或更少阅读的点击事件。我更喜欢jquery。我准备了一个小提琴。

[http://jsfiddle.net/at36xwa8/4/]

切换摘录和内容onclick - Wordpress - php字符串

1 个答案: