質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.52%

【WordPress】抜粋でのショートコードの処理について

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,844

chef

score 13

 前提

エスケープされたショートコード(例:[[shortcode]])が記事本文の先頭にある場合、抜粋でそのショートコードが実行されてしまいます。
(また、普通のショートコードだとショートコードの部分が丸々消えてしまいます)

 発生している問題・エラーメッセージ

例えば、以下のようにショートコードを登録し、

function shortcode_test() {
    return 'ショートコード';
}
add_shortcode('shortcode', 'shortcode_test');

投稿画面でこのように記述して公開するとします。

WordPressには[shortcode]という便利なプラグインがあります。

すると、本文では「WordPressにはショートコードという便利なプラグインがあります。」と表示されますが、抜粋では「WordPressにはという便利なプラグインがあります。」と表示されます。

ここからが本題ですが、以下のように投稿画面でエスケープしたショートコードを使うとします。

ショートコードは[[shortcode]]と記述することで使えます。

すると、先ほどと同じ理屈で、本文には「ショートコードは[shortcode]と記述することで使えます。」と表示されますが、抜粋では「ショートコードはショートコードと記述することで使えます。」と表示されてしまいます。

変なプラグインも使っていないんですが、これはWordPressの仕様なんでしょうか?
みなさんの環境でも同じ動作をしますか?
何か対策をされていますか?(←これを知りたいです)

 実現したいこと

本文と同じものを抜粋で表示したいです。
get_the_excerpt関数をどうにかできるのか、何かしらのフックがあるのか。。
お知恵をお借りできれば幸いです。

 補足

説明がわかりづらかったため質問を修正しました。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+2

以下のコードを追加して

function custom_excerpt() {
global $post;
$content = $post->post_content;
$content = strip_shortcodes( $content );
$content = strip_tags( $content );
$content = str_replace( array( '\r\n', '\n', '\r', ' ' ), '', $content );
$content = mb_substr( $content, 60 );
echo $content;
}


抜粋表示部分をcustom_excerpt()に置き換えたらどうなりますか?

 追記

[[shortcode]]と入力した文字が抜粋表示(excerpt)では意向を無視してショートコードと表示されるという意味だったんですね?
ショートコードの使い方を説明するページだとしたら[shortcode]と表示されないと困りますね。
解決済ですがthe_excerpt()get_the_excerpt()をカスタマイズする例も書いておきます。
尚、エスケープ不要です。
出力はecho get_the_excerpt()the_excerpt()で。

function my_excerpt() {
$excerpt = get_the_content();
$excerpt = wp_strip_all_tags( $excerpt );
$excerpt = str_replace( array( '\r\n', '\n', '\r', ' ' ), '', $excerpt );
$excerpt_more = apply_filters( 'excerpt_more', ' ' . '[…]' );
$excerpt = wp_trim_words( $excerpt, '60', $excerpt_more );
return $excerpt;
}
add_filter( 'wp_trim_excerpt', 'my_excerpt' );

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/02/26 15:40

    最後の$content = mb_substr( $content, 60 );の部分を$content = mb_substr( $content, 0, 60 );にすることで文字を丸めることができました。
    とても参考になりました、ありがとうございます!

    キャンセル

  • 2018/02/26 16:07 編集

    いただいた回答を参考に以下のようなコードにし、それをechoすることで現状は対応しようと思います。
    ```php
    function custom_excerpt() {
    global $post;
    $content = $post->post_content;
    $content = strip_tags( $content );
    $content = str_replace( array( '\r\n', '\n', '\r', ' ' ), '', $content );
    $content = mb_substr( $content, 0, 60, 'UTF-8' );
    return $content;
    }
    ```

    キャンセル

  • 2018/02/26 17:55

    追記いただきありがとうございます、参考にさせていただきます!

    キャンセル

+2

状況が少しわかりませんが、下記部分でフィルタがかけれるようになっています。

【get_the_excerpt() | Function | WordPress Developer Resources】
https://developer.wordpress.org/reference/functions/get_the_excerpt/

return apply_filters( 'get_the_excerpt', $post->post_excerpt, $post );

デフォルトでは下記フィルタしかかかっていないので、プラグインやテーマ内に別のフィルタがかかっている可能性もあります。

// wp-includes/default-filters.php  148行
add_filter( 'the_excerpt',     'wptexturize'      );
add_filter( 'the_excerpt',     'convert_smilies'  );
add_filter( 'the_excerpt',     'convert_chars'    );
add_filter( 'the_excerpt',     'wpautop'          );
add_filter( 'the_excerpt',     'shortcode_unautop');
add_filter( 'get_the_excerpt', 'wp_trim_excerpt'  );

$post->post_excerpt ← これがとりあえずフィルタにかかる前なので、これを加工して出力するという手段もあると思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/02/26 10:02 編集

    回答いただきありがとうございます!
    the_excerpt、get_the_excerpt、$post->post_excerpt、すべて試してみたのですが、やり方が悪いのか解決に至りませんでした。
    今回の悩みを端的に申し上げると、「エスケープされたショートコードごと抜粋に表示したい」というものです。
    WordPressの仕様だと思うのですが、本文の先頭に[[shortcode]]のようなエスケープされたショートコードがあり、記事の一覧で本文の先頭60文字を抜粋として使う場合、エスケープされたショートコードのエスケープが解除されてしまいます。
    例えば、
    ここにテキストが入ります。[[shortcode]]ここにテキストが入ります。
    という文章が抜粋に表示されると、
    ここにテキストが入ります。[shortcode]ここにテキストが入ります。
    と変換されてしまい、抜粋の時だけショートコードが実行されてしまいます。
    同様に、
    ここにテキストが入ります。[[[shortcode]]]ここにテキストが入ります。
    という文章が抜粋に表示されると、
    ここにテキストが入ります。[[shortcode]]ここにテキストが入ります。
    になります。
    strip shortcodes関数や、http://wpdocs.osdn.jp/関数リファレンス/strip_shortcodesの用例を参考に試してみたのですが、さっぱりです。。

    キャンセル

  • 2018/02/26 13:11

    $post->post_excerpt をそのまま出力しても括弧が消え、管理画面でのみ確認できるということでしょうか。

    キャンセル

  • 2018/02/26 15:56

    私のやり方が悪いのかもしれませんが、var_dumpしたところ中身が空でした。
    本来は抜粋が取得できるということですよね??
    理解が追いついていなくてすみません。。

    キャンセル

+1

本文でも、自動抽出された(先頭〇文字のような)抜粋でもショートコードを動作させないまま表示したいということですか??

それでしたら無理にエスケープしないで文字実体参照を使えばいいのかもしれませんね

例 [shortcode] を抜粋でも本文でもそのまま表示するなら [shortcode] とする

環境などにもよると思いますけど左の [ を [ にしただけです。一応私の環境でテストしたら本文でも抜粋(自動抽出)でも大丈夫でした。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/02/26 13:59

    回答いただきありがとうございます!
    教えていただいたやり方だと確かにショートコードがエスケープされたまま表示されますね。これは便利です。
    テキストエディタ→ビジュアルエディタへの変換時に通常のカッコに戻ってしまうんですが、これはどうしようもない感じでしょうか?
    ベストアンサーにしたいところなんですが、通常のエスケープされたショートコードをどうすれば抜粋でも扱えるのかという観点で本質的に解決策を見つけたいと思うので、もう少しだけ回答を募集させていただきます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.52%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる