コクーン 初期設定

コクーン設定をしてみよう(スキン~投稿)

コクーンのインストールができたら、

さっそくコクーン設定で初期設定をしましょう。

コクーン設定を開く

ワードプレスの管理画面から、

「外観」「Cocoon設定」を開きます。

下のような設定画面が開きます。

ここでは、「スキン」~「投稿」タグを取り上げます。

主に赤枠で囲んだタグでの設定をします。

スキン

設定する内容

  • サイトのスキン(肌色)つまりイメージカラーの設定

色々なデザインが用意されています。

全体

設定する内容

  • サイト各パーツの色
  • 文字のフォント・大きさ
  • サイドバーの位置と非表示

キーカラー:カテゴリータグやサイドバーのウィジェットの色

変えずにそのままでも構いません。記事を書きながら変えてみてもいいと思います。

  カテゴリーごとに色をカスタマイズする方法はこちら

サイト背景色・サイト背景画像

 下のように背景色を変えたり、背景を画像に変更したりできます。

文字

文字のフォントや大きさ、太さを変えられます。

モバイルでの文字の大きさも変更できます。

そのままでも構いません。好みで変更してください。

サイドバー

サイドバーを左や右にしたり、特定のページで非表示にしたりできます。

ヘッダー

設定する内容

キャッチフレーズの表示・非表示

キャッチフレーズは、ページの一番上に表示されています。

これを消してスッキリさせたい場合、下のように「表示しない」にチェックを入れます。

タイトル

設定する内容

検索結果でトップページが表示される時の表示方法

検索結果で、以下のようにトップページが表示されます。

主にこの3つの設定をします。

フロントページ設定

  • フロントページタイトル」では、お好みでキャッチフレーズを非表示にしたり、「自由形式」でタイトルをカスタマイズできます。
  • サイトの説明」は検索順位に影響を与えるので、検索キーワードを交えながら興味を引く説明を入れます。
  • メタキーワード」とは、検索エンジンにそのページの内容がどういったものなのかを伝えるキーワードのことです。SEO(上位表示のための施策)的にはあまり重要ではないとされていますが、一応、入れておきましょう。
「セパレーター」についてはこちら

セパレーターとは、下のようにタイトルとキャッチフレーズを区切る文字のことです。

デフォルトでは上のようになっていますが、お好みでハイフンに変えられます。

OGP

設定する内容

ブログの情報をSNSでどう表示するかの設定

Twitterカードタイプを「大きな画像のサマリー」にすれば、より目立たせることができます。

アクセス解析・認証

設定する内容

  • アクセス数に自分自身のアクセスをカウントに含めるか
  • Glooleサーチコンソールやアナリティクスとの連携が、プラグインなしでできる

デフォルトでは、自分がページを開いた時もアクセス数にカウントされます。

これを含めない設定にする場合、下のように「アクセス解析設定」でチェックを外します。

サーチコンソールの設定方法については、サーチコンソールの始め方|コクーンで所有権を確認するをご覧ください。

カラム

設定する内容

コンテンツやサイドバーの幅、その2つの間の余白幅を変更

初期設定でしっかり調整されているので、こだわりがなければそのままでOKです。

インデックス

設定する内容

  • トップページでの記事リストの表示を変更
  • スマホでのページ説明文の表示・非表示

カードタイプ

先頭のサムネイル(視認性を高めるために縮小させた見本)画像を大きくしたり、カード2列・3列にしたりできます。

下のようにチェックを入れます。

指定した最新記事・カテゴリー記事のみを2または3カラム(2・3段)表示にする方法はこちら

投稿関連情報の表示

スマホに抜粋文を表示させるよう設定できます。

「スマホ端末でスニペットを表示」にチェックを入れます。

以下のような表示に変わります。

トップページで1度に表示する記事数を変更するには?

デフォルトでは、1度に10記事を表示する設定になっています。

この表示する記事数を変更するには、コクーン設定ではなく、

ワードプレスの「設定」>「表示設定」を開きます。

「1ページに表示する最大投稿数」を好きな数に変えます。

投稿

設定する内容

  • カテゴリーとタグの表示・非表示
  • 記事下の関連記事を1列から2列・3列に変更
  • パンくずリストの表示位置

カテゴリー・タグ表示設定

デフォルトでは、記事下にカテゴリーとタグが表示されています。

ごちゃごちゃしてるので、タグを消したいと思う場合、下のように

「カテゴリーのみ」を選びます。

関連記事設定

関連記事の表示を、以下のように変更できます。

以下が設定の方法です。

「表示タイプ」で3列を選びます。

「表示数」は列の倍数を設定します。

パンくずリスト設定

パンくずリストとは?

パンくずリストとは、下のようにWebサイトにおける現在ページの位置を階層順に示したものです。

画像に alt 属性が指定されていません。ファイル名: list_2.jpg

パンくずリストという名前は、グリム童話『ヘンゼルとグレーテル』の中で主人公が森で迷子にならないように通り道にパンくずを落としていったことから来ているそうです。

パンくずリストがあると、訪問者はブログの中で’迷子’になることなく、今見ているページの位置を直観的に理解できるようになるため、ブログの利便性が増します。

