WordPressの「タグ」は、投稿のキーワードを分類することに利用できる機能らしい。
タグを使えば、ユーザーが関連する投稿を探しやすくことによって、簡単に投稿を見てもらうことができるようになるということらしい。

WordPressでタグを設定するとタグ一覧が自動で作成され。カテゴリー一覧ページと全く同じ。

タグとカテゴリーの違い

WordPressのタグとカテゴリーの違いは、階層構造の有無。
カテゴリーには階層構造（親と子）があるが、タグには階層構造が無い。タグはあくまでサイト全体における独立したキーワード。

タグの使い方と活用方法

もっとも重要なキーワードを設定すること

WordPressのタグは記事のもっとも重要なキーワードを設定すること。
そのため、もっとも重要な単語をキーワードとして設定することが効果的といえる。

タグを使い過ぎない

タグは重要なキーワードなので、一つの投稿に過剰にタグを設置すると、伝えたいことが何なのかわからなくなるのでやめた方が良い。多くても3つ程度。

カテゴリーと被らないようにする

タグとカテゴリーは、どちらも記事をまとめる機能なので、カテゴリーと同じ単語のタグを作ってしまうと、一覧ページの重複を生み混乱するだけ。

タグを noindex にする

一覧ページの重複や乱立が発生すると、SEOにも悪影響をおよぼすリスクがあるかもということ。
そのため、WordPressのタグは「noindex」に設定しておくこと。
要するにタグというのは、あくまでサイトに訪れるユーザーを導くためのもので、検索エンジンにインデックスされるために作成するものでは無いということ。

新規タグを作成する方法

管理画面 -> 投稿 -> タグと選択

以下のように名前とスラッグ、必要なら説明を加えて「タグを追加」をクリック。

タグが追加された。

投稿にタグを表示反映させる方法

投稿作成時に設定する

まず、投稿ページの右メニューから「タグ」を探す。カテゴリーの下にあるはず。
そこに以下のように先ほど作成したタグ名を入れる。タグが複数ある場合はコンマ「, 」で区切る。

「投稿一覧」を選択して以下の画面を開く、タイトルの左のチェックを入れると、すべとの投稿をを一度にチェックを入れて選択状態にすることができる。

次に以下のように「編集」を選択して右にある「適用」をクリック。

以下の画面で作成したタグ「ホームページ」を入れる。

WordPressでタグの一覧を表示させる方法

タグをただ設定しただけでは、タグをフル活用できているとは言えません。特定のタグだけを表示する一覧ページを持つことによって、タグは最大の力を発揮してくれます。

外観 -> ウイジェット から「サイドバー」を開く。

サイドバーが開いたら、ブロックから「タグクラウド」を選択して「＋」に入れる。

タグで作成した「ホームページ」のタグが表示される。

サイドバーにも以下のように表示されるようになる。最後に「更新」ボタンをクリックすること。

実際のページを開いてみてみる。サイドバーにタグが表示されるようになる。
矢印の「ホームページ」をクリックしてみる。

以下のようにタグによる「ホームページ」一覧が表示されるようになる。
これは「ホームページ」というタグが付いたページが全て表示されている。
これは、全てのページにチェックを入れて「ホームページ」タグを設定したためで、これではまずいので「ホームページ」に関する投稿ページだけに「ホームページ」タグを設定する必要がある。
面倒だが手作業で一つずつチェックした方が早い。

タグページにnoindexを設定する方法

無料で使うと、投稿とか固定のページは色々やってみるとなんとかなるのだが、カテゴリー一覧だけは中々難しい。

最終的にやったのは「archive.php」に直接記述すること。
yStandardのカテゴリーページはこの「archive.php」で表示されているようだ。

レイアウトを変更

「外観 -> カスタマイズ -> [ys]デザイン -> アーカイブページ」を選択。
ページレイアウトでサイドバーを外した右のレイアウトを選択。
左のサイドバー付きを選択すると広告が、コンテンツとサイドバーを含めた横幅全体に表示されてしまうので広告の位置がおかしくなる、そこでサイドバーを外したレイアウトを選択した。これだと広告の入るレイアウトがうまくいく。

archive.phpを複製して子テーマに入れる

