１. Elementorエディタの基本
こんにちは、エーアイティ研究所です。 今回は、Elementorで作成されたウェブサイトをご自身で更新する際の基本操作を解説します。 例えば、ここの文章を別な文章にしたい… 代表が変わったので会社概要と写真を変更したいなど、小さな微修正をしたい場合があると思います。 今回は、そのような修正の方法について、こちらのサイトのトップページの編集を例に手順を解説していきます！ 01. WordPress管 […]
Elementor操作マニュアル
２. 基本的な編集操作
こんにちは、エーアイティ研究所です。 今回は、文字の編集や写真の変更など、基本的な編集操作について解説していきます。 Elementorエディタについて詳しく知りたい場合は、以前の記事をご覧ください。 今回も、こちらのサイトのTOPページを例に解説します。まずは、メインビジュアルの文章を変更しようと思います！ 01. テキストの編集方法 テキストの編集方法は2通りあります。 ①Elementorの […]
３. Elementor コンテナウィジェットの使い方
Elementorのコンテナは、ウェブサイトのデザインを自由自在に構築するための重要なパーツです。 この記事では、コンテナの概念、効果、そして設定方法について解説します。 Elementorの編集操作について詳しく知りたい場合は、以前の記事をご覧ください。 01. コンテナとは？ コンテナは、Elementorのページビルダー上で、他の要素（テキスト、画像、ボタンなど）をグループ化するための枠のよ […]
４. ウィジェットの使用方法
前回の記事でもご紹介したように、Elementorで作られたサイトは、 ウィジェットというパーツを組み合わせて作成しています。 例えば、この部分は見出しウィジェットで作られています。 今回は、基本ウィジェットの紹介と使用方法について解説します！ 00.ウィジェットを操作する前準備 ウィジェットはElementor編集画面の左側にある、9つの四角のボタンを押すと、ウィジェット一覧が表示されます。 ま […]
５. Elementorの「スタイル調整と高度な設定」でデザインの自由度を広げる方法
Elementorでは、ウィジェットのスタイル調整と高度な設定を活用することで、ウェブサイトのデザインをさらに細かくカスタマイズできます。この記事では、「見出しウィジェット」を使って、フォントの変更、色の調整、パディングとマージンの設定方法を詳しく解説します。 01. スタイル調整と高度な設定がもたらす効果 Elementorのスタイル調整と高度な設定は、サイトのデザインに多様な変化を加えるための […]
６. Elementorの「レスポンシブデザインの確認と調整方法」
現代のウェブデザインでは、スマートフォンやタブレットなど、さまざまなデバイスで最適な表示を実現するレスポンシブデザインが不可欠です。 Elementorには、これらのデバイスに対応したデザインを簡単に確認・調整できる機能が備わっています。 この記事では、モバイル表示の確認方法やデバイスごとの設定、さらに細かい調整方法について解説します。 01. レスポンシブデザインの概要 レスポンシブデザインとは […]