2015-11-25 37 views
-1

我正在改變一個wordpress主題來顯示我的博客文章,我一直試圖添加切換和內容之間切換點擊'閱讀更多'。 我很多次嘗試都沒有成功。切換摘錄和內容onclick - WordPress的 - PHP字符串

任何幫助將不勝感激。

$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; 

回答

0

您需要使用javascript來處理閱讀更多或更少閱讀的點擊事件。我更喜歡jQuery。我準備了一個小提琴。

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