そこでyStandardのお親テーマから複製して子テーマに入れて、そのファイルを修正する。

子テーマの archive.php に広告コードを追加して入れる

子テーマに複製した「archive.php」を以下のように追加修正した。
20〜29行目が追加した分になる。ここに広告を表示するためのスペースを作成しGoogle広告を入れた。

広告のコードは自分で取得したコードを入れること。
以下はXXXXXXXXXXXXXXXと入れているので使えないので注意。
投稿ページの下に入れる広告と同じ「Multiplex広告（レスポンシブ）」を入れるのだが、このカテゴリー一覧では横幅が広すぎるので width を70%にCSSで設定している。
広告表示内容は投稿一覧と全く同じだが、そのためわざわざクラス名を変更している。

<?php
/**
 * 記事一覧テンプレート
 *
 * @package ystandard
 * @author  yosiakatsuki
 * @license GPL-2.0+
 */

get_header(); ?>
<div class="container">
	<div class="content__wrap">
		<?php if (have_posts()): ?>
			<?php ys_get_template_part('template-parts/archive/content'); ?>
		<?php else: ?>
			<?php ys_get_template_part('template-parts/404/content'); ?>
		<?php endif; ?>
		<?php get_sidebar(); ?>

   <!-- 広告を入れるスペースの作成 -->
		<div class="polo-ad-content-one-column">
			<div class="polo-ad__title-one-column">スポンサーリンク</div>
			<div class="polo-ad__one-block-one-column">
                <!-- 広告を入れるコード -->
				<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXX" crossorigin="anonymous"></script>
				<ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-XXXXXXXXXXXXXXX" data-ad-slot="4751288245"></ins>
				<script>
					(adsbygoogle = window.adsbygoogle || []).push({});
				</script>
                <!-- 広告を入れるコード end -->
			</div>
		</div>
   <!-- 広告を入れるスペースの作成 end -->
		
	</div>
</div><!-- .container -->
<?php get_footer(); ?>

CSSでレイアウトを整える

.polo-ad__title-one-column {
	display: flex;
	align-items: center;
	font-size: 10px;
	color: #a9a9a9;
}

/*テキストの前と後を同時に指定*/
.polo-ad__title-one-column::before,
.polo-ad__title-one-column::after {
	content: "";
	height:1px;
	flex-grow: 1;
	background-color:#a9a9a9;
}

/*テキストの前を指定*/
.polo-ad__title-one-column:before {
	margin-right: 10px;			/*テキストとラインの右スペース*/
}
/*テキストの後を指定*/
.polo-ad__title-one-column:after {		/*テキストとラインの左スペース*/
	margin-left: 10px;
}

結果、以下のように広告が入ってくる。

上の広告は「Multiplex広告（レスポンシブ）」なので全部で８つの広告が表示されることになる。

Google 広告（旧称：Google AdWords）とは

簡単に言うと企業向け（お金が必要）

Google 広告（旧称：Google AdWords）とは、広告主が広告を作成して、検索エンジンの「検索結果ページ」や「Googleディスプレイネットワーク（GDN）」に広告を掲載し、多くのユーザーに見てもらう広告のこと、お金を出して広告を表示してもらうようにしているということ。
通常、Google検索結果の上位に表示される。

一方でGDN広告は、Googleのディスプレイ広告が表示可能な場所であれば、どこにでも表示される。

Google AdSenseとは

簡単に言うとホームページを持っている人向け（収益を得られる）

サイト所有者（ホームページを公開している管理者）は、Google AdSenseのアカウントを作成すると、サイトやアプリなどに広告を掲載することができ、掲載場所はサイト上の特定のエリアなど指定することも可能。
AdSense広告を掲載することで、収益を得られるようになる。

AdSense の ads.txt の確認方法

ads.txtの「ads」は、Authorized Digital Sellers（認定デジタル販売者）の略。この「ads.txt」ファイルは、ウェブサイトやアプリにおける広告枠の販売を許可された正規の販売者をリスト化し、広告主が不正な広告枠の購入を防ぐためのもの。
また、AdSenseの略語でも無い。よく似ているので？と思うが意味は全く違うものである。

