WordPressテーマ Cocoon設定について
このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。
MASAa.net | WordPressとPCのある生活を楽しむための情報発信サイト
WordPress、WordPressテーマ Simplicity / Cocoon / THE THORに関するカスタマイズ、自作PC、ガジェット、デスク環境に関する情報発信サイトです。
masaa.net
このブログサイト MASAa.netを2018年9月25日に開設してから1年が経過しました。
その1年間の間でWordPressテーマ Cocoonは大幅に機能が強化されています。
無料のWordPressテーマでありながら、これほどのことが出来るWordPressテーマは素晴らしいと思います。
是非、バージョンアップが少なく、1年経過してもほとんど変わらない有料のWordPressテーマは是非見習って欲しいところです。
と言う事で、2019年も終わろうとしている現時点でのWordPressテーマ Cocoonの設定内容についてまとめてみました。
WordPressテーマ Cocoon設定内容
MASAa.blogで使っているWordPressテーマ Cocoonの設定内容は下記の通りです。
主に表示関連についての設定内容となります。
スキン タグ
スキン設定
- スキン一覧：なし
- 表示スキン：全てのスキンを表示
全体 タグ
全体設定
- キーカラー
サイトキーカラー：#fe619a
サイトキーテキストカラー：#000000 - サイトフォント
フォント：游ゴシック体, ヒラギノ角ゴ
文字サイズ：16px
文字色：デフォルト - モバイルサイトフォント：16px
- 文字の太さ：500
- サイトアイコンフォント：Font Awesome 5
- サイト背景色：#fff9fc
- サイト背景画像：設定無し
- サイト幅の均一化：チェック無し
- サイトリンク色：#fe619a
- サイト選択文字色：#ffffff
- サイト選択背景色：#dd3333
- サイドバーの位置：サイドバー右
- サイドバーの表示状態：全てのページで表示
- サムネイル表示：チェック有り
- 日付フォーマット：Y.m.d
ヘッダー タグ
ヘッダー設定
- ページレイアウト：センターロゴ（デフォルト）
- 高さ：120
- 高さ（モバイル）：120
- ヘッダーロゴ：png画像設定済み
- ヘッダーロゴサイズ：365 x 76
- キャッチフレーズの配置：ヘッダートップ（デフォルト）
- ヘッダー背景画像：設定無し
- ヘッダー全体色
ヘッダー全体背景色：#fe619a
ヘッダー全体文字色：#ffffff - ヘッダー色（ロゴ部）
ロゴエリア背景色：#fe619a
ロゴ文字色：#ffffff - グローバルナビメニュー色
グローバルナビ色：#fe619a
グローバルナビ文字色：#ffffff - グローバルメニュー幅
トップメニュー幅：140
メニュー幅をテキストに合わせる：チェック無し
サブメニュー幅：240
タイトル タグ
フロントページ設定
- フロントページタイトル：サイト名 | キャッチフレーズ
- サイトの説明：設定済み
- メタキーワード：設定無し
投稿・固定ページ設定
- 投稿・固定ページタイトル：ページタイトル | サイト名
- メタディスクリプション：チェック有り
- メタキーワード：チェック有り
カテゴリー・タグページ設定
- ページタイトル：ページタイトル | サイト名
- メタディスクリプション：チェック有り
- メタキーワード：チェック有り
タイトル共通設定
- 簡略化したサイト名：設定無し
- セパレーター： | （パイプ）
SEO タグ
headタグ設定
- headタグに挿入
canonicalタグの追加：チェック有り
分割ページにrel="next"/"prev"タグの追加：チェック有り
カテゴリページをnoindexとする：チェック無し
カテゴリページの2ページ目以降をnoindexとする：チェック無し
タグページをnoindexとする：チェック有り
タグページの2ページ目以降をnoindexとする：チェック有り
その他のアーカイブページをnoindexとする：チェック有り
添付ファイルページをnoindexとする：チェック有り - 構造化データ
JSON-LDを出力：チェック有り
日付の設定
- 表示する日付：投稿日・更新日を表示
OGP タグ
OGP設定
- OGPの有効化：チェック有り
- Facebook APP ID：設定済み
Twitterカード設定
- Twitterカードの有効化：チェック有り
- Twitterカードタイプ：大きな画像のサマリー（summary_large_image）
ホームイメージ
- 画像のアップロード：jpg画像設定済み
カラム タグ
メインカラム設定
- コンテンツ幅：800
- コンテンツ余白幅：29
- コンテンツ枠線幅：1
- コンテンツ枠線色：デフォルト
サイドバー設定
- サイドバー幅：336
- サイドバー余白幅：19
- サイドバー枠線幅：1
- サイドバー枠線色：#fe619a
カラム間余白設定
- カラム間の幅：20
インデックス タグ
リスト設定
- 並び順：投稿日（降順）
- カードタイプ：縦型カード2列
枠線の表示：チェック無し - 自動生成抜粋文字数：0
- 省略文字烈：...
- 投稿関連情報の表示
スニペット（抜粋）の表示：チェック有り
スマホ端末でスニペットを表示（480px以下）：チェック無し
投稿日の表示：チェック有り
更新日が存在しない場合は投稿日を表示：チェック有り
更新日の表示：チェック無し
投稿者名の表示：チェック無し
コメント数の表示：チェック無し
投稿 タグ
カテゴリ・タグ表示設定
- カテゴリ・タグ表示：カテゴリ・タグ1列
関連記事設定
- 表示：チェック有り
- 関連性：カテゴリー
- 関連記事見出し：関連記事、設定無し
- 表示タイプ：ミニカード（推奨表示数：偶数）
- 表示数：10
- 取得期間：全期間
- 枠線の表示：設定無し
- 最大自動生成抜粋文字数：120
- 投稿関連情報の表示
スニペット（抜粋）の表示：チェック有り
スマホ端末でスニペットを表示（480px以下）：チェック有り
投稿日の表示：チェック無し
更新日が存在しない場合は投稿日を表示：チェック有り
更新日の表示：チェック無し
投稿者名の表示：チェック無し
ページ送りナビ設定
- 表示：チェック有り
- 表示タイプ：デフォルト
- 表示位置：関連記事下（デフォルト）
- カテゴリー：全てチェック無し
- 枠線表示：チェック有り
コメント設定
- 表示：チェック有り
パンくずリスト設定
- パンくずリストの配置：メインカラムボトム（デフォルト）
- 記事タイトル：チェック無し
固定ページ タグ
コメント設定
- 表示：チェック無し
パンくずリスト設定
- パンくずリストの配置：メインカラムボトム（デフォルト）
- 記事タイトル：チェック無し
本文 タグ
本文行間設定
- 本文余白
行の高さ：1.8
行の余白：1.4
外部リンク設定
- 外部リンクの開き方：変更しない
- フォロータイプ：変更しない
- 追加rel属性
noopenerを追加：チェック無し
target="_blank"の際はnoopenerを追加：チェック有り
noreferrerを追加：チェック無し
target="_blank"の際はnoreferrerを追加：チェック無し
externalを追加：チェック無し - アイコン表示：チェック有り
- アイコン：上から1番目のアイコン
内部リンク設定
- 内部リンクの開き方：変更しない
- フォロータイプ：変更しない
- 追加rel属性
noopenerを追加：チェック無し
target="_blank"の際はnoopenerを追加：チェック有り
noreferrerを追加：チェック無し
target="_blank"の際はnoreferrerを追加：チェック無し - アイコン表示：チェック有り
- アイコン：上から6番目のアイコン
テーブル設定
- レスポンシブテーブル：チェック無し
投稿情報表示設定
- 投稿関連情報
投稿日の表示：チェック有り
更新日の表示：チェック有り
投稿者名の表示：チェック有り - 記事を読む時間：チェック有り
目次タグ
目次設定
- 目次の表示：チェック有り
- 表示ページ
投稿ページ：チェック有り
固定ページ：チェック有り
カテゴリーページ：チェック有り
タグページチェック有り - 目次タイトル：INDEX
- 目次切り替え：チェック有り
open all / close all
最初から目次内容を表示する：チェック有り - 表示条件：2
- 目次表示の深さ：H6見出しまで（デフォルト）
- 目次ナンバーの表示：数字（デフォルト）
- 目次の中央表示：チェック有り
- 目次の表示順：チェック無し
- 見出し内タグ：チェック無し
画像 タグ
本文画像設定
- アイキャッチの表示
本文上にアイキャッチを表示する：チェック有
アイキャッチラベルを表示する：チェック無
アイキャッチの中央寄せ：チェック有
アイキャッチをカラム幅に引き伸ばす：チェック有
アイキャッチにキャプションがある場合は表示する：チェック無し - アイキャッチの自動設定：チェック無し
- 画像の囲み効果：なし
- 画像の拡大効果：baguetteBox（軽量・スマホ向け）
全体画像設定
- サムネイル画像：9:16, 1:1.777..（地デジ・YouTube比）デフォルト
- Retinaディスプレイ：チェック無し
NO IMAGE設定
- NO IMAGE画像：設定無し
ブログカード タグ
内部ブログカード設定
- ブログカード表示：チェック有り
- サムネイルスタイル：左側
- 日付表示：投稿日
- リンクの開き方：チェック無し
外部ブログカード設定
- ブログカード表示：チェック有り
- サムネイルスタイル：左側
- リンクの開き方：チェック有り
- キャッシュの保存期間：30
- キャッシュの更新：チェック無し
コード タグ
ソースコード設定
- ハイライト表示：チェック有り
- ライブラリ：軽量版（よく利用されている言語のみ）
- ハイライトスタイル：monokai
- ハイライト表示するCSSセレクタ：.entry-content pre
コメント タグ
コメント設定
- コメントタイプ：デフォルト
- コメント一覧見出し：コメント/設定無し
- コメント入力幅表示：ボタンで表示切り替え
- コメント入力欄見出し：コメントをどうぞ
- ウェブサイトの表示：チェック有り
- 送信ボタンラベル：コメントを送信
フッター タグ
フッター設定
- フッター色
フッター背景色：#fe619a
フッター文字色：#ffffff - フッター表示タイプ：メニュー＆クレジット（中央揃え）
- フッターロゴ：設定無し
- クレジット表記：Copyright © 2018 MASAa.net All Rights Reserved.
- フッターメニュー幅：140
メニュー幅テキストに合わせる：チェック有り
ボタン タグ
トップへ戻るボタン設定
- トップへ戻るボタンの表示：チェック有り
- ボタンのアイコンフォント：上から1番目のアイコン
- ボタン色
背景色：#fe619a
文字色：#ffffff - ボタン画像：設定無し
コメント