どうも、satoshi(@shin_sasasa)です。

この記事では、

ワードプレスのWP Show Postsという

プラグインの使い方について解説していきます。

 

このプラグインを使ってブログ上で

特殊な記事一覧を作る事ができるので非常にお勧めなプラグインとなります。

 

是非導入して頂ければと思います。




WP Show Postsのプラグインで独自の記事一覧を作成しよう!

今回はWP Show Postsを使って記事一覧を表示する手順について、実際に設定しながら説明したいと思います。

WP Show Postsについて

出展:wordpress.org

WP Show Postsは記事一覧のレイアウトを作成するためのプラグインです。

自分の好きなジャンルを複数まとめて表示する事もできます。

WP Show Postsの使い方

プラグインをインストール&有効化するとサイドメニューに「WP Show Posts」の項目が追加されるので、「新規追加」をクリックします。

新しいリストを作成する画面になるので、まず「タイトル」を入力し設定に移っていきます。

投稿

「投稿」の項目では以下のようなことが設定できます。

  • 投稿タイプ:一覧化するアイテムのタイプ
    • post:記事
    • page:ページ
  • 分類:投稿タイプが”post”の場合にどのようなくくりでまとめるか
    • 選択しない:全記事
    • category:カテゴリーごと
    • post_tag:タグごと
    • post_format:?
  • ページあたりの投稿数:1ページに何件投稿を表示するか

カラム

  • カラム:一行に表示する投稿数
  • カラムの間隔:投稿間の間隔

画像

一覧表示される投稿のアイキャッチ画像の設定です。

※ それぞれ項目名通りなので説明省略

コンテンツ

アイキャッチ画像(またはタイトル)の下に表示する内容に関する設定です。

  • コンテンツの種類:”全文” or “抜粋” or “なし”
  • 抜粋の長さ:コンテンツの種類が”抜粋”の際に表示する抜粋の最大文字数
  • Title element:タイトル名に使用するhtmlタグ
  • 「続きを読む」の文字:入力された文字が”続きを読む”リンクとして使用される(※ 空白の場合はリンクなし)
  • Read more button class:上記の”続きを読む”リンクのclass名
※ 設定後

設定が完了したら、右側のメニューの「使用法」にある「ショートコード」をコピーし(後ほど利用します)、「公開」ボタンを押して公開状態にします。

トップページに反映

トップページに反映させるためにまず固定ページを作成します。

サイドメニューの「固定ページ > 新規追加」をクリックします。

固定ページで「ヴィジェット > ショートコード」で先ほどコピーしたショートコードを貼り付けます。

画面が完成したら「公開」ボタンを押して公開状態にします。

次にサイドメニューの「設定 > 表示設定」に移動します。

「ホームページの設定」という項目で「固定ページ」を選び、「ホームページ」を先ほど作成した固定ページのタイトルのものを選択します。

最後に「変更を保存」をクリックすればトップページへの反映の完了です!

まとめ:Wp show postsでトップページをカスタマイズ

さて、今回は自分のオリジナル記事一覧を作成できるプラグインをご紹介しました。

このプラグインを使う事で

トップページの見せ方もある程度カスタマイズできるので、

是非使ってみてくださいね!

 

ただ、ブログ運営のやり方もしっかり覚えていく必要もあります。

初心者が0から月5万までの手順を書いた記事もご確認ください。