お客様の声はこちら

cocoon各種設定

お疲れ様です。
cocoonでホームページを作るにあたりダッシュボードの使い方と各種設定をまとめてみました~
一通りやってみて下さい♪
タイトルが青は設定必須、赤は今回は触れません、黒はやってもやらなくてもOKだけど参考までにやってみて欲しいものです。

ワードプレスのダッシュボード順で説明します

投稿

投稿一覧:作成したブログ記事の一覧
新規追加:新しいブログを作成する
カテゴリー:ブログ記事に設定するカテゴリーを編集できる
タグ:ブログ記事に設定するカテゴリーを編集できる

ちなみにカテゴリーは記事をジャンル分けするために使います。
トリミング、お手入、しつけなど見る人が記事を見つけやすいようにするためのものです。
タグは付箋みたいなもの、一つの記事に複数付けることができます。

メディア

ライブラリ:ワードプレスに登録してある画像などの一覧を見る(一度使った画像はここに登録されます)
新規追加:ホームページで使いたい画像をワードプレスに登録できます(各ページの編集中にも登録できるのであんまり使わない)

リンク

全てのリンク、新規追加、リンクカテゴリーの3つのメニューがあって、ホームページ内に貼り付けてあるリンク(他の人のホームページに飛べるやつ)を管理することができます。が、今回は割愛します。

固定ページ

固定ページ一覧:作成した固定ページの一覧
新規追加:新しい固定ページを作成する

コメント

投稿した記事へのコメントなどを管理します。が、今回は割愛します。

Cocoon設定

スキン

全体的な外観を設定できます

全体

サイトカラー:サイト全体の色を設定(見出しや表なども)

サイトキーテキストカラー:サイト全体の文字色(見出しの文字など)を設定

サイトフォント
フォント:サイトの文字の形を設定
文字サイズ:PCで表示されるサイトの文字のサイズを設定
文字色:サイトの見出・本文の色を設定

モバイルサイトフォント:スマホで表示されるサイトの文字のサイズを設定

文字の太さ:サイト内の文字の太さを設定/100(細い)~900(太い)

サイト背景色:サイト内の何もないところ(初期設定はグレー)の色を設定

サイト幅の均一化:ヘッダー背景画像がパソコンなどの画面幅に関係なく一定の幅で表示されるように設定

サイト選択文字色:文字列を選択したときの文字色/変えない方が良い

サイト選択背景色:文字列を選択したときの文字の背景の色/変えない方が良い

サイドバーの位置:PCでサイトを表示するとき、サイドバーが左右どちらに表示されるかを設定
※スマホの場合はどちらの設定でも下に表示される

サイドバーの表示状態:サイドバーをどのページに表示するか設定

ファビコン:タグに表示される小さいアイコン/違う設定画面で設定します。データは512×512 pxのPNG画像を使用する

サムネイル表示:

日付フォーマット:ブログ記事などに表示される日付の表記(投稿日など)を設定

ヘッダー

ヘッダーレイアウト:ヘッダーのロゴとグローバルメニューの位置を設定

高さ:PCでサイトを表示するときのヘッダーの高さ(縦幅)

高さ(モバイル):スマホでサイトを表示するときのヘッダーの高さ(縦幅)

ヘッダーロゴ:ヘッダーロゴ画像を設定

ヘッダーロゴサイズ:ヘッダーロゴ画像のサイズを設定

キャッチフレーズの配置:キャッチフレーズの表示位置を設定

ヘッダー背景画像:ヘッダーの背景画像を設定

ヘッダー全体色:ヘッダーの背景の色を設定

ヘッダー色(ロゴ部分):ヘッダーロゴ周辺の色を設定

グローバルナビメニュー色:グローバルメニュー部分の色を設定

グローバルナビメニュー幅:グローバルメニューの幅を設定

広告

今回は割愛します

タイトル

フロントページタイトル:googleなどで検索されたときに表示されるサイト名を設定

