今日のWordPressコミュニティで最も人気のあるページビルダーの一つであるElementorは、もはや単なるページビルダーではない。その強(qiáng)力な機(jī)能により、たとえ無料の基本的なWordPressテーマであっても、ユーザーはコードを一行も書くことなく、完全に機(jī)能的なウェブサイトをデザインすることができる。これにより、Elementorは多くのウェブサイトデザイナーに選ばれるツールとなりました。

Elementorには豊富なオプションやカスタマイズ機(jī)能が用意されていますが、Webサイトのデザインプロセスに大きな影響を與えるこれらの細(xì)かい部分を見落としてしまいがちです。この記事では、Elementorとサードパーティツールとの統(tǒng)合を最大限に活用することで、デザインプロセスをスピードアップし、Webサイト構(gòu)築體験を最適化する方法をご紹介します。

I. プレハブ型枠

新しいプロジェクトのためにページを作成する場(chǎng)合でも、既存のウェブサイトに新しい要素を追加する場(chǎng)合でも、既成のテンプレートはデザインプロセスをスピードアップするための素晴らしいリソースです。ゼロから新しいページをデザインするのは時(shí)間がかかるものですが、既成のテンプレートを使えば、ページのレイアウトやスタイルを微調(diào)整する時(shí)間の無駄を省くことができます。

Elementorテンプレートライブラリは、無料およびプレミアムテンプレートの豊富なリポジトリです。ページ全體（例：會(huì)社概要ページや連絡(luò)先ページ）をインポートすることで時(shí)間を節(jié)約したり、ページの一部分（例：ページ全體や連絡(luò)先ページ）のみをインポートすることもできます。サービス部門またはヒーロー部門)を使って、ページの內(nèi)容を柔軟に組み合わせることができる。

Elementorのネイティブテンプレートライブラリに加えて、質(zhì)の高いテンプレートを入手できるサードパーティのソースが多數(shù)あります。例えば

• エンヴァト?マーケットElementorテンプレート、WordPressテーマ、プラグインの豊富な品揃えが人気のマーケットプレイス。

• テンプレートモンスターまた、無料のテンプレートもいくつか用意されている。

これらのリソースを使えば、インスピレーションを素早く見つけ、高品質(zhì)のウェブページを數(shù)分で構(gòu)築することができる。

2つ目は、Elementorのホットキーを使用して効率を向上させることです。

もしあなたがElementorを使っていて、マウスだけに頼っているのであれば、作業(yè)方法を変える時(shí)です。Elementorのショートカットを覚えれば、デザインのスピードが格段に上がり、時(shí)間を大幅に節(jié)約できます。

ここでは、設(shè)計(jì)プロセスを大幅にスピードアップできる一般的なショートカットをいくつか紹介する：

リグ	ショートカットキー（Windows）	ショートカットキー（Mac）	機(jī)能説明
アンドゥ	Ctrl + Z	Cmd + Z	ページ上の変更を元に戻す
やり直す	Ctrl + Shift + Z	Cmd + Shift + Z	ページ上の変更をやり直す
のコピーを取ります。	Ctrl + C	Cmd + C	セクション、カラム、ウィジェットのコピー
ペースト	Ctrl + V	Cmd + V	セクション、カラム、ウィジェットの貼り付け
ペーストスタイル	Ctrl + Shift + V	Cmd ＋ Shift ＋ V	セクション、カラム、ウィジェットを貼り付けるためのスタイル
下ろし	削除	削除	編集したセクション／カラム／ウィジェットを削除する
のコピーを取ります。	Ctrl + D	Cmd + D	編集したセクション／カラム／ウィジェットをコピーする
セーブ	Ctrl + S	Cmd + S	ページを改訂履歴に保存
パネル／プレビュー	Ctrl + P	Cmd + P	パネルビューとプレビュービューの切り替え
モバイルエディター	Ctrl + Shift + M	Cmd + Shift + M	デスクトップ、タブレット、モバイルビューの切り替え
歴史的記録	Ctrl + Shift + H	Cmd ＋ Shift ＋ H	履歴パネルへ
ナビゲータ	Ctrl + I	Cmd + I	ナビゲーターを開く。
テンプレートライブラリ	Ctrl + Shift + L	Cmd + Shift + L	テンプレートライブラリモードを開く
ショートカットヘルプ	Ctrl + ?	Cmd + ?	キーボードショートカットのヘルプウィンドウを開く
アボート	エスケープ	エスケープ	設(shè)定 "を開き、"ダッシュボードに戻る "にジャンプします。

