【PR】当サイトでは広告を掲載しています

【初心者向け】CocoonでWordPressを始めるなら最低限やっておきたい設定13項目

Cocoon(コクーン)の設定・使い方

前回Cocoonのテーマ、子テーマをインストールする手順を紹介しました。

今回はCocoonを使うなら絶対やっておきたい設定をセキュリティー対策も含めて紹介していきます。

著作者情報
この記事を書いた人

WEBエンジニア11年目。これまでに100を超えるサイトの立ち上げや運営に携わり、2017年に法人化。カスタマイズ、ツール作成、サイト移転まで何でもこなすエキスパート。

CocoonでWordPressの設定をする

WordPressの管理画面の左メニューにある「設定」です。

Cocoonの設定画面

一般設定

一般設定で必要なのは「サイトのタイトル」と「キャッチフレーズ(説明文)」です。

Cocoonの一般設定1

ここで決めたタイトルとキャッチフレーズはサイトのヘッダーに表示されます(並びなどは変更できます)。

Cocoonの一般設定2

自作のヘッダー作るまではとりあえずこんな感じになります。

キャッチフレーズを表示したくない場合は一般設定のキャッチフレーズを削除してOKです。ただしサイトの説明文は大事な部分なので「Cocoon設定」⇒「タイトル」⇒「サイトの説明」という欄に説明文を入れておきます

Cocoonの一般設定3

Cocoonの一般設定4

上記のように設定しておけばヘッダーには説明文ないけど、ソースコードには説明文が表示されます。つまり人には見えないがGoogleには伝わるという感じにできます

表示設定

表示設定で変更は1箇所だけです。

Cocoonの投稿設定1

「フィードの各投稿に含める内容」の部分を「全文を表示」から「抜粋のみを表示」に切り替えしておきます。

なぜ抜粋にするのか?というとRSSやAtomのフィード情報から自分の記事内容を丸パクリされて配信されるのを防ぐためです

メディア設定

Cocoonのメディア設定ですが、横幅の初期値が800pxとなっていますのでこれに合わせておくのがおすすめです(後から横幅を小さくしても対応できるので)。

Cocoonのマニュアルでもおすすめされていたサイズが以下です。

  • サムネイルのサイズ:300×0
  • 中サイズ:500×0
  • 大サイズ:800×0

参考:おすすめのWordPressメディア(サムネイル画像)サイズ設定|Cocoon

高さの上限を0にしておけば元ファイルと同じ比率の画像になりますので上記の設定でOKです。

※「サムネイルを実寸法にトリミングする」にもチェックを入れます。
Cocoonのメディア設定1

「アップロードしたファイルを年月ベースのフォルダーに整理」にもチェックを入れます。年月ベースのフォルダに整理しておかないと1つのフォルダに画像が詰め込まれますので、分けておいた方が良いです。

Cocoonのメディア設定2

変更を保存でメディア設定は完了。

MEMO

大サイズに関してはは自分の見やすい横幅サイズに変更してそれに合わせたサイズにしてもOKです。

別のテーマからCocoonに変更された方はメディアサイズを変更後に一括リサイズできるプラグインを使うと便利です。

ディスカッション設定

ディスカッション設定はコメント欄の設定になります。

Cocoonディスカッション設定1

「新しい投稿に対し他のブログからの通知~ピンバック」は必要ないです(コメント欄がスパムっぽくなる)。

「コメントの投稿者の名前とメールアドレスの入力を必須にする」も必要ありません(必須にするとコメントしにくい)

Cocoonディスカッション設定2

「コメントの手動承認を必須にする」はチェックを入れる。コメントを手動認証にしておけば、コメント内容を確認してから公開できるので安心です

設定できたら保存。

パーマリンク

パーマリンクは記事のURLをどうするか?という設定です。

日付を含ませるURLとか、カテゴリー名を含ませるURLとか色々できますが、パーマリンクは「投稿名」が一番無難です。カテゴリー名とか入れちゃうとカテゴリー変更するたびにURLが変わります。

Cocoonパーマリンク設定1

※Cocoonのマニュアルでもパーマリンクは「投稿名」がおすすめされてます。

参考:CocoonのおすすめのWordPressパーマリンク設定|Cocoon

パーマリンクを投稿名にすると毎回記事作成の時にパーマリンクの編集ができます。

記事を投稿する際に記事タイトルの下に「パーマリンク」という部分があるので「編集」ボタンをクリックして、半角英数字で文字列(スラッグ)を入力していきます。

Cocoonパーマリンク設定2

パーマリンク編集ボタンを押して半角英数字で入力します。

Cocoonパーマリンク設定3

記事を投稿すると入力した半角英数字が記事のURLになってます。

Cocoonパーマリンク設定4

MEMO

パーマリンクの編集をせずに日本語のままでも良いですが、SNSなどでシェアされたりする時にエンコードの関係でURLがゴチャゴチャしたURLになってしまいます。

(例)https://example.com/%e6%9c%aa%e5%88%%e6%9c%aa%e5%88%%e6%9c%aa%e5%88%%e6%9c%aa%e5%88%

なのでパーマリンクの編集は半角英数字がおすすめです。

※途中でパーマリンクを変更する場合は記事のURLが変わるのでリンク切れになる可能性があります。

ユーザー設定でセキュリティー強化

ユーザー設定はWordPressを始めるにあたって最初に設定しておきたい項目になります。

