記事ページにタグを表示する-WordPressテーマCocoon

記事ページにタグが表示されるようにしてみた-Cocoon-テーマ-ブログカスタマイズ ウェブサイト・ブログ作成
記事ページにタグが表示されるようにしてみた-Cocoon-テーマ-ブログカスタマイズ
ウェブサイト・ブログ作成
この記事は約4分で読めます。

 WordPressの無料テーマCocoonで、記事ページにタグを表示させたい。

 せっかくタグをつけても、記事ページから同じタグをつけたページに移動できないのは、もったいない。

 なので、記事ページにその記事がどのタグで投稿されていて、読んでくれた人が関連する記事に移動できるようにしたい。

広告

WordPressテーマCocoonの記事ページにタグを表示する

 スターサーバーのファイルマネージャーを利用して、カスタマイズしていく。

1.サーバーにアクセスし、ファイルマネージャーにログイン。

2.〔ディレクトリツリー〕の目当てのサイトのフォルダをクリック。

 このブログなら「freesoft.0hs.org」のフォルダになる。

3.「wp-content」フォルダをクリック。

4.「themes」フォルダをクリック。

5.親テーマ「cocoon-master」をクリック。

親テーマ・子テーマ-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

親テーマ・子テーマ-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

6.〔tmp〕フォルダをクリック。

7.〔content.php〕の↓を押し、パソコン内の任意の場所にダウンロードする。

content.phpをダウンロード-記事ページにタグを表示する-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

content.phpをダウンロード-記事ページにタグを表示する-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

9.〔ディレクトリツリー〕の子テーマ「cocoon-child-master」を押す。

10.〔新規作成〕を押し「tmp」と入力し、〔フォルダを追加〕を押す。

 〔tmp〕フォルダが既に作ってある場合、この作業はしなくてOK。

〔新規作成〕を押し「tmp」と入力し、〔フォルダを追加〕を押す。-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

〔新規作成〕を押し「tmp」と入力し、〔フォルダを追加〕を押す。-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

11.出来上がった「tmp」フォルダをクリックして開く。

12.〔アップロード〕を押す。

アップロードを押し、ファイルの選択を押す-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

アップロードを押し、ファイルの選択を押す-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

13.〔ファイルの選択〕でダウンロードした〔content.php〕を指定し、画面をスクロールして、下の方にある〔アップロード〕を押す。

14.〔tmp〕フォルダの中の〔content.php〕の編集ボタンを押す。

子テーマの〔tmp〕フォルダの中の〔content.php〕の編集ボタンを押す-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

子テーマの〔tmp〕フォルダの中の〔content.php〕の編集ボタンを押す-Cocoon-テーマの編集-スターサーバー-ブログカスタマイズ

15.以下のタグを追加する。

 <div class="top-categories-tags">
<span class="top-tags"><?php the_tag_links() ?></span>
</div>

 タグの追加場所は

タイトル上に表示したい場合は<h1の前に追加。
タイトル下に表示する場合は/h1>の後に追加。
本文上に表示したい場合は「本文上のカテゴリー・タグ」の記述の一番最後に追加。

 ちなみに、今回は、タイトル下と投稿本文下ウイジェットの上にタグを表示してみた。

16.〔上書き保存〕を押す。

記事にタグを表示したくなった理由

 今回、なぜ記事にタグを表示したくなったかというと、他のサイトを見ていた時に、同じタグのつけられたページを見てみたくなったことがあったから。

 関連記事のサムネイルだと複数のタグが付いてるとランダムに表示される。

 関連するページも見てみたいと思った時にその記事のタグがわからないと不便だなと思ったから。

 カテゴリーって、大体大雑把な分け方だし。

コメント

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