Lognote

ネット集客に強い整体院サイトを制作

mb-substr-wordpress-thumbnail

WordPressの抜粋表示には「mb_substr」ではなく「the_excerpt」を使った方がいい理由

公開日:2016-05-24
最終更新日:

最近、SEO的に画像にaltとキャプションを入れるのも無視はできないという記事を読み、わたしも実践するようになりました。

グーグル推薦SEOに有効な画像altタグの書き方

altタグの中身をしっかり書いておくことで、Googleの画像検索にヒットしやすくなるそうなのでぜひ入れてみてください。書き方はこちらが参考になります

alt属性の良い事例(つけ方・書き方)|情報バリアフリーポータルサイト

キャプションも読者の目を引きつけるという意味でないよりはあったほうがいいそうです。

さて、今回はSEOの話ではないのでそれは一度置いておくとして、ブログをされているみなさんも記事一覧に記事抜粋を表示して「続きはこちら」などとリンクにしている方も多いのではないでしょうか。

そこで私もこちらを参考にさせていただきPHP関数で抜粋を表示していたのですが、ちょっと問題が起きたので備忘録とします。

【PHP】PHP関数「substr」「mb_substr」の使い方を紹介します

WordPressでmb_substrは条件次第では使いづらい

以下のコードをWordpressのループ内で使うと記事の抜粋を表示してくれます。何文字読み取るかも自由に設定できるので、記事一覧ページや関連記事一覧などで各所変更ができるので大変便利です。

<?php echo mb_substr( strip_tags( $post->post_content  ), 0, 70, "utf-8") . ''; //記事本文の抜粋を70文字だけ取り出す?>

ただし、ある条件下だとちょっと不便なことが起こります。それが以下のスクリーンショットです。

mb-substr-wordpress-01

こちらの関数を使うとご覧の通りキャプションのコードもそのまま読み込んで表示してしまいます。[](角括弧)を文字として認識してしまうからでしょう。

Wordprsssテンプレートタグthe_excerptを使いましょう

おなじみですが、Wordprsssテンプレートタグthe_excerptを使うことで解決します。

<?php the_excerpt(); ?>

こちらのタグにmb_substrを併用することで文字数を自由に変更することも可能です。

以下の例では0文字目から70文字を抜粋して表示します。70のところをいろいろ変えてみてください。

<?php echo mb_substr(get_the_excerpt(), 0, 70); ?>

mb-substr-wordpress-02

これでキャプションは読み込まなくなりました。

そもそもWordpressにこんな便利なテンプレートタグがあるのだから、PHP関数を使う意味はないような気がしますけどね(笑)

以上、「WordPressの抜粋表示には「mb_substr」ではなく「the_excerpt」を使った方がいい理由」という記事をお届けしました。

-WordPress
-

この記事のタイトルとURLをコピーする
WordPressの抜粋表示には「mb_substr」ではなく「the_excerpt」を使った方がいい理由
この記事はいかがでしたでしょうか。
是非Lognoteの最新ニュース情報を、
いいねしてチェックしてください!

関連記事

iphone-icon-black-thumbnail

WordPressでiPhone用アイコンの透過部分が黒くなる問題を疑似的に解決する方法

WordPressは、カスタマイズからサイトアイコンを簡単に設定できますが、iPhone用アイコンだと透過部分 …

CSSでオリジナルのFeedly購読ボタンを作成する方法

皆さんはブログにFeedlyボタンは設置していますか?リピーターを増やすには必須のサービスですが、公式...

salon-for-wordpress-theme-healer-thumbnail

整体院・サロン専用WordPressテーマ「Healer」をリリースしました

スマホ対応。SEO対策とウェブ集客便利機能標準装備。整体院・サロン経営に特化した専用WordPressテーマ...

wordpress-category-tag-change-thumbnail

WordPressのカテゴリー⇔タグを変換して訪問者に親切なブログ作りをしよう

ブログ訪問者はサイドバーなどに設置されたカテゴリーから「Wordpressの記事数が多いから参考になる記事があ …

stinger6-logo-use-google-web-fonts-thumbnail

WordPressの英字フォントをGoogle Web Fontsに変更してかっこよくカスタマイズする方法

STINGER8のタイトルロゴをGoogle Web Fontsを使ってカスタマイズする方法のご紹介します。

コメントを入力

日本語が含まれない投稿は無視されます。(スパム対策)

トラックバックURL

管理人のヤマカワです
山形在住、整体院「癒眠」院長
3級ウェブデザイン技能士


Lognote
2017/9/12
ご報告いただきありがとうございます! それは知りませんでした! メーカーの違いとかもあるのでしょう...
通りすがり
2017/9/12
比較的新しいカメラではサムネイル見れないらしいですよ。 うちもコーデック入れましたが2016年発売カ...
Lognote
2017/9/05
>> 堀田様 お役に立てて何よりです! 他に良い予約プラグインが出てくれればいいんですけ...
堀田
2017/9/05
ありがとうございました。 PHPを7 にしたらエラー吐き出して、有料版は PHP7 対応なんで有料...
Lognote
2017/8/16
>> たろ様 子テーマのコピー方法を省略しておりました。 解説記事を書きましたので、よろ...
たろ
2017/7/31
子テーマにコピーするの所がわかりにくい