2022.09.10新:WordPressテーマ「Lightning」でサイト制作(その9)カスタム投稿の作成・他ツイートシェアはてブ送るPocket「Lightning」は国産の無料WordPressテーマです。無料で使える超高機能WordPressテーマ架空のWEBサイトを制作するという脳内設定シリーズ。前回に引き続き、Lightningでのサイト制作「その9」。前回はトップページのコンテンツを完成させました。これを最終回までに、以下の状態にまで作り上げます。「サイドバーのウィジェット設定」これの解説です。投稿系のページを完成させます。今回はここまでカスタム投稿とはカスタム投稿、つまり「セミナー情報」と「税理士ブログ」の作成について解説します。このサイトには、以下の3つの投稿系ページがあります。インフォメーション(投稿ページ)セミナー情報(カスタム投稿ページ)税理士ブログ(カスタム投稿ページ)「インフォメーション」は、WordPressの投稿ページをそのまま使っています。これがトップページに一覧形式で表示されます。「セミナー情報」と「税理士ブログ」は、カスタム投稿の機能を使います。そもそもカスタム投稿とは何か?よく分からない人は下記の解説ページを参照されてください。「WordPress固有の投稿ページとは別系統の投稿ページ」ということ。等々、こういう使われ方が多いです。「セミナー情報」の作成では早速、作っていきましょう。「セミナー情報」から。Unit」の設定を間違ってる可能性があります。新規投稿の設定欄が開きます。◇有効にする項目⇒「タイトル」「本文」「アイキャッチ画像」をチェック(*それ以外は初期設定のままで大丈夫です)そして「公開」ボタンをクリック。「設定」⇒「パーマリンク設定」パーマリンク(URLの表示構造)の設定欄が開くので「変更を保存」をクリック。(ボタンをクリックするだけで大丈夫です)カスタム投稿を新規に作成したり、設定を変更した場合は、必ずパーマリンク設定で「変更を保存」をクリックだけしておいてください。これをやっておかないと設定が反映されません。ちなみに、パーマリンクの表示形式は、それぞれのサイトにもよります。各自のサイトの性格に合わせて選んでください。ちなみに当サイトでは「投稿名」にしています。これで「セミナー情報」のカスタム投稿設定は完了です。WordPress管理画面の左を見ると、あらたに「セミナー情報」の項目が追加されたのが分かると思います。ここから普通の投稿ページと同じように「セミナー情報」の記事を投稿していきます。次に「税理士ブログ」をカスタム投稿で作成します。これの手順は、上記「セミナー情報」とほぼ同じです。チェックを入れてください。コメント機能も必要ならば「コメント」にもチェックを入れてください。セミナー情報との一番の違いは、その下の「カスタム分類」の項目です。◇カスタム分類名(表示名)⇒「ブログカテゴリー」カスタム分類とは何か?(カスタムタクソノミーとも言います)普通の投稿ページで言うところの「カテゴリー」のことです。セミナー情報と違って、「税理士ブログ」は多種多様な情報を載せることを前提にしているため、カテゴリー分けが出来るようにしておきます。最後はセミナー情報と同じく、「公開」ボタンをクリックし、パーマリンク設定を保存しておいてください。これで「税理士ブログ」のカスタム投稿設定は完了です。WordPress管理画面の左を見ると、あらたに「税理士ブログ」の項目が追加されたのが分かると思います。後は、普通の投稿ページと同じように記事を投稿していきます。ダミー記事でも良いので、数記事ほど投稿しておいてください。カラム設定さて、2つのカスタム投稿の設定が完了しました。次は「カラム設定」です。ページをPCで見た場合に、1カラムにするか、2カラムにするか、の設定です。ここは「その3」で途中まで解説してました。「公開」ボタンをクリック。これで「カラム設定」は完了です。基本的に、3つの投稿ページでは◇アーカイブページ(一覧ページ):1カラム◇個別投稿ページ(個別の記事ページ):2カラムとしています。サイドバーのウィジェット設定ここでは3つの投稿系(インフォメーション・セミナー情報・税理士ブログ)の個別ページのサイドバーに、ウィジェットを設置します。ご注意2021年7月21日のWordPress「5.8」へのバージョンアップにより、ウィジェットに大幅な変更がありました。ウィジェットは旧来の方式から、ブロックで管理する新方式に変更になりました。本記事も新方式に沿って内容を記載します。旧方式でウィジェット箇所を作成済の方は、WordPressを「5.8」以降にバージョンアップされても大丈夫です。表示に変化が有るわけではありません。WordPress「5.7」までのバージョンをそのまま使い続けたい方は、解説画像と設定画面が異なってきます。ウィジェットエリアや入れるウィジェット自体は同じなので、なんとなく理解は出来ると思います。「外観」⇒「ウィジェット」ウィジェットの設定画面が開きます。このウィジェットエリアのうち、3つを設定します。サイドバー(投稿)エリアここは「インフォメーション」個別記事のサイドバーエリアです。エリアを開き、「+」をクリックして、一つづつブロックを入れていきます。「サイドバー投稿」エリアには2つのブロックを入れます。アーカイブリストそれぞれ以下のように設定します。アーカイブリストここはデフォルト設定のままで大丈夫です。最後に画面右上の「更新」ボタンをクリック。サイドバー(セミナー情報)エリアここは「セミナー情報」個別記事のサイドバーエリアです。アーカイブリストこの2つのウィジェットを入れて、それぞれ以下のように設定します。最後に画面右上の「更新」ボタンをクリック。ちなみに、ここの「ポストタイプ」の設定ですが、選択肢が「投稿」以外に表示されない場合があります。その場合は慌てず騒がず、「セミナー情報」にダミー記事でもいいので何か新規投稿してみてください。その上で、ウィジェットを更新。すると選択肢に「セミナー情報」が表示されるようになります。(下記の「税理士ブログ」も同様です)サイドバー(税理士ブログ)エリアここは「税理士ブログ」個別記事のサイドバーエリアです。アーカイブリストこの3つのウィジェットを入れて、それぞれ以下のように設定します。アーカイブリスト◇ポストタイプ⇒税理士ブログ最後に画面右上の「更新」ボタンをクリック。これでサイドバーのウィジェットは、全ての設定は完了です。補足:インフォメーションのカテゴリーについてインフォメーションの個別記事ページを開くと、こういう表示になります。ここの「*カテゴリー」という箇所に、その記事のカテゴリー名が表示されます。ご自身でインフォメーションのカテゴリーを作成されている人は、問題ありません。何もカテゴリーを作ってない人は記事を見ると、おそらく「未分類」と表示されてるはずです。全ての記事をそこに割り当ててください。以下のような表示になります。◇税理士ブログ:「税理士ブログ」と表示となります。「サイドバーのウィジェット設定」を行ないました。これで投稿系ページの設定は全て完了です。あとは各自で中の投稿記事を入れていってください。次回は「メニュー」「フッター」「CTA」を作成します。ken結局、当初予定の「その9」で終わりませんでした・・・たぶん「12」か「13」まで続きそうです。新・WordPressテーマ「Lightning」でサイト制作:まとめページWordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ便利なWordPressプラグイン:まとめページ無料画像編集ソフト「PhotoScape」使用方法:まとめページランサーズ受注ノウハウ:まとめページブログ主プロフケンです。後半開始⇒帰郷して職業訓練⇒2人会社勤務⇒フリーランスとなる。◇Twitterは更新通知+小ネタ用です。