動きの大きな開始アニメーション
Fade Inはとてもベーシックな開始アニメーションですがそれ以外にもエレメンターでは何種類も使用できます。 筆者がよく使う開始アニメーションとして、 ⚫︎Fade In Up じわっとフェードしながら […]
開始アニメーション：Fade In
エレメンターでアニメーションをつけることはとても簡単です。動きを増やすたびにJS、CSSなどを手動で入れる必要はありません。だからと言って何種類ものアニメーションを入れるよりも、サイトに合わせた動きを数種類適用するのが良 […]
モーション効果とは
ホームページに動きをつけることで、インパクトを与えたり、サイトにストーリー性を持たせたりと、簡単に言うと「いい感じ」にすることができます。ここではエレメンターでのモーションのタイプを見ていきます。 ⚫ […]
ページ内でリンクを貼るボタン
ボタンもウィジェットを設置することで簡単に実装できます。サイト内の回遊、外部サイトへのリンク、他にもポップアップを開いたり、メーラーを開いたり、通話ツールを立ち上げるなども可能です。 コンテンツでの設定 コンテン […]
画像ウィジェットの設定
ページ内に画像を配置するときもウィジェットを選ぶだけで簡単に設置できます。 一番基本的な方法として画像ウィジェットです。 基本設定はコンテンツ [コンテンツ] で、まずは画像を選択し、他にも、リンクの設定や画像にマス […]
見出しウィジェットの設定
引き続き、見出しのウィジェットについて、このページでは見出しウィジェットの [スタイル] タイポグラフィの設定についてご紹介します。改めて、タイポグラフィ内で設定できることはこちらです。 フォント：フォントの種類を設定（ […]
ウィジェットの基本
エレメンターではホームページの中身の要素は基本的には全てウィジェットで作られます。 このページでは、文字を載せる基本の「見出し」ウィジェットを例に簡単にウィジェットのご紹介をします。 新規ページで、左側に並ぶカードの中か […]
カラムの中には内部セクションを
カラムの内側でさらに枠がほしい時は、内部セクション セクションは縦にブロックを付け足していくように、カラムは縦に区切る枠です。 カラムの内部で区切りを作るには、「内部セクション」を使用します。 例えば、会社概要や募集要項 […]
セクションとカラム
セクションとは？ エレメンターでページ制作、レイアウトにおいて、セクションは必ず必要です。 セクションは、ページ内での大きな区切りとなる枠のようなものです。わかりやすく大見出し（項目）毎で分けられることが多いです。 例え […]
Elementorとは？ページ作成の基本紹介
そもそもエレメンターって何？ エレメンターはノーコードでWebサイトが制作できるツールです。 通常、サイト制作にはHTML, CSS, JavaScriptなど、コーディングの知識が必要となりますが、エレメンターを使えば […]
