カスタム投稿を作成するのに使うプラグイン「Custom Post Type UI」。
このプラグインで作成したアーカイブページに任意の画像を入れる方法のご紹介です。
条件は
- テーマは「bizvektor」
- カスタム投稿は「Custom Post Type UI」で作成済み
- 投稿ページの一覧テンプレートを利用する
カスタム投稿で作った一覧ページに「画像」や「説明」を入れると見た人にも伝わりやすくなるのでオススメです。
php初心者が書いてる記事ですので、バックアップなどを取りつつ自己責任で宜しくお願いします。
ＦＴＰソフトでindex.phpをダウンロード
まずは、ＦＴＰソフトを使用して、アーカイブページ（一覧）のテンプレートをダウンロードします。
僕が使ってるのはFFFTPソフトです。
まずは起動。
「public_html」をクリック。
「wp」⇒「wp-content」⇒「themes」⇒「biz-vektor」と進みます。
「biz-vektor」のフォルダの中に「index.php」というのがあります。
PCにダウンロードします。
index.phpに書き加える
万が一、変な事態になってしまった場合の対処法として、まずはダウンロードした「index.php」をコピーしておきます。
（もし、不具合が発生した場合は、このファイルを元に戻せば、最初の状態に戻れます。）
「index.php」の12行目「<div id="content" class="content">」の下に好きな画像やテキストを入れる。
<?php get_header(); ?>
<?php $postType = get_post_type();
if ( !$postType ) {
global $wp_query;
if ($wp_query->query_vars['post_type']) {
$postType = $wp_query->query_vars['post_type'];
}
} ?>
<!-- [ #container ] -->
<div id="container" class="innerBox">
<!-- [ #content ] -->
<div id="content" class="content">
<!--この間に好きな画像やテキストを入力-->
<?php
/*-------------------------------------------*/
/* Archive title
/*-------------------------------------------*/
僕は、仮の投稿ページなどで挿入したい部分を作って、コピペしています。
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」をＦＴＰソフトでアップロード
最初にＦＴＰソフトをダウンロードした「bizvector」のテーマフォルダに「archive-user_review.php」をアップロード。
これで、カスタム投稿で作成したアーカイブページのテンプレートは「archive-user_review.php」になります。
注意ポイント
まだFTPソフトは閉じない。開いたままサイトの表示確認をする
もしおかしなことになっていても「archive-user_review.php」を削除すれば最初の状態にすぐに戻れる
基本は投稿一覧と同じものを使ってるので表示はおかしくならないはずです。
php初心者でもやっていくうちに慣れてくる
カスタマイズというほどのものではないですが、phpファイルを触ったりすることがでいるようになってきました。
他のカスタマイズさらたコードをコピペさせていただいて貼り付けてってぐらいですが・・（笑）
コピペでOKって書いてあっても、おかしくなったりすることも多々あり、また調べて、書き換えてみたり、色々なとこのをミックスしたりとしてるうちにすこ～しずつですが触る箇所もわかってきます。
今回はKOTORi Blog【コトリブログ】さんの記事を大変参考にさせていただきました。
-
-
カスタム投稿タイプとカスタムタクソノミーまとめ
続きを見る
ほんと詳しくまとめてあって助かりました。ありがとうございます。
ビズベクトルも開発が終了するそうですので、今回の記事の需要はあまりないと思いますが、どなたかのお役に立てば幸いです。
ぜひ挑戦してください。