最低限やっておきたい初期設定【Cocoon 3】


当サイトで利用している WordPressテーマ「Cocoon(コクーン)」を、使い始めるときに行った設定について簡単にまとめたものです。

 

設定方法

テーマの設定のやり方は十人十色で、初心者なのか経験者なのか、あるいは新規サイトをつくるのか移行サイトなのかなど環境によって異なってきます。

あなたの環境に合わせて、必要な項目を設定していきましょう。

 

Cocoonの設定

Cocoonの設定を行うためには、Wordpress管理画面(ダッシュボード)の画面左側にある、メニュー欄の「Cocoon設定」の「Cocoon設定」をクリック。

 

クリックで拡大

 

 

初期設定した項目

Cocoonでは、設定できる項目が細かく用意されているので、特に初心者さんは「どこから手をつけたらよいのか」迷ってしまでしょう。

まずは最低限の設定を行い、とりあえず記事を増やすことなどを優先させて、慣れてきたところでほかの設定を変更していくと良いでしょう。

 

スキン

サイト全体のスキンの設定を行います。

スキンとは、アプリケーションソフトウェアの外観を装飾する情報を格納したファイルのこと。

Cocoonで用意されている「スキン」の一覧から、好みのものを選択するだけで、簡単にサイトの外観を変更することができる。

 

タイトル

サイトのタイトルやキャッチフレーズに関する設定を行います。

 

変更内容

・フロントページタイトル
・サイトの説明
・投稿・固定ページタイトル

 

AMP

AMPに関する設定を行います。

AMPとは、「Accelerated Mobile Pages」の略で、GoogleとTwitterで共同開発された、モバイル端末でウェブページを高速表示するための仕組みのこと。

 

変更内容

・AMPの有効化

 

サイト高速化

左メニューの「Cocoon 設定」「高速化」をクリック。

サイト表示スピードの高速化設定を行います。

 

変更内容

・すべてのチェック項目に「✓」を入れる。

 

 

その他設定した項目

全体

サイトのキーカラーや背景色、フォントスタイルなど、ページ全体の表示に関する設定を行います。

 

変更内容

・サイトキーカラー
・サイトキーテキストカラー
・文字色
・サイト背景色
・文字色
・サイト幅の均一化
・リンク色
・選択文字色
・サイト選択背景色
・サイドバーの表示状態

 

ヘッダー

ヘッダーの表示設定を行います。

ヘッダーとは、ページ上部の帯の部分のこと。

ロゴとは、企業の理念や価値観、製品・サービスの特徴などを視覚化したもの。

グローバルナビメニューとは、Webサイトの全ページに共通して表示する主要ページへの案内リンクのこと。

 

変更内容

・高さ
・ヘッダーロゴ
・ヘッダーロゴサイズ
・キャッチフレーズの配置
・ヘッダー背景画像
・グローバルナビ文字色

 

 

広告

アドセンス設定や、ウィジェットの設定など、広告全般に関する設定を行います。

アドセンス(Google AdSense)とは、サイトを訪れた人が広告をクリックすることによって収益が発生するシステムのこと。

 

変更内容

・広告の表示
・アドセンス広告の表示
・広告コード
・関連コンテンツ用コード入力
・広告の表示位置
・[ad]ショートコード

 

 

SEO

headタグ内に追加するlinkタグの設定や表示する日付の設定を行います。

SEOとは「Search Engine Optimization」の略で、検索サイトで検索された時に、検索結果の上位に表示されるようにするための対策のこと。

 

変更内容

・表示する日付

 

 

OGP

TwitterやFacebookなどで、SNSでシェアーされた時に表示される画像を設定できます。

OGPとは、Open Graph Protocolの略で、Facebookや TwitterなどのSNSでシェアした時に、WEBページのタイトルやイメージ画像などの情報を正しく表示させる仕組みのこと。

 

変更内容

・Twitterカードタイプ
・画像のアップロード

 

 

アクセス解析・認証

Google Analyticsや Google Search Consoleなどアクセス解析全般の設定を行います。

Google Analytics(グーグル・アナリティクス)とは、Googleが無料で提供するWebページのアクセス解析ツール。

Google Search Console(グーグル・サーチ・コンソール)とは、Googleが無料で提供するWebサイトのパフォーマンスを監視・管理などができるツール。

 

変更内容

・解析全般
・Google AnalyticsトラッキングID
・Google Search Console ID

 

 

インデックス

ブログ記事の並べ方などの表示設定を行います。

インデックス(index)とは、検索エンジンクローラーに認識された情報が、検索エンジンのデータベースに登録されること。

 

変更内容

・フロントページタイプ(β版)
・「カテゴリごと」表示でカード表示数を変更する場合はこちら
・カードタイプ
・投稿関連情報の表示

 

 

