Elementorにて無料で記事一覧を表示させる方法 | 株式会社Esolab
logo

ARTICLE

記事ページ

記事ページ

Elementorにて無料で記事一覧を表示させる方法

DESIGN

ElementorとはWordPressのページビルダープラグインです。

ページビルダーとは、専門的知識がなくてもドラッグ&ドロップでページのレイアウトを構築することができるツールのことを指します。

Elementorは基本無料で導入することができ、簡易的なサイトを作成するにはとてもすげれているプラグインです。

有料版(Pro)にすることでさらに自由度が広くなり、ウィジェットの数も多くなります。

しかし、ホームページ制作にそこまでお金をかけることができない。

でも、トップページに記事一覧を表示させたいといった場合に無料で記事一覧を表示させる方法があります。

では、その方法を見ていきましょう。

Elementorにて無料で記事一覧を表示させる方法

まずはプラグインのインストールを行います。

プラグインの新規追加画面にて「Essential Addons for Elementor」と入力してください。

表示されれば、インストールを実行します。

インストールが完了したなら、有効化します。

有効化下のを確認できたなら、管理画面サイドバーのEssential Addonsを選択します。

するとGeneralタブが表示されているはずなのでその横のElementsを選択します。

切り替わると様々なコントロールが有効になっていると思います。

この有効化されているコントロールを全て無料で使用することができます。

確認ができたなら、実際にElementorで編集を行なっていきます。

該当のページにてElementorで編集を選択し、要素一覧タブを見てください。

先ほど有効化されていたコントロールが下の方に追加されていると思います。

今回は記事一覧を表示させる方法なので追加されているコントロールの中からPost
Gridを選択し、任意の位置にドラッグ&ドロップしてください。

すると記事一覧が表示されたのではないでしょうか?

これでElementorにて無料で記事一覧を表示することができました。

まとめ

今回は記事一覧についてのみ触れましたが、他にも有効化されているコントロールは使用することができます。

他にもコンタクトフォーム7のショートコードを埋め込むことができたり、イベントカレンダー機能を埋め込むことができたりします。

ぜひ他のコントロールも使用して見てください。

この記事を書いた人

田川烈

開発部 フロントエンジニア

アーカイブ

カテゴリー

  • OTHER (56)
  • TECH (43)
  • DESIGN (43)
  • SEO (7)
  • MARKETING (6)
  • お問い合わせ

    株式会社EsolabではWEBサイトやECサイトの運営など多岐にわたり事業を展開しています。
    ホームページや自社ECサイトをお求めの方は一度お問い合わせください。

    お問い合わせ