デザイン

ウェブサイトやブログのキーカラーを指定できます。ブログの見出しやセクションのタイトルなど各所に自動的に反映されます。

アクセントカラーほどには使われる箇所は限られていますが、設定することで自動的に反映されます。

サイト全体の基本の文字の大きさを設定できます。デフォルトでは 16px に設定されています。

文字の大きさは、ウェブサイトの対象とする読者層などによっても変わってきます。

サイト全体の基本の行間を設定することができます。

1 だと１文字分の行の高さになります。2だと１行分上に空間があくような感じになります。お試しください。

サイト全体の基本の文字間を設定することができます。

文字間というのは、文字と文字の間隔です。閲覧者ターゲットや好みによっても変わってくると思いますので、色々と試して設定してみてください。

こちらは全体で設定する値となりますが、必要箇所のみ設定したい場合には、Snow Monkey Editor プラグインを利用することで可能となります。

サイト全体の基本のフォントを設定することができます。

• サンセリフ（ゴシック体）
• セリフ（明朝体）
• Noto Sans JP
• Noto Serif JP
• M PLUS 1P
• M PLUS Rounded 1C

コンテンツ幅の最大値を設定することができます。

上の画像のようなパンくずリストを表示する位置を設定することができます。

• コンテンツの上
• コンテンツの上（コンテンツ幅に合わせる）
• コンテンツの下
• コンテンツの下（コンテンツ幅に合わせる）
• なし

投稿一覧やアーカイブ一覧などの記事を一覧表示させるページのレイアウトを設定できます。

• リッチメディア
• シンプル
• テキスト
• テキスト２
• パネル
• カルーセル（リッチメディア）

【モバイル端末時に記事一覧を１列にする】にチェックを入れることによって、モバイル表示時に記事を１つずつ縦並びに表示させることができます。

固定ページの添付画像に示す位置に自動的に表示させる画像を設定することができます。

ページヘッダー画像の出力箇所の変更は、別途「切り替わる項目内」にて可能です。

投稿ページのデフォルトアイキャッチ画像を設定しておくことができます。

デフォルトアイキャッチ画像の出力箇所の変更は、別途「切り替わる項目内」にて可能です。

JavaScriptを使わずに画像の拡大表示を行う機能です。JavaScriptを使わないので軽量です。詳しくは公式ドキュメントを参照ください。

more タグとパスワード保護機能を併用することで、moreタグ以降はパスワードを持っている人しか閲覧できなようにする仕組みを作ることができます。

詳しくは公式ドキュメントを参照してください。

ヘッダーのレイアウトを以下の中から選べます。

• １行
• 左
• シンプル
• 中央ロゴ
• ２行

ヘッダーの表示方法や位置を設定することができます。また、モバイル表示時とPC表示時で別の設定をすることができます。

• 上部固定→常にレイアウト変わらず最上部に固定表示）
• オーバーレイ（上部固定）→コンテンツエリアの上に被さる感じ。文字色は白になる。
• オーバーレイ（上部固定/スクロール時背景白）→コンテンツエリアの上に被さる感じで、スクロールをすると２列レイアウトで背景白になる
• オーバーレイ→コンテンツエリアの上に被さる感じで、最上部に固定表示になる。
• ノーマル→最上部表示され、スクロールするとロゴなし１列になる。

サイトヘッダー右上部に設定した情報を表示することができます。HTML記述が使えます。

チェックを入れるとモバイル表示時にも「ヘッダーコンテンツ」で設定された内容が表示されます。

グローバルナビゲーションのメニュー項目にマウスオンした際の動作を設定することができます。

• 文字色の反転
• 下線
• なし

グローバルナビゲーションのメニュー項目の文字色を変更することができます。

現在地を示す文字色はアクセントカラーとなっています。

フッターを全幅にする場合にはチェックを入れます。通常はコンテンツ最大幅でコントロールされています。

スマホ表示時のハンバーガーメニューの表示位置を設定します。

• 左
• 右

ドロワーナビゲーションの表示タイプを切り替えることができます。

• デフォルト（左からうにゅっと出てくる）
• オーバーオール（画面全体がメニューになる）

ドロワーメニュー下に検索フォームを表示するかどうかを設定できる