【Cocoon】MASAa.netでの設定について(2019年12月)

アイキャッチ画像 Cocoon
スポンサーリンク

WordPressテーマ Cocoon設定について

このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。

MASAa.net | WordPress blog site specialized in PC produce by masaa
このMASAa.netでは、ソフトウェア(Windows)やハードウェア(自作PC)、WordPressテーマのカスタマイズなどパソコン関連の情報を掲載しています。

このブログサイト MASAa.netを2018年9月25日に開設してから1年が経過しました。

その1年間の間でWordPressテーマ Cocoonは大幅に機能が強化されています。

無料のWordPressテーマでありながら、これほどのことが出来るWordPressテーマは素晴らしいと思います。

是非、バージョンアップが少なく、1年経過してもほとんど変わらない有料のWordPressテーマは是非見習って欲しいところです。

と言う事で、2019年も終わろうとしている現時点でのWordPressテーマ Cocoonの設定内容についてまとめてみました。

WordPressテーマ Cocoon設定内容

【Cocoon】MASAa.netでの設定について(2019年12月)

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
  • ボタン画像:設定無し

コメント