DigiPressビジュアル設定

Luminous - Business Edition Ver.1.1.3.2

画像アップロード

サイトタイトル画像 :
ファイルを選択
説明／注意
※アップロード対応フォーマット : *.jpg, *.png, *.gif, *.jpeg
※アップロードファイルサイズの上限 : 500KB
※PHPがセーフモードの場合、「/wp-content/uploads/digipress/luminous-business/title」フォルダのパーミッションを「777」にしてください。
※画像サイズに制限はありませんが、どのような画像サイズでも高さが最大36ピクセルとしてリサイズされます。
ヘッダー画像 :
PCテーマ用 :
ファイルを選択
モバイルテーマ用 :
ファイルを選択
説明／注意
※アップロード対応フォーマット : *.jpg, *.png, *.gif, *.jpeg
※アップロードファイルサイズの上限 : 2MB(モバイル用は1MB)
※PHPがセーフモードの場合、「/wp-content/uploads/digipress/luminous-business/header」フォルダのパーミッションを「777」にしてください。
※アップロードする画像は極力圧縮してファイルサイズを最軽量化することを強く推奨します。
背景画像 :
サイト背景画像 :
ファイルを選択
フッターエリア背景画像 :
ファイルを選択
説明／注意
※アップロード対応フォーマット : *.jpg, *.png, *.gif, *.jpeg
※アップロードファイルサイズの上限 : 1MB
※PHPがセーフモードの場合、「/wp-content/themes/dp-luminous-business/background」フォルダと/wp-content/themes/dp-luminous-business/background/footer」フォルダのパーミッションを「777」にしてください。

画像のトリミング／リサイズ

アップロード画像の削除

表示カラム数／サイドバー位置設定

カラムタイプ :

サイト一般表示設定

カラー設定 :
プライマリーカラー :
セカンダリーカラー :
カテゴリー別イメージカラー :
  • 未分類 :
  • Blogroll :
  • Cat A :
  • Cat B :
  • Cat C :
  • Foo A :
  • Foo Parent :
  • あさひ :
  • いろは :
  • うえの :
  • えいご :
  • おおさか :
  • かわせ :
  • きって :
  • くらぶ :
  • けしき :
  • こども :
  • さくら :
  • しんぶん :
  • すずめ :
  • せかい :
  • そろばん :
  • アメリカ :
  • イタリア :
  • ウクライナ :
  • エジプト :
  • オーストラリア :
  • カテゴリー 1 :
  • カテゴリー 2 :
  • カテゴリー 3 :
  • カナダ :
  • キューバ :
  • クロアチア :
  • ケニア :
  • コスタリカ :
  • サブ :
  • 北海道 :
  • 墾田永年私財法 :
  • 子カテゴリー 2 :
  • 宮城 :
  • 山形 :
  • 岩手 :
  • 平等院鳳凰堂 :
  • 建武の新政 :
  • 征夷大将軍 :
  • 御家人 :
  • 応仁の乱 :
  • 栃木 :
  • 福島 :
  • 秋田 :
  • 群馬 :
  • 茨城 :
  • 親カテゴリー :
  • 青森 :
  • Foo A :
  • 子カテゴリー 1 :
説明／注意
※プライマリーカラーとは、グローバルメニュー、ページナビゲーション、サイトバータイトル、見出しタグのアクセントなど、サイト内の様々なポイントで利用されるサイト全体のキーカラーを指定します。
※セカンダリーカラーは、主にアーカイブページにてアイキャッチ画像のマウスオーバー時に、プライマリーカラーとセカンダリーカラーによるグラデーションのオーバーレイ背景カラーとして利用されたり、各コンテンツエリアのタイトルを装飾するアクセントカラーとして利用されます。

ヘッダーバー／オフキャンバスメニューエリア設定

サイトメインタイトル表示設定
表示サンプル
タイトル画像をアップロード
アップロードメニューにジャンプします。
サイトタイトルのリンクを任意の画像で表示する場合は、こちらよりアップロードを行います。

タイトル画像選択 (トップページ用) :

タイトル画像選択 (モバイル用) :

説明／注意
※タイトル用の画像のサイズは「高精度ディスプレイ対策」(実表示の2倍サイズ)を前提としたサイズを用意されることを推奨します(表示上は45ピクセル(縦)を基準としてリサイズされます)。
表示位置 :
ヘッダーバー／オフキャンバスメニューエリアカラー設定
表示サンプル
背景カラー :
フォント／リンクカラー :
リンクカラー(ホバー時) :
説明／注意
※テーマ標準の値に戻す場合は、「デフォルト」ボタンをクリックしてください。

ページヘッダーエリアコンテンツ設定

トップページヘッダー画像／スライド設定 :
対象エリア

PCテーマ用トップページヘッダー設定

ヘッダー画像をアップロード

