WordPressテーマ「Cocoon」のカスタマイズ

  1. WordPressのユーザ名が表示されないようにする(ニックネームが表示されるようにする)
  2. 投稿者のアーカイブページを無効にする(削除)
  3. 「次のページへ」を非表示にする
  4. 過剰なSNSシェアボタンを非表示にする
  5. 「サイト管理者をフォローする」を非表示にする
  6. サイトキーカラーを変更する
  7. ヘッダー上部の「キャッチフレーズ」を非表示にする
  8. サイト管理者のクリックはアクセス解析の対象外にする
  9. 投稿記事下部のコメントを非表示にする
  10. パンくずを「メインカラムトップ」に表示する
  11. (任意)関連記事設定を変更する
  12. ページ送りナビを非表示にする
  13. 投稿した記事のカードに更新日を表示する
  14. 投稿した記事のカードのスニペット(抜粋)を非表示にする
  15. 投稿記事の上部のアイキャッチを非表示にする
  16. 画像の囲み効果を設定する
  17. 投稿記事のデフォルト画像を設定する
  18. サイトアイコンを設定する
  19. ホームイメージの設定
  20. 内部リンクと外部リンクを新しいタブで開くように設定を変更する
  21. 固定ページを作成しフッターに表示する
  22. 推奨されているプラグインをインストールする
  23. Google Search Consoleに登録
  24. Google Analyticsに登録
  25. Bing Webマスターツールに登録
  26. ソースコードの番号を表示、ライブラリを変更、最大行数を変更
  27. ソースコードの文字サイズを変更
  28. 不要なPing送信を防止
  29. 画像アップロード時の設定を変更(無圧縮・無劣化にする)

WordPressのユーザ名が表示されないようにする(ニックネームが表示されるようにする)

●表示されないようにする理由
不正ログインを防ぐため。
ユーザー名(ログインID)を公開するのは不適切。

●手順
1.「ユーザー」-「あなたのプロフィール」を押す
2.「ニックネーム (必須)」を入力する
3.「ブログ上の表示名」に入力したニックネームを選択する
4.「プロフィールを更新」を押す

投稿者のアーカイブページを無効にする(削除)

●無効にする理由
不正ログインを防ぐため。
ユーザー名(ログインID) を表示させないようにしても、アーカイブページ自体は存在するため。

●手順
1.「外観」-「テーマエディター」を選択
2.「テーマのための関数 (functions.php)」に以下を追記する

「次のページへ」を非表示にする

●手順
「スタイルシート (style.css)」に以下を追記する。

/*「次のページ」非表示にする*/
.pagination-next {
  display: none;
}

過剰なSNSシェアボタンを非表示にする

1.[Cocoon設定]→[SNSシェア]をクリック

2.「トップシェアボタンの表示」の「メインカラムトップシェアボタンを表示」のチェックを外す

3.「変更をまとめて保存」をクリック

「サイト管理者をフォローする」を非表示にする

1.[Cocoon設定]→[SNSフォロー]をクリック

2.「フォローボタンの表示」の以下のチェックを外す
 ・本文下のフォローボタンを表示する
 ・feedlyフォローボタンを表示する
 ・RSS購読ボタンを表示する

3.「変更をまとめて保存」をクリック

4.WordPress管理画面の[ユーザー]-[あなたのプロフィール]の「サイト」のURLを削除し
 「プロフィールを更新」をクリック

サイトキーカラーを変更する

1.[Cocoon設定]→[全体]をクリック

2.「全体設定」の「サイトキーカラー」を任意に変更する

3.「変更をまとめて保存」をクリック

ヘッダー上部の「キャッチフレーズ」を非表示にする

1.[Cocoon設定]→[ヘッダー]をクリック

2.「ヘッダー設定」の「キャッチフレーズの配置」の「表示しない」を選択する

3.「変更をまとめて保存」をクリック

サイト管理者のクリックはアクセス解析の対象外にする

1.[Cocoon設定]→[アクセス解析・認証]をクリック

2.「アクセス解析設定」の「サイト管理者も含めてアクセス解析する」のチェックを外す

3.「変更をまとめて保存」をクリック

投稿記事下部のコメントを非表示にする

1.[Cocoon設定]→[投稿]をクリック

2.「コメント設定」の「コメントを表示する」のチェックを外す

3.「変更をまとめて保存」をクリック

パンくずを「メインカラムトップ」に表示する

1.[Cocoon設定]→[投稿]をクリック

2.「パンくずリストの配置」の「メインカラムトップ」を選択する

3.「変更をまとめて保存」をクリック

