今回はElementorのウィジェットの使い方について少し紹介したいと思います。
1. セクションを追加する
まず、カラムを配置する「セクション」を作成します。
Elementorエディタ内で「＋」ボタンをクリックして新しいセクションを追加します。
セクションを追加すると、初期状態で1つのカラムが自動的に作成されます。
.png)
2. カラムの数を設定する
セクション内に複数のカラムを設定する場合は、以下の手順で行います。
新しいセクションを追加した後、カラム数を選択するオプションが表示されるので、2列、3列など好きなレイアウトを選びます。
既存のカラムを増やしたい場合は、セクションのカラムのアイコンを右クリックし、「カラムを追加」を選択します。
3. カラム幅を調整する
作成したカラムの幅は自由に調整できます。
カラムとカラムの境目にマウスを合わせ、ドラッグすると、カラムの幅を変えることができます。
Elementorの設定で比率を入力し、正確な幅の割合に設定することもできます。
4. カラム内にウィジェットを追加する
カラム内には、テキスト、画像、ボタンなどのウィジェットを追加できます。
左側のパネルから配置したいウィジェットをドラッグ＆ドロップでカラムに入れるだけです。
各カラムごとに異なるウィジェットを入れられるので、レイアウトの自由度が高まります。
5. カラムのスタイルとデザインを調整する
カラムごとに独自のデザインを適用できます。
カラムの編集ボタンをクリックし、スタイルタブから背景色、ボーダー、パディングなどの設定を変更できます。
レスポンシブ対応も個別に設定可能ですので、モバイルやタブレットの表示を確認しながら調整すると効果的です。
カラムを使ってレイアウトを組み立てると、視覚的に整ったデザインがしやすくなるので、各カラムに内容を配置しながらデザイン全体のバランスを考えましょう。
いろいろなウィジェットを組み合わせて理想のホームページ作りに挑戦してみてくださいね！
ホームページ作りでお困りの際はお気軽にお尋ねください。
最後まで読んでいただきありがとうございました！