投稿

投稿本文下のカテゴリとタグの表示・関連記事の表示・ページ送りナビゲーション・パンくずリストの設定を行います。

パンくずリスト(breadcrumb list)とは、ユーザーが Webサイト内のどのページを見ているのかを視覚的に示す、 ナビゲーション表示の一種のこと。

 

変更内容

・カテゴリ・タグ表示
・サイトの説明
・表示タイプ
・投稿関連情報の表示
・表示タイプ
・パンくずリストの配置

 

 

本文

外部リンク・内部リンクや、投稿・固定ページなどの関連情報の表示に関する設定を行います。

 

変更内容

・本文余白
・投稿関連情報

 

 

SNS シェア

記事を見た人に、サイトを拡散してもらう設定を行います。

Facebookや Twitterなどの各SNSアカウントと連携することができる。

 

変更内容

・トップシェアボタンの表示
・表示切替
・表示ページ
・プロモーション

 

 

SNS フォロー

ご自身が使っている SNSへのフォローしてもらう設定を行います。

Facebookや Twitterなどの各SNSアカウントと連携することができる。

 

変更内容

・表示ページ
・feedlyの表示
・RSSの表示

 

 

画像

投稿・固定ページの本文部分に関する、アイキャッチ画像、サムネイル画像の表示設定を行います。

 

変更内容

・画像の囲み効果
・NO IMAGE画像

 

 

ブログカード

URLや URLリンクをブログカード形式で表示するための設定を行います。

 

変更内容

・日付表示
・キャッシュの保存期間
・キャッシュの更新

 

 

コード

ソースコードのハイライト表示の設定を行います。

 

変更内容

・ハイライト表示
・キャッシュの保存期間
・キャッシュの更新

 

 

フッター

フッターの色やクレジット表示の設定を行います。

フッターとは、ページ下部の帯の部分のこと。

「スキン」で「なし」を選択した場合は、この項目でフッターの背景色や文字色などを設定する。

クレジットとは、 新聞や書籍、写真など 著作物において、その中に明記する作者、原作者、著作権者を表す表記のこと。コピーライトともいう。

 

変更内容

・フッター背景色
・フッター文字色
・フッター表示タイプ
・クレジット表記

 

 

404 ページ

ページが見つからなかった場合に表示される 404ページの表示設定を行います。

 

変更内容

・404ページ画像
・404ページメッセージ

 

 

管理者画面

管理画面の機能・投稿一覧ページ・PV 表示や編集リンクの表示の設定を行います。

 

変更内容

・カラム表示

 

 

エディター

投稿・固定ページ編集時に使うエディターの設定を行います。

エディターとは、記事の文章を書くシステムのスタイルのこと。

 

変更内容

・エディタースタイル

 

変更内容

・フロントページタイトル
・サイトの説明

 

 

API

アフィリエイトタグ使用時に利用するアフィリエイトIDの設定を行います。

APIとは、「Application Programming Interface」の略で、ソフトウェアからOSの機能を利用するためのインターフェースの仕様のこと。

 

変更内容

・Amazon
・楽天
・もしもアフィリエイト

 



 

その他設定項目

 

カラム

メインカラム・サイドバーの幅、余白幅、枠線の設定を行います。

カラム (column)とは、ワープロソフトやテキストエディタにおける、文字の位置やデータ の長さを表す単位のこと。

 

固定ページ

固定ページのコメント・パンくずリストの設定の設定を行います。

 

目次

目次関連の設定を行います。

 

コメント

これは記事にコメント欄を設けるかどうかの設定を行います。

 

通知

サイト上部ベルト状に表示される通知メッセージの設定を行います。

 

アピールエリア

ヘッダー下でアピールしたい内容の設定を行います。

 

カルーセル

ヘッダー下でカルーセル表示させたい投稿の設定を行います。

カルーセルとは、サイトのヘッダー下におすすめ記事などを並べて、コンテンツを順番に表示する機能のこと。

 

ボタン

ページトップにスクロール移動するかボタンの設定を行います。

 

モバイル

モバイル環境で表示するレイアウトの設定を行います。

 

リセット

設定した内容を初期化します。

 

テーマ情報

Cocoon 環境に関する情報です。

 

その他

SSL 対応・ファイルシステム認証・日本語スラッグに関する設定を行います。

 

 

Cocoon 公式マニュアル

Cocoonには、分かりやすいマニュアルや、フォーラムが用意されています。

 

テーマ利用マニュアル
テーマの利用方法を見やすく一覧にしたマニュアルです。

 

また、Cocoonを利用しているユーザーも多いのでWEB上に情報が多く、操作をしていてわからないことが発生したときは、ググれば大抵のことは解決できます。

 

最後まで読んでくれてありがとうございました。
Please look again if you like.