Diviのデジタルマーケティングレイアウトパックの無料のグローバルプリセットスタイルガイドをダウンロードする
公開: 2020-07-11ちょっとディビネーション！ 毎週開催されるDiviDesign Initiativeの次回の記事にご参加いただき、ありがとうございます。毎週、新しい景品をプレゼントしています。 本日、Diviのデジタルマーケティングレイアウトパックのグローバルプリセットスタイルガイドを共有します。 Diviのグローバルプリセットを使用すると、Webデザインプロセスをすぐに高速化できます。さらに高速化するために、レイアウトパックに固有のグローバルプリセットを1つのレイアウトで定期的に提供します。 すべてのグローバルプリセットを一度にアップロードするか、特定のプリセットを選択するかを選択できます。
グローバルプリセットをチェックしてください
以下のスタイルガイド
今日は無料で入手してください！
デジタルマーケティングレイアウトパックのグローバルプリセットスタイルガイドをダウンロードする
無料のグローバルプリセットスタイルガイドを入手するには、まず下のボタンを使用してダウンロードする必要があります。 ダウンロードにアクセスするには、以下のフォームを使用して、DiviDailyのメーリングリストに登録する必要があります。 新規加入者として、毎週月曜日にさらに多くのDiviの良さと無料のDiviレイアウトパックを受け取ります！ すでにリストに載っている場合は、下にメールアドレスを入力して[ダウンロード]をクリックしてください。 「再購読」したり、追加のメールを受信したりすることはありません。
無料でダウンロード
Diviニュースレターに参加すると、究極のDiviランディングページレイアウトパックのコピーに加えて、他のすばらしい無料のDiviリソース、ヒント、コツがたくさんメールで送信されます。 従うと、すぐにDiviマスターになります。 すでに購読している場合は、以下にメールアドレスを入力し、[ダウンロード]をクリックしてレイアウトパックにアクセスしてください。
正常にサブスクライブしました。 メールアドレスを確認してサブスクリプションを確認し、毎週無料のDiviレイアウトパックにアクセスしてください。
グローバルプリセットスタイルガイドの使用方法
オプションA：すべてのグローバルプリセットを一度に自動的にアップロードする
このアプローチでは、すべてのプリセットがプリセットライブラリに一度に自動的に追加されます。
Diviライブラリに移動します
WordPressWebサイトのバックエンドにあるDiviライブラリにアクセスします。
プリセット付きのレイアウトをアップロード
そこで、上部の「インポートとエクスポート」ボタンをクリックします。
続行するには、[インポート]タブをクリックし、この投稿の冒頭でダウンロードできたJSONファイルを選択します。 プリセットを自動的にインポートするには、「プリセットのインポート」ボックスにもチェックマークを付けます。 これにより、各プリセットが各モジュールに自動的に追加されます。
プリセットライブラリ内のプリセット名
以下に、モジュールに追加されたすべてのプリセットとその名前のリストを示します。 順序は、以下の印刷画面と同じです。 いつでもスタイルガイドに戻って参照できます。
- DMLP – H1 – 1
- DMLP – H2 – 1
- DMLP – H3 – 1
- DMLP – H4 – 1
- DMLP –本体– 1
- DMLP –リスト– 1
- DMLP –テキスト–すべて– 1
- DMLP –ボタン1
- DMLP –ボタン2
- DMLP –ボタン3
- DMLP –ボタン4
- DMLP –ボタン5
- DMLP –ブラー1
- DMLP –宣伝文2
- DMLP –宣伝文3
- DMLP –宣伝文4
- DMLP –宣伝文5
- DMLP –宣伝文6
- DMLP –宣伝文7
- DMLP –メールオプティン1
- DMLP –メールオプティン2
- DMLP –メールオプティン3
- DMLP –個人1
- DMLP –トグル1
- DMLP –トグル2
- DMLP –ソーシャルメディアフォロー1
- DMLP –お客様の声1
- DMLP –お問い合わせフォーム1
追加した新しいモジュールのプリセットにアクセスする
アップロードされた各プリセットにアクセスするには、新しいモジュールを開くか追加し、上部のプリセットアイテムをクリックして、選択したプリセットを選択します。
オプションB：スタイルガイドのモジュールをグローバルプリセットに選択的に変換する
このアプローチを使用すると、グローバルプリセットライブラリに表示されるものと表示されないものについて、より大きな意見を得ることができます。 要素は1つの場所で提供され、選択した名前でグローバルプリセットに手動で変換する要素を視覚的に選択できます。
Diviライブラリに移動します
WordPressWebサイトのバックエンドにあるDiviライブラリに移動します。
プリセットなしでレイアウトをアップロード
次に、「インポートとエクスポート」ボタンをクリックします。
[インポート]タブに移動し、この投稿の冒頭でダウンロードできたJSONファイルを選択します。 グローバルプリセットにするモジュールを選択できるようにする場合は、[プリセットのインポート]ボックスをオフのままにしておくことが重要です。
レイアウトを開く（または新しいページを作成してレイアウトをアップロードする）
次に、「編集」をクリックして、Diviライブラリにアップロードしたばかりのレイアウトを開きます。 これにより、レイアウトエディタにリダイレクトされます。 または、新しいページを作成してそこにレイアウトをアップロードすることもできます。
VisualBuilderに切り替えます
レイアウトエディタを選択した場合は、VisualBuilderに切り替えてください。
グローバルプリセットに変換するモジュールを選択して、モジュール設定を開きます
次に、すべての要素を調べて、グローバルプリセットに変換する要素を決定します。
設定でモジュールをグローバルプリセットに変える
たとえば、ボタンモジュールの1つをグローバルプリセットに変換するとします。 ボタンモジュールの設定を開き、上部のプリセットオプションをクリックします。
モジュール設定をカスタムスタイルからの新しいプリセットに変換します。
新しいプリセットに任意の名前を付けます。
プリセットに含めるモジュールごとに手順を繰り返します
作成するプリセットごとに、これらの手順を繰り返します。
例外：ネストされたモジュール（ソーシャルメディアフォローモジュール）
ソーシャルメディアフォローモジュールなどのネストされたモジュールの場合、モジュール内のアイテムを開き、その要素も新しいプリセットとして保存する必要があります。
Diviテーマビルダー内でカラーコードを使用してカスタムカラーパレットを作成する
Diviテーマオプションに移動
スタイルガイドの16進コードを使用して、ページの作成中にすばやくアクセスできるカスタムカラーパレットを作成できます。 カラーパレットを追加するには、Diviテーマオプションに移動します。
スタイルガイドの16進コードを使用してカラーパレットをカスタマイズする
スタイルガイドにある選択したHEXカラーコードをデフォルトのカラーパレットに追加します。
ヒント：特定のスタイルをコピー/貼り付けするには、スタイルガイドを別のタブに保持します（グラデーション/ボックスシャドウ/ボーダー/…）
大事なことを言い忘れましたが、スタイルガイドを常に別のタブに置いておくことをお勧めします。 Diviの組み込みのクロスページコピーアンドペーストオプションを使用すると、グラデーションの背景などのスタイルをある要素から別の要素にすばやく転送できます。
毎週新しいグローバルプリセットスタイルガイド！
今週のグローバルプリセットスタイルガイドをお楽しみください。 下記のコメント欄でご意見をお待ちしております。 来週、さらに景品をチェックしてください！