DigiPressビジュアル設定

Macchiato Ver.1.0.4.4

画像アップロード

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

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

カラムタイプ :

サイト一般表示設定

カラー設定 :
キーカラー :
カテゴリー別イメージカラー :
説明/注意
※キーカラーとは、グローバルメニュー、ページナビゲーション、サイトバータイトル、見出しタグのアクセントなど、サイト内の様々なポイントで利用されるサイト全体のキーカラーを指定します。

ヘッダーバーエリア設定

サイトメインタイトル表示設定
表示サンプル

タイトル画像をアップロード

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

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

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

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

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

ヘッダー画像/スライド設定 :
対象エリア

トップページ専用設定

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

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

ヘッダー画像選択 :

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

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

ヘッダー画像選択 :

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

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

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

基本テキスト設定

基本フォント設定 :
フォントカラー :
PCテーマ用フォントサイズ :
モバイルテーマ用フォントサイズ :
タイポグラフィ設定 :
Noto Sans CJK JP フォントの太さ:
Noto Sansについてはこちら
説明/注意
※記事本文など、サイト(テーマ)上で表示されるメインコンテンツのテキストのフォントが対象です。
※フォントサイズは、半角数字のみで入力してください。
テーマ標準のカラーに戻す場合は、「デフォルト」ボタンをクリックしてください。
※タイポグラフィ設定はサイト全体(body)、または主要タイトル部分の基準となるフォントをテーマ標準のものからテーマに組み込まれている軽量化された「Noto Sans CJK JP」に変更する場合に指定します。
※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>

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

フッターエリア設定

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

テキストカラー設定 :

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

背景カラー設定 :

背景カラー :
説明/注意
※サイトフッター領域の背景カラーを指定します。
テーマ標準の背景カラーに戻す場合は、「デフォルト」ボタンをクリックしてください。
フッターエリアのカラム(列)数 :
表示カラム数 :
説明/注意
※フッターエリアのウィジェットコンテンツを何列(=カラム)で表示するかを指定します。
※ここで指定したカラム数に合わせて列の幅は自動調整されます。
※ウィジェトの追加は「外観」→「ウィジェット」画面にて "フッターウィジェット1〜3" のウィジェットエリアに追加してください。
※ウィジェットエリア直下のフッター用カスタムメニューを表示するには「外観」→「メニュー」にて編集してください。

テーマ背景カスタマイズ

コンテナエリア設定 :
対象エリア
コンテナエリア背景カラー :
背景画像設定 :

カスタム背景画像設定 :

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

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

背景画像の表示方法 :

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

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

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

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

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

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

定義例

バックアップ/リストア

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