Elementor 制作の見出しのHTMLタグ（H2・H3）の基本
Elementor で見出しを作る時、テキストウィジェットの文字サイズをただ大きくして目立たせていませんか？ 実はそれ、見た目は綺麗でも、Googleの検索エンジン（SEO）には見出しとして認識されていません。検索順位を […]
スクロールしてもついてくる！追従（sticky）ヘッダー（※HappyAddons）
縦に長いページを読んでいる時、画面の一番上に常にヘッダーメニューが表示されているサイトを見たことがありませんか？これは「追従ヘッダー」と呼ばれ、ユーザーがいつでも他のページへ移動できるため、サイトの使いやすさが格段に上が […]
余白作りに「スペーサー」ウィジェットを多用してはいけない理由
Elementorでウィジェットの間にすき間を空けたい時、便利な「スペーサー」ウィジェットをポイポイと置いていませんか？直感的にすき間を作れるので初心者には大人気ですが、実はこれを多用すると、後々「取り返しのつかない修正 […]
Elementor初心者の最大の壁！「マージン」と「パディング」の決定的な違い
Elementor でデザインをしていて、「要素の間にすき間を空けたいけど、マージンとパディングのどちらを使えばいいの？」と迷ったことはありませんか？適当に数値をいじっていると、スマホ表示でレイアウトが崩れる原因になって […]
もう色設定で迷わない！「グローバルカラー」の活用
Elementor でページを作るたびに、「見出しやボタンの色を1つずつ手作業で設定している…」と悩んでいませんか？ この方法だと、後からやっぱりテーマカラーを変えたいと思った時、全ページを一つずつ修正する大変な作業が待 […]
画像の色味を自由に変えられる「CSSフィルター」とは？
Webサイトを作っていて、「この写真、ちょっと明るすぎるな…」「サイトの雰囲気に合わせて白黒にしたいな」と思うことはありませんか？ そんな時、わざわざ画像編集ソフトを開いて加工し、WordPressにアップロードし直すの […]
画像をクリックで拡大！ライトボックス（Lightbox）の使い方
Webサイトを制作していて、クライアントからこんな要望をもらったことはありませんか？ 「実績紹介の画像、小さくて見えないからクリックしたら大きく開くようにしたい」「ギャラリーの写真をタップしたら、スマホの画面いっぱいに表 […]
プラグイン不要！制作中・リニューアルに便利な「メンテナンスモード」
新しいサイトの制作中や、既存サイトの大幅なリニューアル中、「作業途中のバラバラな画面をお客さんに見られたくない…」と思ったことはありませんか？ WordPressにはメンテナンス画面を表示させるプラグインが多く存在します […]
ファーストビューで惹きつける！背景動画の正しい設定とスマホ対応
Webサイトを開いた瞬間、背景で美しい映像が流れているデザイン。企業のコーポレートサイトや、リッチな雰囲気を出したいLPなどでよく見かけますよね。 「あんなプロっぽいサイト、自分にも作れるのかな？」と思うかもしれませんが […]
スマホで見ると文字がデカい！を解決するレスポンシブなフォントサイズ調整（px・rem・vwの違い）
PCでElementorの編集をしている時、見出しをかっこよく大きめに設定したとします。 しかし、いざスマホで確認してみると、「文字が巨大すぎて画面からはみ出している」「変なところで改行されて読みにくい」といった経験はあ […]
