Elementorテンプレートのデザインでよくある間違いと、それを避けるための実践的なアイデア

ビルドについてワードプレスウェブサイトリストの上位に入るまでのプロセスは、多くの人が次のように考えている。エレメンタを選択した。ドラッグ＆ドロップであっという間にページが形になる。とはいえ、その効率の良さは本当に病みつきになる。しかし、使えば使うほど、問題が露呈しやすくなる。ページは "使える "ように見えるが、常に何かがおかしい。読み込みは遅いし、携帯電話では変だし、変更した後は動かしたくない。これらの感覚はすべて偶然ではない。

以下に挙げる状況のほとんどは、実際のサイト作りの経験や、何度も手直しを繰り返す中で少しずつ踏み固められていく穴から生まれたものだ。

見過ごすモバイル現れ

パソコンでは問題なく見えても、携帯電話になるとすぐに変わってしまうページがかなりある。テキストは詰め込まれ、ボタンは小さすぎ、画像はなぜか切り取られている。問題は複雑なことではなく、デザインがデスクトップ向けのものばかりなのだ。

多くの場合、デザイナーは無意識のうちに「後でモバイル側を調整しても遅くはない」と考えている。しかし、ページ数が多いため、これは後回しにされがちだ。実際に携帯電話でアクセスしたときには、すでに問題が発生しているのだ。

解決策のアイデアは実はとても簡単だ。ページがすべて完成するのを待ち、それからまた修正に戻るのではなく、頻繁にデバイスの表示を切り替えてデザインする。フォントサイズ、内マージン、カラム幅のような細部は、携帯電話ではわずかにずれており、読書体験は激減する。レイアウトも固定幅に注意し、抑制する必要がある。ページには柔軟性が必要であり、特定の解像度で「ちょうどいい」ものであってはならない。

プラグインやウィジェットがどんどん溜まっていく

Elementorのエコシステムは実に豊かだ。回すアニメーション、特殊効果、どれもこれも見たくなるものばかりだ。その結果、1ページに多くのことが詰め込まれすぎてしまう。機能性は完全なものに見え、ページが遅くなり始める。

結局のところ、多くのコンポーネントは「便利そうに見える」だけなのだ。実際にコンテンツやコンバージョンに役立つものは多くない。プラグインも同じだ。インストールするときは、後で必要になるかもしれないと思っても、削除するときはいつもちょっと躊躇してしまう。

安全な方法は、時々戻って見てみることです。このウィジェットはまだ使われているだろうか？このプラグインはごくわずかな機能のためだけに存在しているのか？読み込み速度は、ページが軽くなると非常に直感的なフィードバックを与える傾向がある。

ページの読み込み速度は無視される

ページは遅く、ユーザーはそれを感じることができる。特にモバイルネットワーク環境では、あと1、2秒待てば我慢の限界だ。

Elementor自体が遅いのではなく、ページ上の未処理のリソースが遅いのだ。大きな画像は直接アップロードされ、動画は自動的にロードされ、アニメーションはレイヤー化され、これらはすべてバックグラウンドで静かに負担を蓄積していきます。

写真から始めるのが一番簡単だ。サイズは本当にそんなに大きくする必要があるのか？フォーマットは適切か？ほとんどの場合、圧縮された画像であれば、その違いは肉眼ではほとんどわかりません。キャッシュと圧縮設定も高度な操作ではないが、訪問体験を大幅に向上させることができる。これらの機能をオンにすると、多くのサイトですぐに変化が見られます。

色使いがランダムで、ページに全体感がない。

ページによっては、1枚だけなら問題なく見えても、全体としてはごちゃごちゃして見える。その理由は多くの場合、色にある。デフォルトの色に少し、自分の好きな色を足していくと、知らず知らずのうちに「ごった煮」になってしまう。

色が多ければいいというものではない。ページに必要なのはリズムであって、興奮ではない。主色と副色を明確にし、それ以外はなるべく控えめに。テキストと背景のコントラストも、特に小さな画面のデバイスでは時々チェックすること。見栄え」よりも「見栄え」が重要なのだ。

レイアウトに階層性がない

すべてのコンテンツが同じ視覚階層に積み上げられると、ユーザーは本能的に疲れてしまう。目は最初にどこを見ればいいのかわからなくなり、情報を実際に受け取ることが難しくなる。

Elementorは十分すぎるほどの整列とスペーシングツールを提供するが、デザイナーが構造を整理するのに時間をかけることをいとわない場合に限る。段落と段落の間には呼吸があり、モジュールとモジュールの間には区別があるべきです。コンテンツを1つの大きなブロックに圧縮するのではなく、分割することで、ページが見やすくなる傾向があります。

SEO設定は最後に配置される

多くのページは、構造が固定され、コンテンツが簡単に変更できなくなった時点で公開される。このようなときこそ、過去にさかのぼって SEOしかし、スペースがないことは明らかだ。

ヘッダー階層の混乱は非常によくある問題だ。ページには様式化された「大きな言葉」だけがあり、本当の見出し構造はありません。これでは、検索エンジンがページの焦点を理解するのは難しく、読者はナビゲートするのが難しいと感じるでしょう。画像も同様で、説明文がないと検索やアクセシビリティに不向きです。

ページをデザインしながら、これらの基本的なことを手作業でやっても、それほどコストはかからない。その代わり、本当に時間がかかるのは後の修正作業だ。

概要

振り返ってみると、これらの問題は不可解でも複雑でもなかった。むしろ、デザイン・プロセスにおける惰性と怠慢から来るものだ。ページは一度限りの作品ではなく、何度も訪れ、調整される道具である。ユーザーの視点に立ち、ページが "落ち着く "までもう少し時間をかければ、おのずと多くの問題が浮かび上がってくるだろう。

たぶん、次に開けるときはそうだろう。エレメンタ急いで新しいエフェクトを追加する必要はない。まず自問する：このページ、今は本当に快適か？

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み