ads.txt は必須ではないが、使用することを強くおすすめする。ads.txt を使用すれば、購入者が偽の広告枠を判別できるため、パブリッシャー様としても偽の広告枠に収益が流れるのを阻止し、その分収益を増やすことができるというメリットがある。

管理画面の左側の「サイト」タブを選択、右側のところでサイトURLをクリックするとads.txtが有効か確認できる。ここではpolo-web.comをクリック。

以下のようになったら問題ない状態である。

AdSense で ads.txt に関する問題を修正する

サイトの ads.txt に問題がある場合は、AdSense アカウントに警告が表示される。収益に影響が出る可能性があるので、次の手順に沿って問題を解決。

注: 変更が AdSense に反映されるまでに数日かかる場合がある。サイトの広告リクエストが多くない場合は、最長で 1 か月ほどかかることがある。変更が完了したら、ads.txt のステータスのアップデートを確認できる。

サイト用の ads.txt ファイルを作成する

サイトに ads.txt ファイルがない場合は、以下のように作成すること。

説明をそのままコピーしたので英語版になっているが実際は日本語だと思う。
Homeタブのところに警告が出ている。「Fix now」をクリック。

Ads.txt statusの下が「Not found」になっているのを確認。ads.txtが見つからないことを意味する。
Site URLをクリック。

Ads.txtが無いことを確認。下の「Copy」でテキストコードをコピーする。

テキストにads.txtと名前を付けて、コピーしたコードを貼り付ける。

ads.txt が検証を通過するためには、正しい形式のパブリッシャー ID が記載されている必要がある。

ads.txt を作成したらサイトのルート ディレクトリにアップロード

ads.txt ファイルをサイトのルート ディレクトリにアップロード。
サイトのルート ディレクトリとは、トップレベル ドメイン直下のディレクトリまたはフォルダ（例: example.com/ads.txt）を指す。

ファイルが正しく公開されているか確認するため、ads.txt ファイルのコンテンツが利用可能かどうかを確認する方法。
ウェブブラウザで、ads.txt の URL（例：https://example.com/ads.txt）を入力。ads.txt ファイルがウェブブラウザに問題なく表示される場合は、AdSense もそのファイルを正しく検出できるはず。

パブリッシャー ID を ads.txt ファイルに追加する

ads.txt ファイルに自身のパブリッシャー ID が記載されていない場合は、アカウントからコピーして貼り付ける。こう言うことってあるの？

1. AdSense アカウントにログイン。
2. ホームページにアラートが表示されている場合は、[今すぐ修正] をクリックします。それ以外の場合は、[サイト] をクリックし、ads.txt のステータスが「未承認」になっているサイトをクリック。
3. [コピー] をクリック。
4. コピーされたテキストを、各 ads.txt ファイルに貼り付ける。ads.txt ファイルは次のようになる。（pub-0000000000000000 となっている箇所には自身のパブリッシャー ID が入る）。
   google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0

ads.txt のステータスのアップデートを確認する

ads.txt ファイルに変更を加えていても、変更がアカウントに反映されない場合は、ads.txt ファイルの再チェックを AdSense にリクエストできる。

1. AdSense アカウントにログイン。
2. [サイト] をクリック。
3. アップデートを確認するサイトをクリック。
4. [アップデートを確認] をクリックします。[サイト] ページで ads.txt のステータスがアップデートされる。

以上で完了。

そんなとき、この「Default Featured Image」プラグインで空白のアイキャッチ画像を埋めることができる便利なプラグインになる。

使い方

インストールが完了して、有効化すると以下のように表示れるので「設定」からスタート。

アイキャッチ画像が追加された、使用しない場合は、Don’t use a default featured image（デフォルトの注目画像は使用しない）をクリック。
最後に「変更を保存」を忘れないように。

各ページの「アイキャッチ画像」を設定しなくても以下のようにカテゴリー一覧に、ももれなく画像が表示されるようになる。

「画像サイズ」の設定

ここではアップロードした画像を、サムネイル、中サイズ、大サイズと３種類に自動生成するサイズを設定することができる。

