【WordPress】 「続きを読む」タグ( more タグ)を使って、アーカイブ表示をすっきりさせる

カテゴリーごと等の記事一覧・アーカイブ表示が長すぎて、パソコン等の種類によっては表示に時間がかかっているようだったので、「続きを読む」タグ(more タグ)を使って、アーカイブ表示等で表示される記事の量を減らしてみました。

2016-05-12 at 19.00.png

adfadfasdaf分類  comemo  ページ 5afsdfsafasd・分類  comemo  ページ 5

ビジュアルモードの場合、「「続きを読む」タグを挿入」ボタンをクリックすると、

投稿の編集 ‹ comemo — WordPress

記事中にこのような表示がなされ、アーカイブ表示等のときには、ここより下の記事の内容は表示されなくなります。

投稿の編集 ‹ comemo — WordPress-1

テキストモードのときには、

投稿の編集 ‹ comemo — WordPress-2

「more」ボタンをクリックすると、

投稿の編集 ‹ comemo — WordPress-3

以下のようなタグが挿入されます。

投稿の編集 ‹ comemo — WordPress-4

ビジュアルモードに戻すと、

投稿の編集 ‹ comemo — WordPress-5

以下のように表示されます。つまり、どちらのモードでも「続きを読む」を表示させることができます。

投稿の編集 ‹ comemo — WordPress-6

また、ビジュアルモードの場合は、以下のショートカットキーを使うことができ、「続きを読む」タグの場合のショートカットキーは「Alt + Shift + t」です。

新規投稿を追加 ‹ comemo — WordPress-1

その他使うことのできるショートカットキーは以下のはてなマークのボタンから確認することができます。

新規投稿を追加 ‹ comemo — WordPress-2

テーマ「Twenty Ten」等、アーカイブ表示等のときに記事全体ではなくて概要を表示させるタイプのテーマの場合は「続きを読む」タグを使っても、画像が自動削除されたりしてイメージどおりにいかないときもあります。

August | 2014 | t demo

レンタルサーバ等にインストールして使うタイプの WordPress の場合は、プラグイン「Advanced Excerpt」を使えば、いろいろと表示の調整が可能なようです(記事「アーカイブ表示等が全文表示されているテーマを抜粋形式に変更することができるプラグイン「Advanced Excerpt」 | comemo wp|2014-07-30」参照)。

8月 | 2014 | comemo demo

参考

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。