征爾Web制作WordPressブログ岡部です。SSCのホームページ制作・集客スクールで私が担当している、「WordPress講座」でお教えする内容の一部をご紹介。長いことほったらかしにしていた弊社のWebサイトですが、つい先日ようやくリニューアルしました。最低限要素で構成されている公式ディレクトリのテーマ「BlankSlate」をベースにデザインや機能を実装。デザイナー以外でも更新できるように、管理機能もゴリゴリに作り込んでます。受注案件では基本フルスクラッチでオリジナルテーマを組んでいるのですが、時短のために既存テーマをベースにして作ってみた結果、「BlankSlate」、基本機能は揃いつつデザインはまっさらで大変使いやすかったです。これはまた別の機会に紹介しようかな。今回のリニューアルで、弊社で提供しているサービス毎に説明ページを設けました。Posts」を採用することにしました。Posts」で検索、インストールすることができます。簡単な使い方を解説します。関連付ける先のページは「固定ページ」(スラッグは固定ページの「page」)、関連付ける元のページはカスタム投稿タイプ「制作実績」(カスタム投稿タイプのスラッグは「works」)を例に解説します。Posts」用の記述を追加まず、function.phpにプラグインを動かすための記述を追加します。);すると、toに記述したworksの記事編集画面に、下記のような設定領域が表示されます。fromに関連付ける先、toに関連付ける元のスラッグを表記する、と理解すればよいかと思います。関連付ける種類が1つの場合、nameは省略可能だと思います。制作事例を表示する先のテンプレート、今回の場合はpage.phpに、関連付けた投稿を表示する記述を追加します。ループ内に書く必要があります。}wp_reset_postdata();?>これで、関連付けた記事がすべて表示されるようになります。記事数を制限したい場合は、$args内に条件を入れてあげればよいかと。関連付けが無いと何も出ないようにしてあるので、サービスページ以外には何も出ないようになってます。まとめ動作は、実際のページをご覧ください。固定ページに、カスタム投稿タイプで作成した「制作事例」と「費用例」を関連付けています。これを使いこなせるようになると、今回のようにサービスと実績を関連付けたり、店舗とスタッフを関連付けみたり、製品と取扱店舗を関連付けてみたりなど、いろいろと応用が広がりますね。SSCのホームページ制作・集客スクール当社では、WordPress講座を中心としたホームページ制作・集客スクールを運営しています。教室は、さいたま市の浦和駅から徒歩5分。・Webのスキルを習得したい学生などなど、様々な方に幅広い目的で受講していただくことが可能です!SSCのホームページ制作・集客スクールはこちら。SSCのディレクター兼デザイナー。猫飼い、バイク乗り、隙あらばライブに行きたい人。レスポンシブデザイン、WordPressが得意、three.js勉強中。企画提案からデザイン、開発まで、一通り担当してます。