デフォルトでは、ページの一番下に表示されるようになっています。

これをページ上に変えると使いやすいと思います。

「メインカラム手前」を選ぶと、ページ上に移動します。

-コクーン, 初期設定

© 2021 ブログメイク

ドメイン 意味     用途                
登録開始
.international国際的海外向け製品・ サービス2014年
.globalグローバル事業、留学・ワーキングホリデー2014年
.kiwiキウイニュージーランドでのビジネス2014年

ドメイン 意味用途                
登録開始
.managementマネジメントマネジメント系業種2014年
.consultingコンサルティングコンサルタント2015年
solutionsソリューションコンサルタント、DIYサービス、
アドバイザー
2014年
.supportサポート製品、システムのサポート・問合せ窓口
コンサルティング、慈善団体
.tax税金会計士・税理士、確定申告・税金の情報 2014年
.associatesアソシエイト
(パートナー/仲間)
サークル、社名、法律家、会計士、設計2014年
.accountants会計士会計事務所、税理士、会計ソフト2014年
.singlesシングル・独身婚活・出会い2013年
.datingデート2014年
.partnersパートナー
.click意気投合マッチングサイト
2014年
.chatチャットカスタマーサービス2015年
.careersキャリア求人・派遣、職業訓練2013年
.works工場工場求人2014年

ドメイン 意味      用途               
登録開始
.marketingマーケティングマーケティングリサーチ・広告、メディア代理店2014年
.engineerエンジニアシステムエンジニア、プログラマー、ITエンジニアなど2015年
.systemsシステムシステム設計・管理、セキュリティ2014年
.engineeringエンジニアリングエンジニアリング会社2014年

ドメイン 意味    用途                
登録開始
.builders建築業者住宅・ビル建築、リフォーム、工務店、
ボディビルダー
2014年
.construction建造建築業者、配管工、左官、塗装工2013年
plumbing配管配管・水漏れ工事2013年
.expressエキスプレス 急行列車・バス・配達、名称2015年

ドメイン 意味      用途               
登録開始
.dealerディーラーディーラー2021年
.autoオート自動車2016年
.car   
車・自動車  
自動車、カーレース・スポーツカー2016年
.cars
.cabタクシータクシー・配車2013年
.tiresタイヤタイヤの製造・販売・サービス    2015年
.limoリムジンリムジン会社、レンタカー      2013年
.bikeバイクバイク・自転車の店舗や販売サイト
バイク・自転車にまつわるブログ
2013年

ドメイン 意味      用途                
登録開始
.equipment道具設備・機材2013年
.toolsツールDIY工具2014年
.lighting照明照明機器の製造・販売2013年
.solarソーラーソーラー機器の製造・販売2014年
.audioオーディオオーディオ販売2014年
.cameraカメラカメラ・写真2013年
.computerコンピュータパソコン版売・修理、ソフトウェア開発 2014年

ドメイン 意味      用途                 登録開始
.suppliesサプライ原材料・消耗品の供給2014年
.partsパーツ部品の製造・販売2014年
.diamondsダイヤモンド宝石店・アクセサリー2013年
.jewelryジュエリー2015年
.farmファーム農場・牧場・店舗名2014年
.glassガラス食器販売、ガラス修理2014年
.cleaningクリーニングクリーニング・清掃2014年
.flowersお花屋さん2015年
.studioスタジオフォト・音楽・フィットネス・
ダンススタジオ、アトリエ      
2016年
.visionビジョン・視力眼鏡・コンタクト2014年
.helpヘルプ便利屋2014年

ドメイン  意味      用途                登録開始
.tokyo東京東京に拠点を置く会社
東京に関連したビジネスやサービス
2014年
.nagoya名古屋名古屋に拠点を置く会社
名古屋に関連したビジネスやサービス  
2014年
.yokohama 横浜横浜に拠点を置く会社
横浜に関連したビジネスやサービス
2014年
.kyoto京都京都に拠点を置く会社
京都に関連したビジネスやサービス
2016年
.okinawa沖縄沖縄に拠点を置く会社
沖縄に関連したビジネスやサービス
2014年
.ryukyu琉球琉球(沖縄)に拠点を置く会社
琉球に関連したビジネスやサービス
2014年
.londonロンドンロンドンに関するもの2015年
.vegasラスベガス旅行、楽しさを強調2015年
.city都会都会の紹介、シティ(名称)として2014年
.capital首都、資本首都、資本2014年

ドメイン意味用途
登録開始
.ltd有限会社コーポレートサイト2017年
.inc企業・会社2019年
.holdingsホールディングス2013年
.venturesベンチャーベンチャー企業、起業2013年
.productionsプロダクション制作会社2013年
.enterprisesエンタープライズ
企業・企画
企業・ビジネス情報2013年
.repair修理修理会社2014年
.contractors委託業者請負業者2013年
.agency代理店代理店・取扱店2015年
.green環境保護環境保全に取り組む個人や団体、企業 2017年
.industries工業工場サイト2014年
.works工場ワークス(社名)2014年