ビズベクトルのカスタム投稿の一覧をカスタマイズ-min

WordPress(ワードプレス)

カスタム投稿のアーカイブページの先頭に画像などを入れる方法

投稿日:2019年1月21日 更新日:

カスタム投稿を作成するのに使うプラグイン「Custom Post Type UI」。

このプラグインで作成したアーカイブページに任意の画像を入れる方法のご紹介です。

 

条件は

  • テーマは「bizvektor」
  • カスタム投稿は「Custom Post Type UI」で作成済み
  • 投稿ページの一覧テンプレートを利用する

カスタム投稿で作った一覧ページに「画像」や「説明」を入れると見た人にも伝わりやすくなるのでオススメです。

 

php初心者が書いてる記事ですので、バックアップなどを取りつつ自己責任で宜しくお願いします。

FTPソフトでindex.phpをダウンロード

まずは、FTPソフトを使用して、アーカイブページ(一覧)のテンプレートをダウンロードします。

 

僕が使ってるのはFFFTPソフトです。

FFFTP FTPソフト

 

まずは起動。

「public_html」をクリック。

FTPソフトを起動

 

「wp」⇒「wp-content」⇒「themes」⇒「biz-vektor」と進みます。

 

「biz-vektor」のフォルダの中に「index.php」というのがあります。

index.phpのファイル

 

PCにダウンロードします。

index.phpに書き加える

万が一、変な事態になってしまった場合の対処法として、まずはダウンロードした「index.php」をコピーしておきます。

(もし、不具合が発生した場合は、このファイルを元に戻せば、最初の状態に戻れます。)

phpファイルをコピーしておく

 

「index.php」の12行目「<div id="content" class="content">」の下に好きな画像やテキストを入れる。

 

僕は、仮の投稿ページなどで挿入したい部分を作って、コピペしています。

index.phpの名前を変更

phpファイルの名前を変更することで、カスタム投稿用のアーカイブのテンプレートとして読みこまれます。

 

変更する名前は「Custom Post Type UI」の設定画面で確認できます。

 

まず、管理画面のメニュー項目の中の「CPT(Custom Post Type UI)」をひらく

その中の「投稿タイプを表示」を選択

カスタムポストの設定画面

この中にアーカイブページを設定するための名前の例が載っています。

下の画像は「user_review」というカスタム投稿を作った場合で、アーカイブのファイル名は「archive-user_review.php」にすると書かれています。

カスタム投稿タイプのアーカイブページ

 

書いてある通りに、先ほどの「index.php」を「archive-user_review.php」に名前を変更。

ファイル名を変更する

「archive-user_review.php」をFTPソフトでアップロード

最初にFTPソフトをダウンロードした「bizvector」のテーマフォルダに「archive-user_review.php」をアップロード。

ビズベクトルのテーマフォルダにアップロード

 

これで、カスタム投稿で作成したアーカイブページのテンプレートは「archive-user_review.php」になります。

注意ポイント

まだFTPソフトは閉じない。開いたままサイトの表示確認をする

もしおかしなことになっていても「archive-user_review.php」を削除すれば最初の状態にすぐに戻れる

基本は投稿一覧と同じものを使ってるので表示はおかしくならないはずです。

php初心者でもやっていくうちに慣れてくる

カスタマイズというほどのものではないですが、phpファイルを触ったりすることがでいるようになってきました。

他のカスタマイズさらたコードをコピペさせていただいて貼り付けてってぐらいですが・・(笑)

 

コピペでOKって書いてあっても、おかしくなったりすることも多々あり、また調べて、書き換えてみたり、色々なとこのをミックスしたりとしてるうちにすこ~しずつですが触る箇所もわかってきます。

今回はKOTORi Blog【コトリブログ】さんの記事を大変参考にさせていただきました。

カスタム投稿タイプとカスタムタクソノミーまとめ
カスタム投稿タイプとカスタムタクソノミーまとめ

カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた(つもりな)のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。

続きを見る

ほんと詳しくまとめてあって助かりました。ありがとうございます。

 

ビズベクトルも開発が終了するそうですので、今回の記事の需要はあまりないと思いますが、どなたかのお役に立てば幸いです。

ぜひ挑戦してください。

-WordPress(ワードプレス)

Copyright© わくわくもんだ , 2019 All Rights Reserved.