アップロードメニューにジャンプします。
オリジナルのヘッダー画像を使用する場合は、こちらよりアップロードを行います。

ヘッダー画像選択 :

トップページヘッダー画像、またはスライドショーの有無を選択できます。
表示対象 :
最大表示数 :
スライドショー表示順序 :
※「ランダム」以外は対象が記事または固定ページの場合
表示スタイル :
スライドエフェクト :

※「カルーセル」は対象外
指定記事／固定ページ専用設定 :
スライド間隔 : ミリ秒 (1秒 = 1000)
トランジション時間 : ミリ秒 (1秒 = 1000)
トランジションイージングタイプ:
スライドナビゲーション :
説明／注意
※スライドショー対象として任意の指定記事、または固定ページを表示する場合は、投稿画面の投稿オプションにて「スライドショーに含める」にチェックをして投稿しておいてください。
※ヘッダー画像またはスライドショー上(表示対象:ヘッダー画像のみ)にタイトル、キャプションを表示する場合は、「詳細設定」→「サイドメニュー／トップページタイトル設定」→「ヘッダー画像上のタイトル／キャプション設定」にて指定してください。
※ヘッダー画像上のタイトル／キャプションは、表示対象が「指定記事」または「指定固定ページ」、および表示スタイルが「カルーセル」と「センターモード1」の場合は表示されません。
※ヘッダー画像またはスライドショー上(表示対象:ヘッダー画像のみ)に任意のウィジェットを表示する場合は、WordPressウィジェット画面の「トップページ背景画像上」に追加してください。
※モバイルテーマではスライドナビゲーション、およびウィジェットは表示されません。
ビデオURLまたはID :
※対象は YouTube または Vimeo
再生開始位置 : 秒から

モバイルテーマ用トップページヘッダー設定

ヘッダー画像選択 :

サイトの全画面背景画像、またはスライドショーの有無を選択できます。
表示対象 :
最大表示数 :
スライドショー表示順序 ※対象が記事または固定ページの場合
スライドエフェクト :
スライド間隔 : ミリ秒 (1秒 = 1000)
トランジション時間 : ミリ秒 (1秒 = 1000)
トランジションイージングタイプ:

オーバーレイエフェクト設定

明暗レベル : %
説明／注意
※トップページのヘッダー画像やビデオの明るさを調整して、前面のタイトルテキストなどを見やすくする場合に使用できます。
※スライドショーの表示スタイルが「センターモード」の場合は対象外です。

ヘッダー画像上フォントカラー設定

表示サンプル
フォントカラー :
テキストシャドウ :
説明／注意
※トップページのヘッダー画像／スライダーエリアのタイトルや任意コンテンツのテキストとリンクカラーに反映されます。
※テーマ標準のカラーに戻す場合は、「デフォルト」ボタンをクリックしてください。
アーカイブ／シングルページヘッダーエリア設定
表示サンプル

ページヘッダー余白設定 (ビューポートの高さに対する割合)

上部余白の割合(PCテーマ) :
%
% (背景画像がある場合)
下部余白の割合(PCテーマ) :
%
% (背景画像がある場合)
上部余白の割合(モバイルテーマ) : %
下部余白の割合(モバイルテーマ) : %
説明／注意
※アーカイブページやシングルページにて、ページタイトルやメタ情報が表示されるヘッダーエリアの上下の余白を指定できます。
※単位はブラウザの表示高を100%としたビューポート(vh)に対する割合です。

背景オーバーレイ設定

表示サンプル

背景カラー(プライマリーカラーまたはカテゴリーカラー)の場合

オーバーレイエフェクト :

背景画像がある場合

オーバーレイエフェクト :
ぼかし具合 px
説明／注意
※アーカイブページやシングルページにて、ページタイトルやメタ情報が表示されるヘッダーエリアの背景カラー(プライマリーカラーまたはカテゴリーカラー)や、背景画像に重ね合わせるオーバーレイエフェクトをカスタマイズできます。
※背景画像(アイキャッチ、またはカテゴリーイメージ)が表示される場合、画像のぼかし具合(filter:blur)を0〜50ピクセルの範囲で指定できます。ぼかしをかけない場合は、「0」にしてください。

ヘッダーエリア下部形状設定 :

表示サンプル
ヘッダーエリア下部の形状 :
説明／注意
※ヘッダーエリア下部の形状は、トップページには反映されません。
※フルスクリーンの背景画像やフルスクリーンムービーを表示するページでは、ヘッダーエリア下部の形状は表示されません。

基本テキスト設定

