プラグインで固定ページにカテゴリー別でサムネ画像付き新着記事を表示させる方法

スポンサーリンク



ワードプレスで運営しているサイトの固定ページに、”サムネ画像付きでカテゴリーごとに記事を表示させたい”と思っているなら「Shortcodes Ultimate」という便利なプラグインがあります。

このプラグインを使用すれば、「カテゴリー」を始め、「タグ」や「最近の投稿」等も固定ページや投稿に表示させることができます。

 

Shortcodes Ultimateとは


「Shortcodes Ultimate」はワードプレスで使用できるプラグインで、おしゃれなボタンやタブなどのデザインパーツのショートコードを自動で生成してくれるとっても便利なプラグインなのです。

テキストエディタで長ったらしいコードを入力する手間が省けて、しかも短い簡単なコードなので編集時も見やすく快適に記事を書けるようになります。

このプラグインひとつで様々な装飾が出来るようになるのですが、今回はその機能の中のひとつを使ってカテゴリー別の”画像付き投稿一覧”を表示させたいと思います。

Shortcodes Ultimateについてはこちら↓

サイトのクオリティを底上げしてくれるプラグイン!Shortcodes Ultimateの機能紹介

 

完成イメージ

今回の完成イメージはこんな感じです。↓

(マウスオーバーで記事のタイトルが表示されるようにします。)

 

カテゴリー別で”サムネ画像付き投稿一覧”を表示させる方法には、テーマの「スタイルCSS」をカスタマイズして表示させる方法がありますが、私のようにCSSの知識が豆知識程度に備わっている人間にとってはかなりハードルが高いです。

ましてやワードプレスを始めて間もない初心者には鬼門でしょう。

スタイルCSSでカスタマイズを失敗したらサイトを壊してしまうかも知れませんし、後で変更するにしても、どのコードが何のカスタマイズのコードなのか分からなければ手間になるだけです。

なるべくCSSに触れずにサイトをカスタマイズしたいのであれば、このプラグインを使って表示させる方法が一番楽でしょう。

 

Shortcodes Ultimateをインストール

まずはプラグインをインストールしましょう。

「プラグイン」→「新規追加」→プラグインの検索で「Shortcodes Ultimate」を検索しましょう。

インストールしたら「今すぐ有効化」をクリックすればすぐにShortcodes Ultimateを使った編集ができるようになります。

 

Shortcodes Ultimateの基本操作

記事投稿画面に「ショートコードを挿入」というボタンが追加されるので、ここをクリックします。

 

するとこのような画面になるので、行いたい操作を選択します。

この画面でショートコードを選べます。

 

ちなみに「賢威7」のフッターの編集にも使えます。

「賢威の設定」→「フッター」でフッター編集画面が開きます。

 

画像付投稿一覧をカテゴリ別に表示させる

それではカテゴリー別に”画像付き投稿一覧”を表示させてみましょう。

【1】「固定ページ」の編集画面で「ショートコードを挿入」というボタンが確認できるので、これを押して下さい。

 

【2】たくさん項目が並んでいますが、その中から「ギャラリー」を選択してください。

 

【3】表示させるカテゴリや表示条件を設定します。

1.【ソース】はカテゴリーを選択

2.表示させたいカテゴリーを選んで下さい。

3.【制限】では表示させる記事の数を設定できます。

4.【リンク】では投稿パーマリンクを選択し、ユーザーが画像を押したときにその投稿記事のURLに飛べるように設定します。

5.【リンクターゲット】では新しいタブでリンクを開くかの設定ができます。デフォルトのままで大丈夫です。

6.【幅】【高さ】で画像の大きさを設定します。ちなみに私は【幅:200】【高さ:150】としていますが、テーマによってはバランスが悪くなるのでプレビューで確認しつつ微調整してください。

7.【タイトルを表示】では、タイトルの表示非表示が設定できます。

設定できたら【ショートコードの挿入】ボタンをクリックしましょう。

 

これで画像付き投稿一覧が表示できたはずです。

プレビューボタンでサイトを確認してみましょう。

 

もうひとつのやり方

同じプラグインを使って、別の方法でも投稿記事一覧を表示できます。

「Shortcodes Ultimate」のショートコードの中から「投稿」を選択しましょう。

 

設定は以下の通りです。

 

こちらの表示方法の方がサムネ画像付き投稿一覧っぽいですね。

 

ただ、このショートコードを使用して画像つきで表示させようとすると、テーマによってはうまく表示できなかったりするので、私は「ギャラリー」のショートコードを使って表示させています。

何故か「見出しh2」が記事タイトルに反映されるようになっていますが、これは賢威7だけでなく、オープンケージのストークというテーマでも同じでした。

プラグインがもともとそういう仕様なのかもしれません。

 

おすすめの記事

ブログで稼ぎたい初心者はとりあえず賢威を使っておけば間違いない

プラグイン無しで賢威7に関連記事を入れる方法

ブラウザのタイトルバーにWord Pressで変更したサイト名が反映されない時は要チェック!

スポンサーリンク



スポンサーリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です