横浜のチラシデザインと動画制作編集屋さん | 日本一店長のアイシープ

日本一店長のチラシデザインと動画編集&ホームページ制作

【最新版】wordpressテーマ「Divi」TIPS集

1417 views
約3分
【最新版】wordpressテーマ「Divi」TIPS集




はじめに


現在wordpressテーマのグローバルスタンダードは「Divi」でしょう。
日本語テーマが使いやすかったり、スピードが速かったりとメリットはあるのですが、やはり長く使用するテーマになると誰しもが使用しているものがいいのです。
なんと言っても情報が多いからです。
、、、ということでテーマ「Divi」のよく使うTIPSを備忘録として書き留めておきます。

Divi TIPS


サイドバーの左右設定

Diviのテーマオプションでサイドバー左右を設定してもうまくいきません。
一度クラシックエディターにして各固定ページでサイドバー設定ができます。

Diviテーマオプション→ビルダー→詳細設定→クラシックエディタを有効にする
それで改めて設定しましょう。


保存設定

Diviで保存がうまくできない時があります
どうやらサーバーがロリポップなのが原因のようです。




サイドバーのレスポンシブ設定

サイドバーを設定するとレスポンシブでサイドバー情報が先にスクロールしてしまうことがあるので
「その他のモジュール設定」→「Go To Layer」で下へ持っていく


Diviライブラリーで共通更新がラクに

HP作成って複数のページで同じ箇所を使っていますよね。
そういう時に1箇所づつ更新はダルイです。
Diviライブラリーに「グローバル」保存しましょう。
そうすると一箇所変更すれば全部変更されます。


スマホ表示だとモジュールが崩れる

モジュール設定>デザイン>サイズ変更
デスクトップ、タブレット、スマホ別で調整
余白、テキストでも調整


突然画面に変なテクスチャーが、、、

Diviのアップデートでレイアウトが崩れるという情報はゲットしていますが、今回の場合は、、、、
モジュールの背景でテクスチャを使ってしまったら他の箇所にも勝手にテクスチャが挿入されていました。
今回のアップデートで新たにテクスチャの設定ができるようになったのが不具合の原因でしょう。
とりあえず前のバージョンに戻しましょう。



スクロール時にエフェクトを

「スクロールエフェクト」でスクロール時にエフェクトをかけて時差効果を。
モジュール設定の「Scroll Effects」で動きをつけましょう。


GoogleAnalyticsトラッキングコードを

Google Analyticsはよりに入れ他方がいいみたいです。




Comment On Facebook