サイトの説明:googleなどで検索されたときに表示されるサイトの説明を設定

投稿・固定ページタイトル:googleなどで検索されたときに表示される固定ページ、ブログページのページ名の設定

SEO

今回は割愛します

OGP

ホームイメージ:SNS等でシェアされたときに表示される画像を設定/サイズは880px×660px

その他:今回は割愛します

アクセス解析・認証

今回は割愛します

カラム

ホームぺージのメインエリアとサイドバーの幅、その間の間隔を設定
参考サイト(リンクにしてないので見たい場合はコピペして閲覧ください。)
https://wp-cocoon.com/column-settiongs/

インデックス

今回は割愛します

投稿

カテゴリ・タグ表示設定:ブログページのカテゴリ・タグの表示の仕方を設定(カテゴリのみ表示などもできる)

関連設定:ブログの記事に関連する他の記事を表示するかを設定。カテゴリが同じ記事を関連とするのか、タグが同じ記事とするのか?
表示する記事の数や○ヶ月以内で同じカテゴリの記事のみなど各種設定ができる

固定ページ

コメント設定:コメントを表示するかどうかを設定→非表示にしておきましょう。

パンくずリスト:パンくずリストの表示設定
ホーム ▷ パピーパーティー ▷ 当日のご案内 ←画面の上の方にあるこんなの

本文

文字行間設定:文字列の高さ、行と行の間の広さを設定。

外部リンク設定:外部リンクをクリックしたときの開き方などを設定

目次

目次を表示するページや目次のタイトルなどを設定
固定ページは目次を非表示にしておきましょう。

SNSシェア

ブログ記事に表示されるSNSシェアボタンの種類を設定できます。

SNSフォロー

ブログ記事にフォローボタンを表示するか?またSNSのアカウントの設定を行います。

画像

本文画像設定:アイキャッチ画像の表示非表示、表示の仕方を設定できます。

全体画像設定:今回は割愛します

NOIMAGE設定:アイキャッチ画像を設定していない場合に表示される画像設定。

ブログカード

ページ内にリンクを貼った際、文字列で表示するのか、カード型のリンクを表示するのか?
カード型の場合の表示の仕方を設定

コード

今回は割愛します

コメント

今回は非表示にしているので割愛します

通知

各ページ共通で一番上(トップメニューの下)に帯状に表示されるリンクの設定
このページのお客様の声のところ

アピールエリア

今回は割愛します

おすすめカード

今回は割愛します

カルーセル

今回は割愛します

フッター

今回は割愛します

ボタン

TOPへ戻るボタン(ページの一番上へ戻るボタン)の表示非表示、アイコンやアイコンの色を設定

モバイル

モバイルでのメニューの表示設定
トップメニューもしくはモバイルフッターボタンがおすすめ
モバイルでトップのロゴが表示されるかも設定できます

404ページ

今回は割愛します

AMP

これはおススメできないので今回は割愛

PWA

これもおススメできないので今回は割愛

管理画面

今回は割愛します

ウィジット

今回は割愛します

ウィジットエリア

今回は割愛します

エディター

今回は割愛します

API

今回は割愛します

その他

簡易SSL対応のみチェック

その他のところは触らないようにしましょう

リセット

全部の設定をリセットします。触らないようにしましょう!!!!!

テーマ情報

テーマ情報が確認できます。特に設定ではないです。

吹き出し

予め吹き出しのテンプレートを作っておくことができます。
あんまり使わないかな・・・

テンプレート

今回は割愛します

アフェリエイトタグ

今回は割愛します

ランキング作成

今回は割愛します

アクセス集計

今回は割愛します

高速化

ちょっと難しいので設定ないようだけ説明します。
以下の5項目にチェックをしてください。
ブラウザキャッシュの有効化
HTMLを縮小化する
CSSを縮小化する
avaScriptを縮小化する
Lazy Loadを有効にする

バックアップ

プラグインでバックアップするので割愛します

キャッシュ削除

今回は割愛します

外観