[Cocoon設定] 全体

Cocoonマニュアル
この記事は約3分で読めます。
記事内に広告が含まれています。

Cocoon設定→全体について説明します。

全体設定

キーカラー

キーカラー
  • サイトキーカラー
    サイト全体でポイントとなる部分に適用される背景色を設定します(図1参照)。
  • サイトキーテキストカラー
    サイト全体でポイントとなる部分に適用される文字色を設定します(図1参照)。

サイトキーカラーを設定すると、文字色は自動的に#ffffffに変更されます。
そのため、サイトキーカラーを#ffffffに設定した場合は、適切なテキストカラーを設定しないと文字が見えなくなります。

サイトフォント

  • フォント
    サイト全体で適用されるフォントを設定します。
  • ヒラギノ角ゴ, メイリオ(デフォルト)
  • メイリオ, ヒラギノ角ゴ
  • 游ゴシック体, ヒラギノ角ゴ
  • MS Pゴシック, ヒラギノ角ゴ
  • Noto Sans JP(WEBフォント)
  • Noto Serif JP(WEBフォント)
  • Mplus 1p(WEBフォント)
  • Rounded Mplus 1c(WEBフォント)
  • 小杉ゴシック(WEBフォント)
  • 小杉丸ゴシック(WEBフォント)
  • さわらびゴシック(WEBフォント)
  • さわらび明朝(WEBフォント)
  • なし
  • 文字サイズ
    画面サイズが481px以上の場合、サイト全体の基準となるフォントサイズを設定します。
  • 文字色
    サイト全体の文字色を設定します(デフォルト:#333333)。

モバイルサイトフォント

画面幅が480px以下の場合の基準フォントサイズを設定します。

サイトアイコンフォント

サイト全体で使用するアイコンフォントを設定します。

サイト背景色

 サイト全体の背景色を設定します。

サイト背景画像

背景画像を設定し、幅は100%に調整します。
画像は画面の比率を保持し、スクロールしても固定表示されます。

背景画像

同じ画像を繰り返して配置する場合は、外観→カスタマイズ→背景画像の設定から行います(図2参照)。

サイト幅の均一化

  • サイト幅を揃える
    オンにすると、ヘッダー、フッターの幅が全体の幅に揃えます。
  • オフ
  • オン

サイトインク色

サイト全体のリンク色を設定します(デフォルト:#1967d2)。

サイト選択文字色

マウスで選択したテキストの文字色を設定します。

サイト選択背景色

マウスで選択したテキストの背景色を設定します。

サイドバーの位置

サイドバーの表示位置を設定します。

サイドバーの表示状態

サイドバーを表示するページを設定します。
「インデックスページで非表示にする」をオンにすると、フロントページのサイドバーも非表示になります。

サイドバーが表示されない場合

  • ウィジェットエリア「サイドバー」や「サイドバースクロール追従」にウィジェットが配置されていない。
  • ウィジェットの表示設定が「非表示」になっている。
  • 投稿ページの設定で「デフォルト」以外が選択されている。

ファビコン

外観→カスタマイズ→サイト基本情報の「サイトアイコン」で設定します(図3参照)。

ファビコン(favicon)とは?

ウェブサイトのアイコンのことです。
ブラウザのタブ、ブックマーク、履歴、モバイルデバイスのホーム画面などに表示され、サイトの識別やブランドの一環として使用されます。

サムネイル表示

  • サイト全体のサムネイルを表示する
    オンにすると、ブログカード以外にもサムネイルが表示されます。

日付フォーマット

表2に示す項目以外に反映されます。
未入力の場合は、設定→一般→「時刻形式」の設定で表示されます。

日付フォーマット
項目設定備考
「RSS」ウィジェット設定→一般→日付形式
「最近のコメント」ウィジェット設定→一般→日付形式
「カレンダー」ウィジェットY年n月形式
アーカイブタイトルY-m-d形式
タイトルとURLをコピーしました