小笠原諸島about音楽ライブレポWEBつれづれ旅行記skydropWEBメモ【WEBメモ】ワードプレスのカスタム投稿3【WEBメモ】ワードプレスのカスタム投稿32018年3月5日riviTweet色々と情報を書いてくれている記事はたくさんあるけれど、やっぱりちゃんと考えて、最低限を理解して、自分のサイトに適用させていくのが大事だなーって改めて思いました。今回は、導入したプラグインの実装と出力するための下準備(調査)までの内容です。前回インストールしたプラグインを使って、ワードプレス側の投稿フォームを用意しました。Fieldsでカスタムフィールドの用意それぞれの設定は、前回記事内に記載した参考サイトで簡単にできました。...そう、それぞれの設定は、迷うことなくできました。▼カスタムフィールドも登録+公開カスタム投稿とカスタムフィールド、どこで関連付けるの?ここでつまづきました。シンプルに私が参考サイトをしっかりとは読み込んではいなかったことが原因。Fieldsにて設定が可能でした。どこかというと、ココ。▼位置という場所デフォルトだと【投稿タイプ】【等しい】【post】。そのまま公開すると通常の投稿ページに追加されます。今回はあくまでも、新しく追加したカスタム投稿にだけ、カスタムフィールドを表示したい。そのため、位置を【投稿タイプ】【等しい】【追加したカスタム投稿のpost_type(今回の場合はtrip_log)】に変更します。これでOK!ついでにカスタム投稿には、タイトル+追加したカスタムフィールドだけを出したい。typeはココで設定した文字列です。登録するための準備が完了したので、1記事分だけ下書きを作成。この内容で表示準備を進めていきます。カスタムフィールドの内容をページに出力するにはさぁ、本当の闘いはここからだ。この点は本当に苦戦しました。一人では解決しきれずに、ちょっとお力添えいただいています。先に、私が感じた一番大事なことを書いてしまいます。WEBにはいろんな参考サイトがありますが、それらの情報を見る中でPHPに関する知識がなく、手探りで実装を試みようとしている場合、そのサイトで【実装しているテーマは何か】ということを確認してください。自身が使用しているテーマと同じもの、またはPHP内の記述が近しいものを探してください。(リニューアル時の記事もよければ)残念ながら私が参考にしたサイトたちは別のテーマを使用しているものしか見当たらなかったので、がっつり手探りで対応することとなりました。クリアしなければいけない点を整理。1カスタム投稿で投稿した記事に対応させる2カスタムフィールドで入力した内容を出力する大きくこの2点が必須事項となります。→投稿ページ(固定ページ):single-{post_type}.php→アーカイブページ(一覧ページ):archive-{post_type}.php取り急ぎ、アーカイブページは後回しにして、投稿ページの準備からスタートすることにしました。1カスタム投稿で投稿した記事に対応させるというわけで、レッツトライ。調べて分かっていること。typeで判断して、通常の投稿ページと分けることができるとのこと。それだけで良いのかと思い、さっそく用意。準備してphpをUPしました。選択されているのかどうかを確認しました。2カスタムフィールドで入力した内容を出力するさらなる問題はこっち。調べると「こういう記述をすると表示されますよー」という記事はみつかるものの、それをどこに記述すればよいのかがさっぱりわからない。あっているかどうかもわからないコードを、フィールド名だけ自分で用意した内容に変えて直書き!まぁ、お分かりかと思いますが、ダメでした。調べたところ、以下2つの情報を得ることができました。Fieldsプラグインで作成したカスタムフィールドを画面に表示するにはthe_fieldという命令を使って次のように記述する方法があります。カスタムフィールドを出力する方法(テキスト・画像・ファイル)ふーむ。?>」を探して下さい。この部分で記事を出力しています。内の記述、シンプル過ぎない?この時点で、テーマによってphpの構成もがっつり異なることがあるということを初めて自覚したのでした。コメントをキャンセルメールアドレスは公開されることはありません。コメント氏名[必須]メールアドレス[必須]次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:管理人riviLIVE、音楽が心の支え。写真やラジオを聞くのも趣味。WEBをお仕事にしていますが、ここでは面白そうなことを試したり残したいものを書いてます。へっぽこWEBディレクターですが技術も知識もへっぽこです。