「クリックできない！」を解消。制作効率が上がる「ナビゲーター」の使いこなし術
Elementorで制作をしていて、こんな経験はありませんか？ 「背景画像を設定したコンテナ（セクション）を選択したいのに、上のテキストが邪魔でクリックできない…」「マイナスマージンで重ねた画像の、下にあるボタンがどうし […]
制作効率アップ(2)！「スタイルの貼り付け」でデザイン統一を一瞬にする方法
Webサイトを作っていて、こんな場面に遭遇したことはありませんか？ 「このページのボタン、さっき作ったあのページのボタンと同じ色と形にしたいな…」 「見出しのデザイン、全部手作業でフォントサイズや色を合わせるのが面倒くさ […]
制作効率アップ！Elementorでテンプレートの保存と使い方
Webサイトを作っていると、「このお問い合わせエリア、他のページでも使いたいな」「このデザイン、別のクライアントのサイトでも流用したいな」と思うことはありませんか？ 毎回ゼロから作ったり、ページを開いてコピー＆ペーストを […]
ページ内でジャンプする「アンカーリンク」のElementor設定方法
今回は、Webサイト制作で頻繁に使用する「アンカーリンク（ページ内リンク）」の設定方法について解説します。 お問い合わせボタンを押したら、ページ下部のフォームまで自動でスクロールして移動するといった動きを実装する際のEl […]
Elementorリンク設定の注意点
Webサイト制作の要（かなめ）とも言える「リンク設定」。Elementorはコードを書かずに直感的にリンクを貼れるのが魅力ですが、実は「やってはいけない設定」があります。これを知らないと、うまくリンク先に飛ばなかったり、 […]
3つのリンク設定方法
エレメンターでボタン等にリンクを付与したい時、HTMLコードを書く必要はありません。Elementorビギナーの方も迷わないように、大きく分けて3つの方法と、それぞれの使い分けについて共有します。 Elementor […]
レスポンシブで別の表示に切り替える
PCファーストで作ったレイアウトが、スマホ表示のレスポンシブでサイズやカラムレイアウトの変更がうまくいかない時があります。あまり機会は多くありませんが、筆者が直面するのは特にファーストビューのデザインにこだわる時や、横に […]
PCとスマホでレイアウト切り替え
Elementorでのレスポンシブ設定は、コードを書く必要がなく直感的にわかりやすいです。 今回はデスクトップ表示とスマホとでレイアウトを変更する方法をご紹介します。 レスポンシブ：カラムレイアウト 文字サイズの変更 […]
Elementorでのレスポンシブデザイン
レスポンシブとは、PCやスマートフォン、タブレットなどデバイスの画面サイズに合わせてWebサイトのレイアウトを最適にすることです。 現在はほとんど見かけなくなりましたが、以前はPCのレイアウトのままスマホでは縮小して表示 […]
左右の幅が変わるアニメーションの問題点
前回ご紹介した開始アニメーションですが、意識したい点や不具合が出にくいようにする注意点をまとめておきます。 注意点 ⚫︎開始アニメーションが多すぎると読み込みに時間がかかってしまいます まずはアニメーシ […]