設定せずにデフォルトのままだとユーザー名が簡単にバレてしまいますのでプラグインも入れてセキュリティー強化する必要があります。

以下記事で設定をしてみて下さい。

【図解】Edit Author Slugの導入と設定方法。ユーザー設定と合わせてセキュリティー強化
今回はプラグイン「Edit Author Slug」の設定方法を解説していきます...

サイトアイコン(ファビコン)を設定

サイトアイコン(ファビコン)っていうのはサイトのシンボルマークとなるアイコンです。

WordPressサイトにファビコンを設置する手順1

このように自分のサイトを開いた時とか、スマホでホーム画面に追加した時、お気に入りやブックマークしてもらった時にはこのアイコンが表示されるようになっています。

最近はGoogleなどで検索した時(スマホで検索した時)に検索結果にファビコンも表示されてますので差別化するために重要な部分です。

404 NOT FOUND | プロが教える始め方ナビ

Cocoon設定をする

Cocoon独自の設定です。初期状態で十分使える設定になってますが少しだけ変更していきます。

スキン

Cocoonにはたくさんのスキンが用意されていて手軽にサイトのデザインを変更できます。

デフォルトのデザインもシンプルで良いですが、自分のサイトに合うデザインを探してみて下さい。

Cocoonスキン選択1

Cocoonスキン選択

OGP設定のホーム画像を変更する

設定画面にも書かれてますが、OGPは「FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像を表示させる仕組み」です。

例えばOGPを設定しておけばTwitterとかで投稿すると「記事タイトル」「アイキャッチ」「抜粋文」「URL」などが表示されます。

↓こんな感じ。
Cocoon設定ogp設定2

ただですね、OGPのホーム画像が設定されているのですがCocoonの画像になってますので、自分のサイト(トップページ)がシェアされるとCocoonの画像で表示されます。

Cocoon設定ogp設定3

「選択」を押してトップページ(フロントページ)用の画像を設定しておいて下さい。

投稿設定の関連記事設定とページ送りナビの設定をする

Cocoon設定の「投稿の設定」で関連記事とページ送りナビの設定ができます。

ページ送りナビというのは記事下に表示される「前の記事」「次の記事」のようなナビの設定をします。

↓ページ送りナビ
Cocoon設定投稿2

Cocoon設定⇒「投稿」を選択。

Cocoon設定投稿1

関連記事を表示させるならチェックを入れて見出しも入力しておきます。

Cocoonで設定関連記事

さらに下の方にスクロールすると「ページ送りナビ」の設定があります。

「ページ送りナビを表示する」にチェックを入れて、「同一カテゴリーのものを表示する」にチェックを入れます。

Cocoon設定投稿4

Cocoon設定投稿3

※ページ送りナビは内部リンクになるので関連する記事同士でリンクさせた方が良いです

エディタ設定は使いやすい方を選択

WordPress 5.0から新エディタ「Gutenberg(グーテンベルク)」が採用されてデフォルトのエディタになりました。

Gutenbergはブロックという単位で文章を作っていきます。見出し、段落、リスト、画像、引用など全部ブロック単位で記事を作成していく感じですね。

グーテンベルクでの記事編集

旧エディタは「ビジュアルエディタ」と「テキストエディタ(HTML)」を切り替えて使うタイプでした。

ビジュアルエディタとテキストエディタ

Cocoon設定でどちらでも選択できますのでどちらも試してみて使いやすい方を選択して下さい。

Cocoon設定エディタ2

高速化設定

通常WordPressのテーマではプラグインなどをいくつも使って高速化するのですが、Cocoonではプラグインなしで実装できてしまいます。

Cocoon設定の「高速化」をクリック。

Cocoon高速化設定1

高速化の項目は全てチェックを入れます。

Cocoon高速化設定2

Cocoon高速化設定3

Cocoon高速化設定4

Cocoon高速化設定5

全部チェックをいれてたら保存でOKです。

MEMO

WordPress側ではなくて、サーバー側の高速化設定ができるレンタルサーバーがあります(エックスサーバーやシンレンタルサーバーなど)

サーバー側で高速化の設定ができる場合は機能が重複するので片方の設定でOKです。

広告設定

広告設定はアドセンスやその他広告の設定ができます。

また大事なのがステマ規制用の設定です。

アフィリエイトをしている記事には「PR」「アフィリエイトをしています」というような表示をする必要があります。

記事別に対応するのは大変なのでとりえず全ページに表示がでるように設定しておき、後から除外するカテゴリーやページを決めるのがおすすめです。

投稿記事と固定記事に標準装備させます。

CocoonPR設定1

自動挿入エリアは「本文の上(大)」で「テキスト(大)」の文言が挿入されるように設定しておけば良いです。

CocoonPR設定2

※表示が小さいとか見えにくいとNGなので、「テキスト(大)」の利用がおすすめです。

↓こんな感じに表示されます。

CocoonPR設定3

※除外するカテゴリーや除外するタグなども設定できます。

それから広告設定に関してはアドセンスの審査が終わっている方は広告の設定もしてみて下さい。

以上Cocoonを始めるなら最初にやっておきたい設定でした。

アドセンス関連の設定はこちらで解説しています。

【図解】Cocoonでアドセンス広告を設置する手順とその他広告の設定方法

コメント

タイトルとURLをコピーしました