WordPressでは、画像をアップロードすると、サムネイル（thumbnail）、中サイズ（medium）、大サイズ（large）、フルサイズ（full）の4種類の画像が自動的に生成されるらしい。ここでは３種類しかないのでデフォルトのままで良いと思う。

• サムネイル:150px × 150px
• 中サイズ:300px × 300px
• 大サイズ:1024px × 1024px

これらのサイズは、WordPressの管理画面「設定」>「メディア」で変更できる。

ここでの設定はあくまでテキストによるカテゴリーやタグの一覧を好きな場所に表示する機能になる。

ショートコードを使って、こんな感じで投稿ページや固定ページにリスト表示することができる。

ウイジェットを使ってサイドバーに入れた場合。現在polo-web.comで使用中。

プラグインの設定

このプラグインの管理画面は、下記の場所にあります。
管理画面 ＞ 設定 ＞ List Category Posts

ウィジェットでの使い方

サイドバーに入れる。外観 -> ウイジェット -> サイドバー 以下のプラスボタンをクリック。

すると、ブロックのウイジェットカテゴリーに以下の項目「List Category Poste」があるはずである。
これを選択。

「List Category Poste」ブロックが入ると以下のように表示される。色んな項目が設定ができるようになる。自分の設定は以下の通り。

カテゴリーの「Current category」は投稿ページで開いているページと同じカテゴリーを表示するので、自分はこれが目的なのでこれを選択している。他に、ここのカテゴリー項目のプルダウンで他のカテゴリーを指定することもできる。

設定が完了したら、右上の「更新」を忘れずにクリック。

あとは仕上げにCSSで体裁を整える。
「カスタムCSS & JS」で「カテゴリー一覧のレイアウトを変更（サイドバー用）」で入れている。

/*サイドバー用、カテゴリー一覧表示のレイアウト*/
h2.widget-title{
	font-size: 1.4em;/*タイトルのサイズ*/
}

ul.lcp_catlist {
 margin: 0; /*余白をリセット*/
 padding: 0; /*余白をリセット*/
 list-style-type: none; /*マーカーを削除*/
 border-top: solid 1px #eeeeee; /*枠線・上*/
}
ul.lcp_catlist li {
 padding: 10px 0px; /*余白*/
 background: ; /*背景色*/
 border-bottom: solid 1px #eeeeee; /*枠線・下*/ 
	line-height: 1.4em;
}
.lcp_catlist a{
	text-decoration: none;	/*リンクの下線を消す*/
	font-size: 14px;
}

この実際の見本は、このページのトップにある「ウイジェットを使ってサイドバーに入れた場合」。

後は規定のショートコードをページに入れるだけ

投稿ページや固定ページにリスト表示するには以下のように設定する。

カテゴリーネームの指定
これはショートコードをどこから取得する方法ではない。以下のように決まったショートコードのパターンがあり、それに従ってショートコードを作成することになる。

例えば「カテゴリーネーム」を指定して記事一覧を取得できる、これが一番簡単。

[ catlist pagination=yes catlist name=’FlyWithLua’ ]

もし、カテゴリー名が「FlyWithLua」なら、以下のようになる。

• 便利なQuickLookコマンドを活用
• ビーコンライトスイッチをON/OFF
• FlyWithLua & X-Plane
• draw_stringで複数行のテキストを表示 – FlyWithLua
• imgui ドローイングの作成 – FlyWithLua
• imgui イメージ（画像）の作成 – FlyWithLua
• imgui リストボックスの作成 – FlyWithLua
• imgui Misc（寄せ集め）の作成 – FlyWithLua
• io.open 保存したテキストファイルを読み込む – FlyWithLua
• imgui テキストをファイルに書き込む – FlyWithLua
• テキスト（数値）のフォーマット – FlyWithLua
• 色の設定 – FlyWithLua
• for文で連続作成したアイテムを縦横並べる – FlyWithLua
• クリック優先 RESUME_MOUSE_CLICK関数 – FlyWithLua
• 7セグメント表示を画像で作成- FlyWithLua
• FlyWithLuaのちょいメモ
• テキスト表示の基本 – FlyWithLua
• imgui 日本語が使えるテキストの作成 – FlyWithLua
• immguiボタンの作成 – FlyWithLua
• テキストの作成 – 日本語が使えないimgui_builder – FlyWithLua

