WordPressテーマ「Divi」の[外観][カスタマイズ]項目

スポンサーリンク

Elegant Themesが提供している有料のWordPressテーマ「Divi」は、非常に多機能ですね。
サイドバーの[外観][カスタマイズ]項目の設定内容の中で、気になるポイントをまとめていきます。

(テーマのバージョンアップ等によって、項目は変更される可能性があります)

インポート/エクスポート

カスタマイズ中、左上のやじるしアイコンをクリックする事で、インポート/エクスポートが出来るようです。

ページ上の鉛筆アイコン

カスタマイズ中、ページ上に表示されるアイコンをクリックすると、その箇所を編集する項目にジャンプします。これは便利ですね。



一般設定

サイトアイデンティティ

(一般的な設定項目ですね)

レイアウト設定

箱入りレイアウトを有効にする

センターに、影つきボックスを配置する機能。

テーマカラー

サイト全体のテーマカラーの設定です。

その他

ウェブサイトコンテンツ幅、ウェブサイトコンテンツ間隔、カスタムサイドバーの幅を使用/非使用、セクション高さ、行の高さ、など設定。

書式

ボディリンクカラー、ボディテキストカラー、ヘッダーテキストカラー

テキストのカラー設定です。

その他

ボディテキストサイズ、ボディ行の高さ、ヘッダーテキストサイズ、ヘッダー文字間隔、ヘッダー行の高さ、ヘッダーフォントスタイル、など設定。

背景

(一般的な設定項目ですね)



ヘッダーとナビ

ヘッダー形式

ヘッダースタイル

ヘッダの配置を調整。

縦ナビを有効にする

ヘッダナビゲーションを、サイドバー風に縦方向に配置。

スクロールするまでナビを非表示

ページの表示段階では、ヘッダナビゲーションを非表示。スクロール後に表示。

第一メニューバー/第二メニューバー

メニューバーの設定です。

固定ナビ設定

ヘッダー要素

ページ最上部のヘッダー設定です。ソーシャルアイコン表示、検索アイコンを表示、電話番号、Eメール、などを配置することができます。
なにも配置しないとヘッダは配置されません。この方がすっきり見えるので、未設定のまま進める手もありますね。



フッター

レイアウト

フッターに配置するウイジェットの数や、背景色を設定します。

列レイアウト

4列、3列、2列、1列、1/4 + 3/4列、3/4 + 1/4列、1/3 + 2/3列、2/3 + 1/3列、1/4 + 1/4 + 1/2列、1/2 + 1/4 + 1/4列、から選択

ウィジェット

フッターに配置されるウイジェットの、テキストサイズや色などを設定。

フッター要素

ソーシャルアイコンを表示するかどうか設定。

フッターメニュー

フッターメニューの背景色などを設定

下部ナビ

Disable Footer Credits

テーマのクレジットを外すことができます。また、独自のクレジットを記載することもできます。



ボタン

ボタンスタイル

ボタンマウスオーバースタイル



ブログ

投稿

ブログ投稿のテキストを調整できます。



モバイルスタイル

タブレット/電話(スマホ?)からアクセス時の、ロゴ画像を非表示/テキストの色/背景色を設定。



カラースキーム

カラースキームが選択できるようです。



メニュー

配置する位置の選択など。

メニューの位置

メインメニュー :ナビゲーションに配置
サブメニュー  :ヘッダに配置
フッターメニュー:フッタに配置(サブメニューは表示されず)



ウイジェット

(一般的な設定項目ですね)



固定フロントページ

(一般的な設定項目ですね)



固追加 CSS

(一般的な設定項目ですね)

まとめ

詳細な箇所まで設定できるので、思いどおりのサイトが制作ますね。その分、設定に時間がかかりそうですが。

スポンサーリンク

シェアする

フォローする