基本フォント設定 :
フォントカラー :
PCテーマ用フォントサイズ :
モバイルテーマ用フォントサイズ :
タイポグラフィ設定 :
Noto Sans CJK JP フォントの太さ:
Noto Sansについてはこちら
説明／注意
※フォントサイズは、記事本文など、サイト(テーマ)上で表示されるメインコンテンツのテキストのフォントが対象です。半角数字のみで入力してください。
※テーマ標準のカラーに戻す場合は、「デフォルト」ボタンをクリックしてください。
※「主要タイトル部分」とは、ヘッダー画像、記事タイトル、本文中のH1〜H6、各セクションのタイトル、ウィジェットタイトルなどです。
※Windows 8.1以降の端末では、テーマ標準フォントが「游ゴシック体」となります。それ以下のバージョンでは、「メイリオ」が適用されます。
※Macの場合は、「ヒラギノ角ゴ」がテーマ標準フォントとなります。
※游ゴシック体および游明朝体フォントが閲覧端末にインストールされていない場合は、代替フォントが適用されます。
※Noto Sans CJK JP を使用する場合は、そのフォントの太さ(font-weight)も指定できます。
※Noto Sans CJK JP のフォントだけを読み込んだ場合、以下のセレクタ(class)をHTMLタグに指定することで、任意の要素に対してフォントファミリーを個別に変更できます(例: class="ff-noto1")。

Noto Sans のセレクタ(class)

  • : Thin
  • : Light
  • : Demi Light
  • : Regular
  • : Medium
  • : Bold
  • : Black

指定例 : <h2 class="ff-noto1">Noto Sans でH2タイトルを表示</h2>

基本リンク設定 :
リンクカラー :
リンクカラー(ホバー時) :
説明／注意
※記事本文など、サイト(テーマ)上で表示される基本のリンクカラーが対象です。
※アンダーラインをなしにした場合は、ホバー時にアンダーラインが表示されます。
※テーマ標準のカラーに戻す場合は、「デフォルト」ボタンをクリックしてください。

フッターエリア設定

フッターエリア設定 :
表示サンプル

テキストカラー設定 :

フォントカラー :
リンクカラー :
リンクカラー(ホバー時) :
説明／注意
※テーマ標準のカラーに戻す場合は、「デフォルト」ボタンをクリックしてください。

背景デザイン設定 :

表示サンプル
背景カラー :
フッターエリア上部の形状 :
説明／注意
※フッターエリアに背景画像を表示する場合は、フッターエリア上部の形状は表示されません。

背景画像選択 :

説明／注意
※背景カラーは、サイトフッター領域の背景カラーを指定します。
※テーマ標準の背景カラーに戻す場合は、「デフォルト」ボタンをクリックしてください。
※フッターエリアに背景画像を表示する場合は、「フッター上部の形状」オプションの設定は無効になります。

フッターロゴ画像設定 :

ロゴ画像選択 :

フッターエリアのカラム(列)数 :
表示カラム数 :
説明／注意
※フッターエリアのウィジェットコンテンツを何列(＝カラム)で表示するかを指定します。
※ここで指定したカラム数に合わせて列の幅は自動調整されます。
※ウィジェトの追加は「外観」→「ウィジェット」画面にて "フッターウィジェット１〜３" のウィジェットエリアに追加してください。
※ウィジェットエリア直下のフッター用カスタムメニューを表示するには「外観」→「メニュー」にて編集してください。

テーマ背景カスタマイズ

背景カラー設定 :
コンテナエリア背景カラー :
背景カラー不透明度 :
%
背景画像設定 :

カスタム背景画像設定 :

アップロードメニューにジャンプします。
オリジナルの背景画像を使用する場合は、こちらよりアップロードを行います。

  •  

説明／注意
※サムネイルにカーソルを合わせると実寸大のイメージが表示されます。
※テーマのデフォルトに戻す場合は、「画像なし」を選択して保存してください。
※背景画像を表示しない場合は、「画像なし」を選択して保存してください。
　ただし、背景カラーが未定義の場合は、このオプションを選択しても反映されません。
※コンテナエリアも含めて全体に背景画像を表示する場合は、コンテナ背景カラーを「transparent」と指定して保存してください。
※イメージの保存先は「/wp-content/uploads/digipress/luminous-business/background」です。

背景画像の表示方法 :

説明／注意
※カスタム背景画像を指定(使用)しない場合、このオプションは無効です。

オリジナルスタイルシート設定

オリジナルスタイルシート :

テーマのCSSに、オリジナルのスタイルを組み込むことができます。

CSSを個別に編集・追加する場合は、テーマファイルのCSSを編集せずに以下のテキストエリアに記述してください。

説明／注意
※CSSに関する知識が前提となります。
※オリジナルのスタイルシートによって、デザインやレイアウトが崩れた場合は、セレクタ名を変更するか、一旦すべての定義を削除してください。

定義例

バックアップ／リストア

すべてのテーマオプション(ビジュアル設定と詳細設定)のバックアップ、またはリストアを行います。
バックアップ :
リストア :
ファイルを選択