WordPressで始めるブログ

ワードプレスの人気記事『WordPress Popular Posts』のテーマ変更で見た目が変えれる!

ワードプレスの人気記事『WordPress Popular Posts』のテーマ変更で見た目が変えれる!

人気記事の一覧の見た目を簡単に変える方法はある?

最近気づいたんですが、WordPress(ワードプレス)で人気記事を出せるプラグイン「WordPress Popular Posts」があるんですが、今までは割と一生懸命にCSSコードをいじって調整していました。

が、、、!

テーマを変更する項目が増えて《簡単に》人気記事の変更が可能になっているのは知っていますか?

今回は、テーマそれぞれのビジュアルをまとめてみました。

「WordPress Popular Posts」のインストール方法、設定、使い方はこちらにまとめました!

まだインストールが済んでいない方はこちらから読んでみてください。

インストール方法

テーマの表示方法

WordPressのダッシュボードから「外観」>「ウィジット」を選びます。

「サイドバートップ」や「サイドバーウィジェット」の中にある「WordPress Popular Post」の「▼」で開きます。

「WordPress Popular Post」の下の方に「テーマ」があります。

好きなものを、ご自身で選択して「保存」を押せば完了です。

各テーマのビジュアル

Cards(左右表示)

【左】正方形のアイキャッチ画像

【右】カテゴリ・タイトル・抜粋文字

Cards Compact(左右表示)

Cardsの抜粋記事が無いバージョン。

【左】正方形のアイキャッチ画像

【右】カテゴリ・タイトル

Cardview(上下表示)

【上】フルアイキャッチ画像・カテゴリ

【下】タイトル・抜粋文字

Cardview Compact(上下表示)

「Cardview」の抜粋文字がないバージョン。

【上】フルアイキャッチ画像・カテゴリ

【下】タイトル

Midnight(番号・文字のみ)

背景色が黒色のグラデーションになります。

アイキャッチ画像は表示されません。

Sunrise(番号・文字のみ)

背景色が黄色のグラデーションになります。

アイキャッチ画像は表示されません。

Sunset(番号・文字のみ)

背景色が赤色のグラデーションになります。

アイキャッチ画像は表示されません。

Tiles(文字背景にアイキャッチ)

背景にアイキャッチが表示されカテゴリと記事タイトルが表示されます。

Tiny(文字のみ・シンプル)

記事タイトルと、小さくカテゴリが表示されます。

この中では一番シンプルなタイプ。

まとめ

人気記事のビジュアル(カスタマイズ)の変更でした!

CSSをいじらなくても、簡単に外観が変えれるのはいいですよね!ぜひ試してみてください。

  • この記事を書いた人
  • 最新記事

まめこ

【ブログ歴10年】

これからブログを書いてみたいなという人に向けて『ブログを始める手順』『ブログについて』や知っておくと便利な『おすすめツール』の紹介しています。

夫について行き海外生活スタート▸出産▸現在3歳の息子と在宅での生活

子育てのかたわらでも、場所や時間にとらわれない働き方を目指して発信していきます!

-WordPressで始めるブログ
-