イセンチュートリアルサイト
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
TOP PHP 投稿の本文の途中で…にする

PHP

投稿の本文の途中で…にする

  • カテゴリー:PHP

    シンプルに…を表示させる

    <?php the_excerpt(); ?>

    下記はfunctionに記載する。

     

    「続きを読む」のパーマリンクを設定する

    function tuzuki_excerpt_more( $post ) {
    	return '...'
    	. '<br>'
    	. '<i class="fa fa-caret-right" aria-hidden="true"></i>'
    	. '<a href="' . get_permalink( $post->ID ) . '">'
    	. '続きを読む'
    	. '</a>';
    }
    add_filter( 'excerpt_more', 'tuzuki_excerpt_more' );

     

    <?php the_excerpt(); ?>で文字数を決める

    function kazu_excerpt_length( $length ) {
    	return 100;
    }
    add_filter( 'excerpt_length', 'kazu_excerpt_length' );

     

    本文の文字数を決めて…を表示する

    文字数制限をしたい本文のテンプレートタグの代わりに下記のコードを記述。

     

    <?php
    
    if(mb_strlen($post->post_content, 'UTF-8')>120){
        $content= mb_substr(strip_tags($post->post_content), 0, 120, 'UTF-8');
        echo $content.'……';
    } else {
        echo strip_tags(->post_content);
    }
    ?>

     

    本文がHTMLタグも含め120文字より多い場合は、HTMLタグを削除した120文字を表示し、最後に「……」を付ける。
    本文がHTMLタグも含め120文字以下の場合は、HTMLタグを外して全文表示。

     

    特定のHTMLタグを残したい場合

    文字数制限をしたい本文のテンプレートタグの代わりに下記のコードを記述。

     

    <?php
    if(mb_strlen($post->post_content, 'UTF-8')>120){
        $content= mb_substr(strip_tags(apply_filters('the_content', $post->post_content), '<br><p><span>'), 0,120, 'UTF-8');
        echo $content.'……';
    } else {
        echo strip_tags(apply_filters('the_content', $post->post_content),'<br><p><span>');
    }
    ?>

     

    本文がHTMLタグも含め120文字より多い場合は、
    タグとタグとタグを残しそれ以外のHTMLタグを削除した120文字を表示し、最後に「……」を付ける。
    本文がHTMLタグも含め120文字以下の場合は、
    タグとタグとタグを残しそれ以外のHTMLタグを削除し全文を表示。

     

    ※補足:上記の「コードの例。」の3行目と6行目、
    「strip_tags」の第1引数で渡す文字列を「$post->post_content」にしてしまうと、HTMLタグが全部無くなってしまう(というか、「$post->post_content」はWordpressが自動で加工・変換する前の生のデータ)ので、「$post->post_content」の代わりに「apply_filters(‘the_content’, $post->post_content)」を記述。

     

    引用元:https://www.oikawa-sekkei.com/web/design/wordpress/wp-strip_tags.html

    投稿日:2022年04月05日
次のページ

アーカイブ

  • CSS (117)
    • スクロールダウン (8)
    • テキストナビゲーション (11)
    • ボタン (52)
    • メニュー (1)
    • 動画 (2)
    • 検索 (3)
    • 画像リンクの動き (23)
    • 背景の動き (17)
  • Illustrator (8)
  • JS (93)
    • アコーディオンパネル (2)
    • アニメーション (1)
    • エリアの動き (7)
    • ギャラリー (6)
    • グラフ (7)
    • スライド (9)
    • テキストの動き (17)
    • ニュースティッカー (1)
    • ページトップリンク (9)
    • ページ内リンク (2)
    • メニュー (28)
    • モーダルウィンドウ (1)
    • ローディング (3)
  • Photoshop (1)
  • PHP (20)
  • WordPress (4)
    • プラグイン (2)
    • リンク (1)
  • お客様観覧用 (11)
    • WEB制作プラン (1)
    • アニメーション (8)
    • グローバルナビゲーション (1)
    • スライド (1)
  • サーバー (6)
    • CPI (1)
  • 未分類 (6)
  • 法律 (2)
    • 医療法 (1)
    • 柔道整復師法 (1)
TOP
  • CSS
    • スクロールダウン
    • テキストナビゲーション
    • ボタン
    • メニュー
    • 動画
    • 検索
    • 画像リンクの動き
    • 背景の動き
  • Illustrator
  • JS
    • アコーディオンパネル
    • アニメーション
    • エリアの動き
    • ギャラリー
    • グラフ
    • スライド
    • テキストの動き
    • ニュースティッカー
    • ページトップリンク
    • ページ内リンク
    • メニュー
    • モーダルウィンドウ
    • ローディング
  • Photoshop
  • PHP
  • WordPress
    • プラグイン
    • リンク
  • お客様観覧用
    • WEB制作プラン
    • アニメーション
    • グローバルナビゲーション
    • スライド
  • サーバー
    • CPI
  • 未分類
  • 法律
    • 医療法
    • 柔道整復師法
© 2022 isen-print.