4.[Cocoon設定]→[固定ページ]をクリック

5.「パンくずリストの配置」の「メインカラムトップ」を選択する

6.「変更をまとめて保存」をクリック

(任意)関連記事設定を変更する

1.[Cocoon設定]→[投稿]をクリック

2.「関連記事設定」の「表示タイプ」の「ミニカード」を選択する

3.「関連記事設定」の「枠線の表示」にチェックを付ける

4.「変更をまとめて保存」をクリック

ページ送りナビを非表示にする

1.[Cocoon設定]→[投稿]をクリック

2.「ページ送りナビ設定」の「表示」の「ページ送りナビを表示する」のチェックを外す

3.「変更をまとめて保存」をクリック

投稿した記事のカードに更新日を表示する

1.[Cocoon設定]→[インデックス]をクリック

2.「投稿関連情報の表示」の「更新日の表示」にチェックを付ける

3.「変更をまとめて保存」をクリック

投稿した記事のカードのスニペット(抜粋)を非表示にする

1.[Cocoon設定]→[インデックス]をクリック

2.「投稿関連情報の表示」の「スニペット(抜粋)の表示」のチェックを外す

3.「変更をまとめて保存」をクリック

投稿記事の上部のアイキャッチを非表示にする

1.[Cocoon設定]→[画像]をクリック

2.「アイキャッチの表示」の「本文上にアイキャッチを表示する」のチェックを外す

3.「変更をまとめて保存」をクリック

画像の囲み効果を設定する

1.[Cocoon設定]→[画像]をクリック

2.「画像の囲み効果」の「シャドー(薄い影)」を選択する

3.「変更をまとめて保存」をクリック

投稿記事のデフォルト画像を設定する

1.[Cocoon設定]→[画像]をクリック

2.「NO IMAGE画像」に任意の画像を設定する

3.「変更をまとめて保存」をクリック

サイトアイコンを設定する

1.[外観]→[カスタマイズ]をクリック

2.[サイト基本情報]をクリック

3.[サイトアイコン]をクリック

4.任意の画像を選択し「公開」をクリック

ホームイメージの設定

1.[Cocoon設定]→[OGP]をクリック

2.[ホームイメージ]→[画像のアップロード]をクリックし任意の画像を指定

3.「変更をまとめて保存」をクリック

内部リンクと外部リンクを新しいタブで開くように設定を変更する

1.[Cocoon設定]→[本文]をクリック

2.「外部リンクの開き方」で「新しいタブで開く(_blank)」を選択する

3.「内部リンクの開き方」で「新しいタブで開く(_blank)」を選択する

4.「変更をまとめて保存」をクリック

固定ページを作成しフッターに表示する

1.以下の3つの固定ページを作成する
・お問い合わせ
・プライバシーポリシー
・運営者情報

それぞれのパーマリンクは
・contact
・privacypolicy
・profile
にする

2.[外観]-[メニュー]をクリックし「フッターメニュー」という名前でメニューを作成する。

3.作成した3つの固定ページを上記の「フッターメニュー」へ追加する。

4.「メニューの位置」として「フッターメニュー」にチェックを入れる

5.「メニューを保存」をクリック

推奨されているプラグインをインストールする

・WP Multibyte Patch
 →とりあえずインストールしておく。

・Wordfence Security
 →セキュリティ。インストールしておくだけでもセキュリティが良くなる

・SiteGuard WP Plugin
 →セキュリティ。
 →ログインページのURLを変更できる。変更後のURLはメールに送付される
 →ログインロック等の設定が可能になる

・Edit Author Slug
 →ユーザー名の漏洩を防ぐ

・Akismet Anti-Spam
 →コメント機能を有効化する場合は要インストール

マニュアル

Google Search Consoleに登録

Google Analyticsに登録

Bing Webマスターツールに登録

ソースコードの番号を表示、ライブラリを変更、最大行数を変更

●ソースコードの番号を表示、ライブラリを変更
[Cocoon設定]→[コード]をクリック
┗「ソースコードをハイライト表示」にチェック
┗「行番号表示」にチェック
┗「ライブラリ」の「全て(対応している言語全て)」にチェック

●最大行数を変更
子テーマのfunctions.phpに追記

ソースコードの文字サイズを変更

不要なPing送信を防止

画像アップロード時の設定を変更(無圧縮・無劣化にする)

functions.phpに以下を追記。

//画像アップロード時の圧縮率を100(無圧縮・無劣化)にする
add_filter( 'jpeg_quality', function( $arg ){ return 100; } );
タイトルとURLをコピーしました