• 1
• 2
• 3
• 4
• 5
• >>

以下のように投稿ページに、ショートコードのブロックを入れ、その中に規定のショートコードを入れる。
以下の場合は

• カラムブロックを選択してもツールバーが出ない！
• [WordPress] 便利なスライダー Smart Slider 3の使い方
• [WordPress] 画像にテキストを入れるWP Paint
• Simple Custom CSS and JS – WordPressに追加したいプラグイン
• Genesis Custom Blocksの使いかた
• Easy FancyBoxの使い方
• UpdraftPlus WordPress Backup Pluginの使い方
• Genesis Custom Blocks：カスタムブロックの例
• Advanced DB Reset｜WordPressのサイトを初期化する
• WordPress｜投稿記事の特定ページだけを別サイトに移動する
• imgui テキストをファイルに書き込む – FlyWithLua
• Content Aware Sidebarsプラグインを使う – WordPress
• 特定のカテゴリーやタグの記事一覧の表示プラグイン – WordPress
• 表示されなくなった投稿内容の復元とリビジョンの場所 – WordPress
• 旧サイトへのリンク
• MX Master 3 セットアップの方法
• Windows用 動画編集ソフト – MiniTool MovieMaker 8 を使ってみた
• WordPress プラグイン – WordPress Popular Posts
• Lazy Blocks – カスタムブロックの作成「Callout Box」
• yStandard – お知らせバーの表示

• 1
• 2
• 3
• 4
• 5
• 6
...
• 29
• >>

• 癒しの音楽がある暮らし
• Josh Groban / ジョシュ・グローバン
• Colbie Marie Caillat コルビー・キャレイ
• Andrea Bocelli アンドレア・ボチェッリ
• 佐世保 九十九島国立公園
• 最近チョー大好きになったカントリーソング「Choosin’ Texas」

他にも色んなショートコードがあるのでサイトで探して見ると面白い。

以下は「音楽」のカテゴリーではないが、投稿ページに入れた状態である。

ショートコードで利用できるパラメーターは、他にも沢山あるようだ。
詳しくは、公式のドキュメント（英語） GitHub を参考に。

ショートコードは、パラメーターに「カテゴリーID」「カテゴリーネーム」などを指定して利用。ショートコードのパラメーターは、組み合わせて利用できる。

色んなショートコードを紹介したサイトは沢山あるのでそちらを参考に。

記事の並び順を指定できる。

カテゴリ投稿を一覧表示をページネーション付きで表示する方法もある

ページネーションとは、Webサイトでコンテンツが長すぎる場合に、複数のページに分割して表示する機能のことで、このような設定もできるようだ。

WordPressのダッシュボード（管理画面）でドラッグ&ドロップでの操作が可能、簡単に記事や固定ページの並び替えができるようになるプラグイン。

設定 -> Post Types Order から設定できる。

管理画面での使い方

設定が完了したら、例えば投稿に「並び替え」というメニューが表示されるようになる。

「並び替え」を選択したら以下の画面が出るので、後はドラッグして移動するだけ。最後に「Update」をクリックして完了になる。

投稿の管理画面で確認すると以下のように下に移動しているのがわかる。

他にも「投稿」以外に、メディア、ダウンロード、カスタムCSS & JS、マイページ、Lazy Blocks等に「並び替え」というメニューが追加される。
他にも自分が入れたプラグインで、並び替えが必要なものには追加されるのかもしれない。

コードにはタイトルをつけて、コード一覧画面で管理が行えます。WordPressにはCSS追加というところもありますが、同じようにCSSを追加するなら、こちらを使った方が後々、管理がしやすく広々としたスペースに書き込めるのでとても見やすいということになります。難点はCSSを追加した状態ではリアルタイムにCSSの設定が表示されないということ、その点CSS追加は状態を見ながら設定ができる点は便利ですので、まずCSS追加で作業して結果が確定してから、こちらに移して管理するという方法がいいかもしれません。ここでの設定は簡単に削除することもできるし、一旦保留することもできると本当に管理が楽になります。自分がどんなコードを入れたのかひと目でわかる一元管理ができる点では非常に便利です。