これらのショートカットは、日常的な操作を簡(jiǎn)素化するだけでなく、ページをデザインする際にモードの切り替えをよりスムーズに行えるようにすることで、ワークフローをスピードアップします。

III.各ページへの追加カスタムCSS

Elementorには豊富なデザインオプションが用意されていますが、時(shí)には特定のページのために特定のカスタムCSSの追加.この機(jī)能はエレメンタル?プロはHTMLウィジェット実現(xiàn)。

ページ?レベルのHTMLウィジェットに以下のコードを挿入する。カスタムCSSの追加::

htmlコピーコード

/* ここにカスタムCSSコード */
.elementor p {.
    color: red；
    font-size: 25px; text-decoration: underline；
    text-decoration: underline; line-height: 40px；
    line-height: 40px; }.
}

この方法は費(fèi)用を節(jié)約できるだけでなく、ページの細(xì)部まで完全にコントロールすることができる。

IV. Elementor Finderを使用してナビゲーションを簡(jiǎn)素化する

異なるページや設(shè)定、テンプレートを頻繁に行き來するような複雑なウェブサイトをデザインする場(chǎng)合。ページを保存 > ダッシュボードに戻る > ページを開く > 開くページを検索する.ページを保存し、その都度ダッシュボードに戻ってナビゲートする必要がある場(chǎng)合は、より多くの時(shí)間がかかります。Elementorには、次のようなアプリケーションがあります。ファインダーの內(nèi)蔵ツールを使えば、どんな設(shè)定、テンプレート、ページにも素早くジャンプできます。

使用方法ファインダーWordPressダッシュボードのどこかを押す。 Cmd/Ctrl + E キーで検索バーを開き、目的の場(chǎng)所に直接ジャンプすることができます。この機(jī)能により、設(shè)計(jì)プロセス中のナビゲーション時(shí)間が大幅に短縮され、生産性が向上します。

V. ナビゲーターを使いこなす

ナビゲーター(ナビゲータ) は Elementor のウィジェットで、ページビルダーの各要素間を簡(jiǎn)単にナビゲートします。ナビゲータは長(zhǎng)いページや複雑なマルチレイヤーデザインのページに便利です。要素間をナビゲートできるクイックビューウィジェットのドラッグ＆ドロップも簡(jiǎn)単。

ナビゲーターには以下の方法でアクセスできる：

• 任意の要素を右クリックし、ナビゲータを選択します。

• パネルフッターのElementボタンをクリックします。
• ショートカットの使用 Cmd/Ctrl + I.

ナビゲーターを使うことで、特に複雑なデザインを扱う場(chǎng)合に、ページ上の要素をより効率的に管理することができ、このツールはあなたの生産性を劇的に向上させます。

デザインの一貫性を高めるカラーパレットの定義

ウェブサイトをデザインするとき、色の一貫性を保つことは重要です。サイト設(shè)定にあるグローバル設(shè)定で、Elementorはカラーピッカーの設(shè)定でブランドカラーを定義し、ウィジェットスタイルのカラーオプションにアクセスするたびにこれらのカラーを再利用できます。これにより、毎回カラーコードを覚えたり、コピー＆ペーストする必要がなくなり、多くの時(shí)間を節(jié)約できます。

カラーパレットを定義するには、プリセットパレットを選択するか、カスタムカラーの組み合わせを作成します。これにより、デザインのスピードが向上するだけでなく、サイト全體で一貫したビジュアルスタイルを保つことができます。

VII.プレハブで再利用可能なウィジェットスタイルとテンプレートの使用

Elementorにはデフォルトのウィジェットスタイルがあり、必ずしもニーズに合うとは限りません。しかしいくつかの拡張プラグインを併用することで、この問題を解決することができる。

概要

Elementorは強(qiáng)力なデザイン機(jī)能をユーザーに提供し、また様々なツールやテクニックを使ってデザインプロセスのスピードアップを支援します。Elementorのテンプレートライブラリ、ショートカット、ナビゲータ、Finderツール、サードパーティプラグインこれにより、高品質(zhì)の設(shè)計(jì)を維持しながら、プロジェクトの納期を大幅に短縮することができる。

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