【Elementor】で新着記事一覧を表示させる方法

あるクライアントさんから、

「【新着記事】という欄を表示させて更新しているのがわかるようにしたい」

とのご依頼がありました。

 

さて、私はほとんどが、

WordPressにElementor pro(有料版)というプラグインを入れ、

それで、自由奔放に、楽してページを作っているのですが(笑)

新着情報というのは、動きが動的じゃないですか…。

 

新しく記事がアップされたら、

自動的に「NEW!」と表示させるわけですから、

PHPとかの記述になってくるかと思うのですが、、、

 

Elementorは、さすがにページ内のブロックに

HTMLのブロックは入れられてもPHPのブロックは入れらない

 

(もしかしたら、入れられる方法があるのかもしれないけど、私は知らない…w)

 

そうですね。

こういう時は、やっぱり「プラグイン」!

 

(プラグインも、あれもこれも入れちゃうと、肝心のElementorが動かなくなって、にっちもさっちもいかなく場合もあるので、注意が必要ですが…汗)

 

今回は、とてもシンプルな感じが良かったので、

「What’s New Generator」というプラグインを使いました。

その前に「Elementor」って何??

という方もいらっしゃるかもしれないので、ちょっとご説明しますね。

 

Elementorはとにかく簡単に

自由奔放に(自由自在というか自由奔放w)ページを作ることができる

私の大好きなプラグインです。

 

それまではWordPressの有料テーマを買って作っていたりしましたが、

なんせ、自由がきかない…。

 

まぁ、HTMLで書いていけば自由なんでしょうが

私はコーディングがとにかく嫌いでして…(苦笑)

 

とにかく簡単にいろんなパーツが入れられて、大好きなプラグインなのです♪

イメージがわかない方は、動画をどうぞ(笑)

↓↓↓↓

 

やたら速くて、よくわからないかもしれませんが(笑)

やっているのは、左側にあるパーツを

ドラッグ&ドロップで、右側の画面に配置しているだけです。

 

あとは、ちょっとした調整を左の画面でするだけ。

 

まぁ、とにかく、パーツも豊富でちょっと覚えれば、

誰でも簡単にできちゃうかと思います♪

What's New Generator の設定方法

さて、本題に入りたいと思います(笑)

↑クリックして拡大

① What’s New GeneratorのプラグインをWordPressに追加します

【プラグイン】→【新規追加】
→【キーワード】に「What’s New Generator」と入力

→下の画面に表示されたら【今すぐインストール】→【有効化】をクリックします。

↑クリックして拡大

②「What’s New Generator」のインストールが完了したら、次は設定をします。

WordPressの左側メニュー【設定】から【What’s New設定】を選択します

↑クリックして拡大

③「What’s New Generator」の設定画面で主に赤枠のところの設定をします

設定できたら【変更を保存】をクリックします

↑クリックして拡大

④ 赤枠の【ショートコード】をCtrl+Cキーを押してコピーをします

↑クリックして拡大

⑤ トップページの編集画面を開き【ショートコード】のパーツを、表示させたい場所へドラッグ&ドロップします

↑クリックして拡大

⑥ さきほどコピーしたショートコードを、左画面の【ショートコードを入力】に貼り付けます

貼りつけると、新着情報が表示されます

特定の投稿だけを新着として載せたい場合

↑クリックして拡大

①【投稿】→【カテゴリー】をクリックします

↑クリックして拡大

② 新着情報に表示させたいカテゴリをコピーします

表示させたいカテゴリの【編集】を選択し【スラッグ】をコピーします

↑クリックして拡大

③ 左画面の【設定】→【What’s New設定】をクリックし【カテゴリのスラッグ】の欄にさきほどコピーしたスラッグを入力します

※複数ある場合は「, (カンマ)」で区切って入力します

↑クリックして拡大

④ さきほど指定したカテゴリのみの投稿(今回は、ElementorとWordPress)が表示されていることを確認します

まとめ

いかがでしたでしょうか?

 

ページは更新している感がないと

ひなびた温泉街の旅館みたいになってしまうので(どんなたとえ?ww)

頻繁に更新し、その更新したことをリアルタイムに

表示してくれる「What’s New Generator」プラグイン、なかなかいいですよね♪

 

頻繁に更新している感じがすると、見ている方にとっての安心感にもつながるので

とてもいいと思います♪

ぜひ使ってみてくださいね!

  • 今すぐクリック‼
  • 今すぐクリック‼
メールアドレス *
お名前
* 必須項目

8つのステップで、
SEOに強いWordPressを簡単導入!

「売り込まないネット集客成功法」をダウンロードすると、「ここから始めよう!WordPress」もダウンロードできます。

WordPressのインストール方法、レンタルサーバの登録方法、独自ドメインの設定方法、常時SSL化の設定方法などが記載されているので、これを設定しちゃえば、WordPressの導入が簡単にできちゃいます‼

メールアドレス *
お名前
* 必須項目
「ここから始めよう!WordPress」のダウンロードはこちら
8つのステップで、SEOに強い「WordPress」を簡単導入できます‼

「ここから始めよう!WordPress」は、これからWordPressを導入したい方向けに、レンタルサーバーを登録するところから、WordPressの初期設定までの一通りが書いてあるマニュアル本です。ぜひあなたのホームページ作成にお役立てください♡

<目次>

ステップ1:レンタルサーバーを借りよう!
ステップ2:独自ドメインを取得しよう!
ステップ3:取得したドメインをサーバーに追加しよう!
ステップ4:データベースの設定
ステップ5:WordPressをインストールしよう
ステップ6:homeを削除する方法
ステップ7:無料SSLを設定しよう
ステップ8:WordPressの初期設定

メールアドレス *
お名前
* 必須項目
:)