設定画面、デフォルトのままで使っています。

この中で「エディターの設定」で「HTMLエンティティを変換せずそのままに」が意味不明なところですね。

※ TMLエンティティとは、HTML文書内で特殊文字や予約済みの文字を、別の文字列で表現するための仕組み。

コードでHTMLエンティティ（たとえば、＆gt;または＆quot;）を使用したいが、エディタがそれらを同等の文字（前の例では>および “）に変更し続けたい場合は、このオプションを有効にすることをお勧めします 。

つまり特殊文字を使う場合に変換するかしないかをここでチェックすることになるようですね。普通に使う分には関係ないとこだからデフォルトのままということになります。

リンクの種類

「リンクの種類」では、インラインで出力するか、外部ファイルとして読み込むかを選択します。どちらを選択したとしても、追加したコードは「/wp-content/uploads/custom-css-js/」配下にファイルとして保存されます。

外部のファイル：外部に作成したCSSファイルをリンクするコードを入れる。

例えば以下のような。

<link rel=”stylesheet” id=”45-css” href=”//test.local/wp-content/uploads/custom-css-js/45.css?v=3108″ media=”all”>

内部：一般的にはこれを使うことになると思います。直接記述していきます。

表示位置

このプラグインを使うにあたって、ここでどちらを選ぶかが大事なポイントになります。リンクと表示対象はほとんどデフォルトのままですが、ここだけは必要に応じてどちらかを選択する必要があります。

<head>要素内：<head>内に記述したコードが入ります。

<footer>要素内：<footer>内に入るので</body>の前に入れるという場合に使います。

表示対象

フロントエンド：ブログの公開領域（ヘッダー、Bodyの直後、フッター）、ほとんどこのために使うと思います。

管理画面：（ヘッダー、フッター）管理画面を変更する場合

ログイン画面：（ヘッダー、フッター）ログイン画面を変更する場合

他の設定は多くのサイトで説明されているので、ここではポイントだけを説明しました。

その場合は固定ページで分類を追加するのではなく、カスタム投稿タイプを活用する。カテゴリーとは異なるが親子関係を設定することができる。

公式にも固定ページではカテゴリーは利用できないと記載がある。（カスタマイズすることで使うことはできる）

カテゴリーによる分類が必要なページはどうするのか

固定ページで、カテゴリーといった分類を使いたい場合はどうすればいいか。
WordPressを使ってサイトを構築していると、このような問題に当たる。

投稿でも固定ページでもなく、新しい投稿タイプ（カスタム投稿）を作成する。

カスタム投稿タイプは Custom Post Type UI – プラグインで設定できる

カスタム投稿タイプは functions.php にコードを書く方法と、プラグイン導入により設定する方法があるが、公式にも記載があるようにプラグインでの定義が推奨されている。

カスタム投稿タイプは、新たに別の「固定のような投稿」を作ることができる機能。
 WordPressには初期状態で「投稿」や「固定」が用意されているが、カスタム投稿タイプを新たに作成すれば、オリジナルの投稿タイプを作成することができる。
固定ページのような定まったページ、「お客様の声」「製品情報」など、複数のジャンルを作成したい場合に使える機能になる。

カスタムタクソノミー（カスタム分類）とは、投稿で利用できるカテゴリーやタグの「カスタム投稿タイプ版」こと。
カテゴリーやタグ以外の分類タイプを作成して、カスタム投稿タイプに紐づけて利用することができる。

インストールと使い方

Custom Post Type UI をインストール

インストールが完了して有効化したら、以下のようにCTP UIと表示されるようになる。

カスタム投稿を作成する

インストールして有効化したら、ダッシュボードの設定の下に、「CPT UI」という項目が追加される。
CPT UI＞「投稿タイプの追加と編集」を選択。

以下の設定画面が表示される。ここからカスタム投稿を追加していく。

設定のところから「True」に変更。

項目数はたくさんあるが、実際に設定するのは以下の５箇所程度。

