joppot

コピペで絶対動く。説明を妥協しない

wordpressの記事一覧で個々の記事のcontentテキストの文字数をプラグインで制限する

      2017/03/25

Pocket


概要

みんさんこんにちはcandleです。
最近、wordpress案件でしばらくの間フリーのテーマを使う事があったのですが、
フリーのもの多くは記事一覧で個々の記事の内容を全て展開する
「the_content」
を使用しており、非常に見づらいです。

だからといって、フリーのテーマを編集するのは面倒なので、
それをAdvanced Excerpt プラグインを使って一覧で表示する文字数を制限して見やすくします。

サンプルではフリーの「twentyeleven」を使います。

こんな感じになります

Before

After


前提

適当なwordpressがある

SPONSORED LINK


Advanced Excerptのインストール

管理画面の、左メニューから「プラグイン」→「新規追加」を押します。

右上の検索ボックスに「Advanced Excerpt」を入力します。
「今すぐインストール」ボタンを押します。

インストールが終わったらプラグインを有効化します。

インストールが終わりました。

設定をする

プラグイン一覧で、advanced excerptの「Settings」をクリックします。

ここからの設定は、あくまで参考程度にどうぞ。
「Excerpt Length」を 「100」にしてプルダウンメニューの「Words」を「 Characters」に変更します。

「Finish」はExactで良いのですが、どうやらバイトでカウントしているらしく、
日本語のような2バイト1文字では文字化けしてしまいます。
Wordだと表示される文字数にばらつきが出てしまいます。この辺はあまりうまくいきませんね。

「Read More Link」にチェックを入れて、テキストボックスに「続きを読む」と入力します。


カットされた記事のテキストの末尾に「続きを読む」というリンクを設置してくれます。

最後に、記事中のタグを削除するかという項目があります。私はタグは削除したほうが見やすいと思うので、設定します。
「Strip Tags」の「Remove all tags except the following」にチェックを入れます。
もしも、例外的に適応したいタグがあれば、チェックを入れるとそのタグだけ例外的に表示されます。

基本的な設定は以上です。
一番下の「Save Changes」ボタンを押して保存しましょう。


実際に確認する

実際にtwentyelevenで見てみると文字を制限する前がこの画像

Before

文字数を減らしたものがこちら

After

文字数が減って、スッキリしましたね。文字化けがきにならなくはないですが。

まとめ

一番良い解決方法はテーマをいじることですが、パパっと簡単に変更したい場合はこの方法もありですね。

 - ソフトウェア