Web制作でコスト削減したい人がElementorを使うべき5つの理由
Web制作の現場では予算も時間も人材も足りないことが多く、ホームページ作成やリニューアルを諦めたり、後回しにしたりするのはよくあるパターンです。 このような状況でとにかく低コストでWebサイトを作成…
2022 / 04 / 15
Elementor
Elementorの使い方
Elementor Flexbox Containerの使い方
ElementorのようなWebサイトビルダーでよくある問題が、AdobeXDやFigmaで作ったデザインをそのまま表現しづらいため、どうしても単純なレイアウトになってしまいます。 そのような問題を…
2022 / 04 / 13
ElementorPro グローバルウィジェットの使い方
Elementorを使うとウィジェットを配置するだけでWordpressを使ったWebサイトを構築できてしまいます。ただウィジェットはページごとに配置して編集する必要があるので、 同じコンテンツを異…
2022 / 04 / 11
ElementorPro ポップアップビルダーの使い方を解説
ポップアップはWebサイトの訪問者に行動を促すためによく使われるもので、ElementorPro（有料版）のポップアップビルダーを使うとコーディング不要でポップアップを作成できるようになります。 ト…
2022 / 04 / 07
ElementorPro フォームビルダーの使い方を解説
ElementorProで使えるフォームビルダーは、Elementorの編集画面上で様々なフォームを簡単に作成できる機能です。 フォームの項目設定だけでなく、訪問者がフォーム送信ボタンを押した後に自…
2022 / 04 / 05
ElementorPro テーマビルダーの使い方を解説
ElementorProで使えるメインの機能であるテーマビルダーの使い方について解説します。 テーマビルダーを使うことでカテゴリーページや検索結果ページ、記事ページなどWordpressの全てのペー…
2022 / 04 / 01
ElementorPro（有料版）で使えるウィジェットの機能まとめ
ElementorPro（有料版）で使えるウィジェットの機能や使い方について解説します。ElementorProでは無料版にはなかった動的コンテンツの表示やフォームの作成機能など非常に便利なウィジェ…
2022 / 03 / 29
Elementor プロ版（有料版） 初心者入門ガイド
ElementorProの使い方や無料版との違い、Proの料金とデメリットについても詳しく解説します。 Proの機能であるテーマビルダーを使えばカテゴリーページや記事ページをElementorで編集…
2022 / 03 / 25
Elementor使うなら絶対入れておきたい無料で使える拡張プラグインまとめ
Elementorをインストールするだけで、数多くのウィジェットやテンプレートを使用することができますが、それだけではイメージにぴったりのデザインを作れなかったり、足りない機能が出てくる場合がありま…
2022 / 03 / 22
Elementorでページの読み込み速度を早くする方法
ページの読み込みはUXやSEOにも影響を及ぼす重要な要素です。ElementorはWordpressの中でも比較的読み込み速度が速いWebサイトビルダーですが、大量のフォント読み込みが発生するのでど…
2022 / 03 / 18
Elementorで横幅100%（フルワイド）にする方法
Elementorでページを作成するとデフォルトのページテンプレートが適用されるため、フルワイド（横幅100%）にならなかったり、ウィジェットとウィジェットの間にすき間ができてしまうことがあります。…
2022 / 03 / 17
Elementorで画像の上にテキストを乗せる方法
画像の上にテキストを表示するのはコーポレートサイトなどによくあるデザインで、コンテンツを印象的に見せる効果があります。 Elementorで画像の上にテキストを表示する方法はいくつかあり、やり方はど…
2022 / 03 / 16
Elementorでページトップに戻るボタンを作る方法
Elementorでページトップに戻るボタンを作る方法を解説します。 WordpressやHTMLでページトップに戻るボタンを作る場合は、ボタンのスタイルだけでなく配置のCSSコードも書く必要があり…
2022 / 03 / 15
Elementorでクリックで電話やメールできるようにする方法
コーポレートサイトやLPのようなWebサイトでは電話番号やメールアドレスを表示することがよくあります。スマホからアクセスしている場合は電話番号をタップすることでそのまま電話アプリを起動することも可能…
2022 / 03 / 14
Elementorテンプレートのカスタマイズ方法
ElementorライブラリのテンプレートでWebサイトを作る際によく使うカスタマイズのポイントを紹介します。 よくあるカスタマイズとしては、上下のスペースの変更、文字のスタイルの変更、画像の入れ替…
2022 / 03 / 11
ElementorでHTMLとCSSを使って効率よくWebサイトを構築する方法
Elementorで表現が難しいデザインはHTMLとCSSで実装することができます。セクションごとにブロックとして保存することでレイアウトを入れ替えたりドラッグ＆ドロップで順序を変更することもできま…
2022 / 03 / 10
Elementorでサイドバーを作る方法
Elementorでサイドバーを作成する方法を解説します。Wordpressでサイドバーを作成する場合はウィジェットエリアとして作成する必要があり、レイアウトや表示内容の変更をするにはコードの修正が…
2022 / 03 / 09
WordpressのスライドショーをElementorで設置する方法
Wordpressで作ったホームページにスライドショーを配置するには、Javascriptのプラグインを使うか、Wordpressプラグインを使うなどの方法がありますが、 どちらもElementor…
2022 / 03 / 08
Elementorで問い合わせフォームを設置する方法
ホームページに問い合わせフォームを設置するならWordpressのプラグインを使うのが一番簡単です。 Elementorなら画面にウィジェットを配置してショートコードをコピペするだけでなのでコーディ…
2022 / 03 / 07
Elementorでサクッとスマホ対応のレスポンシブサイトを作る方法
作成したホームページのレスポンシブ化（スマホ対応）はSEOにも影響する可能性があるため必ずやっておきたい作業です。 Wordpressで作ったホームページの場合はHTMLやCSSを編集する必要があり…
2022 / 02 / 24