テーマ
テーマとはWPのテンプレートのことです。
主にサイトのデザインを変更するものですが、デザインだけにとどまらず、様々な機能を追加することができるのが、いわゆるテンプレートとの違いです。
Agent Tでは、Cocoonテーマを利用することを前提に調整しています。
お好みで他のテーマをご利用されても構いませんが、サポート外とさせていただきます。
Cocoonは無料で利用できますが、有料版顔負けのとても優秀なテーマです。
Cocoonのインストール
本家配布サイトが詳しいです。
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。
wp-cocoon.com
ダウンロード&インストール方法はこちら
テーマのダウンロード
Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。
wp-cocoon.com
Cocoon設定（一般的な推奨設定）
Cocoon設定
はじめにCocoonは無料ですが、非常に高性能なテーマです。そのため、設定できる項目も多く、最初は戸惑うかもしれません。このページでは最低限やっておいた方が良いと思われる設定を紹介します。ただし、この設定が絶対ではありません。サイトは自由に...
manual.tonkatsutei.com
Cocoon設定（Agent T 特有の推奨設定）
ヘッダ画像
Agent Tの記事は必ず画像がトップに入りますので、ヘッダ画像を設定すると最上部に画像が2枚並んで目障りになります。
メインである気を引くための記事の画像（アイキャッチ）も無駄になってしまいます。
ページタイトル
カードタイプ
これは必須ではなくて好みです。
Agent T ではアイキャッチの大きさが揃わないので、私は長さが可変式のタイルカード2列が好みです。
もしくはデフォルトでもいい感じになります。
アイキャッチ
すべての設定を変更した後に [変更をまとめて保存]を押してください。
ファビコン
これらのアイコンです。
こちらを参考に設定してください。
ファビコン
ファビコンとはCocoonテーマのファビコンを、オリジナルのものに変えます。画像を用意512 x 512 px の 画像ファイルを用意してください。ファイル形式は、PNGやJPGなどお馴染みのもので大丈夫です。画像ソフトを使って作っても良い...
manual.tonkatsutei.com
スタイル（CSS）
Cocoonでダークモード系のスキンを選んだ際に、一部の文字が背景と同系色になって可読性が悪くなりますので色を変えます。
手順です。
まだ投稿されていない場合は、投稿後にやってください。
CSSコードをコピペ
span.user_name {
color: #ffffff;
}
見えるようになりました。
