WordPressのテーマビルダープラグイン「Elementor」のファンブログ

Elementor無料版でHeader(ヘッダー)を自由にする方法

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
thumbnail

Elmentor(エレメンター)無料版の辛さ

無料版では残念ながら、ページ毎のデザインはElementorを使って自由に出来るのですが、ページを横断したテーマ(特にヘッダーやフッター)に対してはコントロール出来ません。(Pro版はヘッダーフッターは自由に作てれ、固定やエフェクトも可能なので、個人的にはPro版をおすすめしますが・・・)どうしても無料版でヘッダーやフッターを作りたという方も多くいると思います。

自分も最初はそうでした(笑)なんとか無料版で自由なホームページ制作を!と海外サイトを漁る様に毎日情報を探していました。

そこで、今回は無料版ユーザー向けにElementor(無料版)でヘッダー・フッターを自由に作れるプラグインのご紹介と、ヘッダーを固定化する方法をご紹介したいと思います。

(プラグイン)Header, Footer & Blocks for Elementor

このプラグインはElementor無料版向けのアドオンプラグインで、Elementorで作ったヘッダーやフッター等を簡単にテーマへ反映してくれるプラグインです。ただ、利用テーマには制限があり、下記のいづれかのテーマで動作します。

Astra
GeneratePress
OceanWP
Genesis
Phlox Theme

個人的にはElmentorと一番相性が良いと思う「Astra」がおすすめです!ので、今回はテーマ「Astra」で解説致します。

テーマ「Astra」のインストール

①WordPressのナビゲーションメニューから「外観」を探す。
Install_elementor

②外観>テーマをクリック
Thema

③テーマ一覧画面にある新規追加をクリック
new_thema

④検索欄に「Astra」と入力
new_thema2

⑤検索結果のAstraをインストールします
new_thema3

⑥インストール後、有効化します。
new_thema4

⑦テーマ一覧に自動的に戻りAstraがあればOKです!

プラグインのインストール

①WordPressのナビゲーションメニューから「プラグイン」を探す。
Install_elementor

②プラグイン>新規追加を選択
newplugin

③右側の検索欄にプラグイン名を入力
searchplugin
Header, Footer & Blocks for Elementor と入力して下さい。(コピペでOK)

④検索結果の中から探し、インストールをクリック