お客様の声はこちら

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フォロー

 

画像

 

ブログカード

 

コード

 

コメント

 

通知

 

アピールエリア

 

おすすめカード

 

カルーセル

 

フッター

 

ボタン

 

モバイル

 

404ページ

AMP

PWA

管理画面

ウィジット

エディター

API

その他

リセット

吹き出し

テンプレート

アフェリエイトタグ

ランキング作成

アクセス集計

高速化

バックアップ

キャッシュ削除