• 投稿タイプスラッグ：カスタム投稿のID(半角英数で20文字以内)。ここでは商品情報ということで、「my_pages」と入力
• 複数系のラベル：カスタム投稿の表記名(日本語でOK)。ここでは「マイページ」と入力
• 単数系のラベル：カスタム投稿の表記名(日本語でOK)。ここでは「マイページ」と入力
• アーカイブあり：Trueと入力(※)アーカイブ一覧表示ページを作るかどうか。通常作るケースが多いのでTrueを選択
• サポート：「なし」以外全てにチェック。どの機能を有効にするかを設定する箇所で、すべて機能有効化している。

まずは最低限の上記を設定してから徐々に覚えていく。

上記の設定項目には大きく「追加ラベル」と「設定」の2つに分かれますが、追加ラベルの設定は、管理画面上の表示されるカスタム投稿の各設定項目名称どうするかの設定で、基本何もしなくてOK。あえて変更したい場合のみ設定。

設定については、基本的にアーカイブありのみTrueにしておけばOK。

一番下の「投稿タイプを追加」をクリックすると以下のメニューが表示される。

パーマリンク設定を更新保存

次にパーマリンク設定を更新保存。※WordPressの仕様で、カスタム投稿・カスタム分類を追加した際は、パーマリンク保存をしておかないとカスタム投稿が正常に表示されない場合があるため。

「日付と投稿名」にチェックを入れたら一番下にある「変更を保存」をクリック。

商品情報を新規追加する

左に作成した「マイページ」があるのでそこから「マイページ一覧」を選択する。
「新規マイページを追加」をクリックして、通常の投稿や固定ページと同様に、任意の内容を記述していく。

ページを公開すると、商品情報の個別ページが表示される。
URL構造は通常「https://polo-web.com/投稿スラッグ名/タイトル名」になっている。
タイトル名はスラッグに変更できる。

「https://polo-web.com/my_pages」でアクセスするとマイページの一覧が表示される。
これで「マイページ」が「カテゴリー一覧」と同じ役目をすることになる。

マイページの内容は固定ページのようにページが固定された状態で表示される。
投稿ページのように順番が移動することは無い。

メニューに追加する

「メニュー項目追加」に「マイページ」が追加されているので一覧ページと追加したページを選択して「メニューに追加」をクリックして追加する。

「マイページ一覧」だと実際のメニューに表示するには長すぎるので「マイページ」に変更する。

このプラグインはアイキャッチが設定されていない投稿に対し、あらかじめアップロードされた候補の中からランダムでアイキャッチ画像を表示させます。

WP Random Post Thumbnails プラグインのインストール

プラグインをインストールして有効化すると設定メニューの中に「Random Thumnails」が追加されます。（下記の例ではプラグイン画面の Settings をクリックしても設定画面を表示できます）

使い方

インストール有効化すると、管理画面→「設定」→「Random thumbnail」というメニューが表示される。

画像のアップロード

以下のところから画像をアップロードする。

必要な画像を選択、ランダムに選ぶアイキャッチ用の画像を、アップロードする。
メディアライブラリから選んでも、新規にアップロードしても良い。

アップロードが完了。
後は、どの投稿タイプに適用するのかを選択するだけ。

もし既にアイキャッチ画像を選択していた場合どうなる？

そのページは既に設定していたアイキャッチ画像がそのまま優先で表示されるので何もする必要がない。

もし、ページでアイキャッチ画像が設定されていないで、デフォルトで表示する画像が設定してあった場合どうなる？

この場合は、必ず「Default featured image」プラグインを無効に、または削除する必要がある。

「Default featured image」プラグインを使うとデフォルトでアイキャッチ画像が設定される便利機能。これは指定された画像１枚が表示される。

このプラグインで既にデフォルトのアイキャッチ画像を設定していたら、プラグインを無効にする必要がある。

逆に今回導入する「WP Random Post Thumbnails」プラグインがインストールされていて有効になっている状態で「Default featured image」プラグインを使うとプラグインの設定が重複したような感じになるので、デフォルトのアイキャッチ画像が設定できない状態になる。画像をアップロードする時にグルグル回った状態になりいつまで経ってもアップロードが出来ない状態になる。

基本的に「Default featured image」プラグインを使っていないなら何もする必要がない。後は画像を追加したり、削除したりするだけ。