soukenWordPressテーマ「Lightning」をカスタマイズ(その6)インフォメーションの設置ツイートシェアはてブ送るPocket「Lightning」は株式会社ベクトルが開発した無料のWordPressテーマです。シンプルでカスタマイズしやすいBootstrapベースのWordPress公式テーマ前回に引き続き、Lightningのカスタマイズ「その6」。今回はカスタム投稿タイプを使います。前回はここまで進行しました↓これを最終回までに、以下の状態にまでカスタマイズします。ExUnit」は使いやすい!今回はここまで「カスタム投稿タイプ」とは?今回は、企業や店舗サイトに定番の「インフォメーションコーナー」を設置します。サイト運営者がWordPressの強みを生かして、制作会社に頼らずに自前で更新できるように設定します。インフォメーションは、通常の投稿タイプを使わずに「カスタム投稿タイプ」にて実装します。そもそも「カスタム投稿タイプ」って何ぞや?という人は、下記の2サイトを参照されてください。*WordPressでカスタム投稿タイプを作成する方法【初心者向け】*カスタム投稿タイプとカスタムタクソノミーまとめ要は通常の「投稿」とは別系統の、独自の投稿タイプを設定するということですね。本サイトでは、通常の投稿はスタッフブログとして使い、インフォメーションはカスタム投稿タイプで実装します。通常、カスタム投稿タイプを実装するには2つのパターンがあります。UI」を使うことが多かったです。Unit)」には、「カスタム投稿タイプマネージャー」という機能が付いており、簡単かつ素早くカスタム投稿タイプを実装することが可能です。カスタム投稿タイプの設定では早速、実装してみましょう。ExUnit」を開きます。「カスタム投稿タイプマネージャー」にチェックを入れ、変更を保存します。「カスタム投稿タイプ設定」が開くので、「新規追加」をクリックします。「新規投稿を追加」の画面で、タイトル・投稿タイプID・有効にする項目をそれぞれ入力し、公開ボタンをクリックします。◇タイトル:Information◇投稿タイプID:info◇有効にする項目:タイトル、本文、アイキャッチ画像で設定しました。すると、WP管理画面左サイドに「Information」という項目が追加されました。ウィジェット設定画面に「サイドバー(Information)」というエリアが追加されました。カスタム投稿タイプ作成後は、WP管理画面の「設定」⇒「パーマリンク設定」で必ず一度保存をかけてください。これをやらないとカスタム投稿の投稿記事が表示されません。(*パーマリンク設定がデフォルトの場合は不要)これで「カスタム投稿タイプ」の設定は完了です。次に、ウィジットを使ってインフォメーションをトップページに表示します。「所在地・地図」の間に設置します。WP管理画面より「外観」⇒「ウィジェット」と開き、トップページコンテンツエリア上部に「VK_最新記事」というウィジットを入れます。ウィジェットの各項目に必要事項を入れ、保存ボタンを押します。ここで重要なのは「表示したい記事タイプ」には、カスタム投稿タイプの「投稿タイプID」で設定したIDを入れます。本サイトでは「info」になります。これ以外でもウィジェットでインフォメーション関連記事を扱う場合は、「記事タイプ」や「ポストタイプ」のIDを「info」にします。トップページ中段にインフォメーションコーナーが出現しました。何も投稿してないので見出しのみです。インフォメーションの投稿インフォメーションはWP管理画面「Information」より投稿してください通常の投稿とほとんど同じです。タイトル・本文・アイキャッチ(必要ならば)を入れて投稿します。投稿がトップページに表示されます。これをクリックするとインフォメーションの個別投稿ページが開きます。この時点ではまだサイドバーの領域が空白のままです。WP管理画面の「外観」⇒「ウィジェット」より、「サイドバー(Information)」エリアに表示したいウィジェットを入れます。↓サイドバーにウィジェットが反映されました。ExUnit」は使いやすい!とまあ、こんな感じでカスタム投稿タイプを使って、インフォメーションを設置しました。ExUnit」ははるかに簡単です。UI」は定番のプラグインですが、なんと言っても入力項目が多くて、あれを見た初心者さんは途方に暮れると思います。外国産なので日本語表記がこなれてなくて、意味不明な記述が多いです。ExUnit」のカスタム投稿機能はシンプルながら簡単明瞭で分かりやすいです。今回はここまでさて、ここまでのカスタマイズ結果です。トップページ中段にインフォメーションコーナーが鎮座しました。次回は「全幅コンテンツ」の実装についてです。Unlimited」でハリー・ポッターシリーズ全七巻を無料で読むRECOMMENDこちらの記事も人気です。Unlimited」で良書を探してみた:まとめページランサーズ定点観測:まとめページランサーズでWEBデザイナーが仕事を受注するには?:まとめページカラーミーショップにてサイト制作中:まとめページschoo授業感想:まとめページブログ主プロフケンです。