ホームページを作ろう!WordPress編(8)カスタム投稿タイプを作る

0
    JUGEMテーマ:wordpress
    JUGEMテーマ:ホームページ作成

     

    w027

    ブログサイトの場合、投稿する場所は1か所でその周りに多少固定ページを作ってゆけばいいでしょう。でも一般のウェブサイトのCMS、コンテンツ・マネジメント・システムとして使う場合、コンテンツを追加したり、更新したりしたい箇所は1か所ではないでしょう。そんな場合、初期のWordPressでは、投稿の「カテゴリー」を使い分けることで複数のコンテンツに対応させていました。けれど、カテゴリーを設定し間違えるとあらぬところに記事が表示されてしまうというリスクがありました。この点はWordPress側で対策が取られ、「投稿」以外にギャラリーとかダウンロードのように別の投稿タイプを自由に定義してやることができるようになりました。管理画面にも「投稿」と並んで、「ギャラリー」「ダウンロード」などの投稿メニューが追加されるので、非常にわかりやすく、便利になりました。

    今回は、サイトの構造を決めたらこのカスタム投稿タイプとカスタムタクソノミー(分類)を定義してみましょう。

    では教科書「Webデザイナーのための WordPress入門 3.x対応 (Books for Web Creative)」の159ページを開いてみてください。嘘です、ごめんなさい、言ってみたかっただけです。

    えーと、まずはサイトの構造を考えます。サイト全体をツリー状に書いてみるとわかりやすいと思います。私の場合は、ペーパークラフトのサイトを作りました。まずは入口となるホームページの下に、自己紹介をするご紹介コーナー、作品を展示するギャラリー、自作の型紙を配布するダウンロードコーナー、他のペパクラサイトを紹介するリンクコーナー、あとは細かい話ですが、サイトの更新情報なんかも表示したいと思います。これをツリー状にするとこんな感じになりました。

    w028

    入口、玄関、サマリーページ、トップページとしてindex.phpを置きます。トップページ用として「home.php」というページを使うこともできるようになっているのですが、index.phpは、適切なテンプレートが見つからなかったときに最終的に表示されるページになるので、やはりこれをトップページにすることにしました。このトップページは全体のサマリページでもあるので、トップページにはメインコンテンツの「ブログ」「ギャラリー」「ダウンロード」の最近数回の記事サマリを載せようと思います。

    そして上部のグローバルメニューには、ご紹介、ブログ、ギャラリー、ダウンロード、リンクの5つを表示します。子のリンク先が2列目のpage-****.phpというページになります。これはWordPressの固定ページというページで、もともとはaboutページなどを作るためのものでしたが、このように各投稿タイプのトップページとしても使うことができます。

    次の3列目はカテゴリーとカスタムタクソノミーのページです。カテゴリーはわかると思いますが、同じカテゴリーの記事だけを抽出するページになります。タクソノミーはカスタム投稿タイプ用のカテゴリーページのことです。この他にも一般のブログサイトであれば、日付で記事を遡ったり、作者別に分けたりすることができます。WordPressでももちろんできますが、私のペーパークラフトサイトには不要と考えて除いてあります。

    4列目は個別投稿を表示し、コメントを付けるためのページです。

    最後、更新情報ですが、これはindex.phpの画面の片隅に更新情報コーナーを設けて、サイトを更新するたびに一言書いていくためのものです。適宜追加してゆくのでこれもカスタム投稿タイプとして作ります。ただ、分類するまでもないので、page-information.phpで一覧表示させるだけにしようと思います。グローバルメニューにも載せず、更新情報コーナーから「過去の更新情報はこちら」みたいなリンクで飛ばすだけにします。

    さて、こんな風にサイトのイメージを固めてやると、作る必要があるものが見えてきます。今回、index.phpの他に固定ページが6枚、カテゴリー・タクソノミーページが3枚、個別投稿ページが3枚です。全体が見えたところで、まずはカスタム投稿タイプの設定から進めていきましょう。

    カスタム投稿タイプを設定するには2つの方法があります。パラメータを指定してfunctions.phpで宣言してやる方法、そして便利なプラグインを使う方法です。私が参考にした教科書「Webデザイナーのための WordPress入門 3.x対応 (Books for Web Creative)」ではfunctions.phpを使う方法が書いてあり、私もそうしたのですが、今は便利なプラグイン「Custom Post Type UI」があるのでこちらを使っていきましょう。

    いつも通り管理画面からプラグインをインストールし有効化すると、左のメニューに「CPT UI」が現れますので、これをクリックしてください。メニューが展開されるので「新規追加」をクリックします。するとこの画面が表示されます。

    w029

    左側がカスタム投稿タイプの設定、右側がカスタムタクソノミーの設定です。まずは左を使います。こんな風に入力してみましょう。

    w030

    投稿タイプ名は英字の小文字で設定します。ラベルは管理画面メニューへの表示やグローバルメニューの表示などに使われます。これだけ入れたら「Create Custom Post Type」をクリックしてください。

    w031

    空の入力画面になる同時に、左のメニューと右のカスタムタクソノミーの利用する投稿タイプの欄に、今設定したラベルが表示されているのがわかると思います。

    同様にして残り2つ、ダウンロード(download)と更新情報(information)を追加してください。こうなります。

    w032

    ここで左の「ギャラリー」のメニューを開いてみてください。ギャラリーとaddギャラリーの2つしか表示されないと思います。「投稿」のメニューを開くと、投稿一覧、新規追加、カテゴリー、タグの4つが表示されるはずです。この「カテゴリー」と同じ機能を持つのが「カスタムタクソノミー」です。次はこのタクソノミーメニューを追加してみましょう。右側の画面です。こんな風に入れてみてください。

    w033

    「カスタム分類作成」をクリックした後、左のメニューのギャラリーを開くと「ギャラリータイプ」というメニューが追加になっているのがわかると思います。同様にダウンロードもダウンロードタイプ(downloadtype)というカスタムタクソノミーを追加しましょう。

    そうしたら次は具体的なカテゴリー項目、タクソノミー項目を設定してゆきます。左のメニューから、投稿→カテゴリーを選んでください。新規カテゴリー項目の入力欄が出てきますので、こんな感じに入れていってください。

    w036

    名前の欄にカテゴリーの表示名を、スラッグの欄にURLやファイル名、テンプレートタグなどでの呼び出し名「スラッグ」を半角小文字の英数字で入れて、新規カテゴリーを追加ボタンをクリックしてください。

    カテゴリーを追加してゆくと、画面の右半分にどんどん登録されていきます。こんな感じです。

    w035

    一番右の「カウント」は、そのカテゴリーの記事の数です。すでにいくつかダミー記事を入れた状態になっています。

    ギャラリーとダウンロードのタクソノミーもほとんどこれと同じです。私はギャラリーに、ネット入手型紙、自作型紙、型紙コレクションの3つ、ダウンロードにゆるキャラと宇宙のとりあえず2つを入れておきました。

    さてここで、もう一つだけおまじない。
    各投稿にアイキャッチ画像を1枚入れられるようにする機能がWordPressにはあるのですが、この機能を生かす設定をします。
    「functions.php」というファイルをつくって、そこに次のように書いてやってください。
    <?php
    add_theme_support('post-thumbnails');
    ?>
    1行目と3行目は、phpの指令の開始と終了のタグです。2行目が先ほどいったおまじない。
    今後同様にしてこのfunctions.phpを使ってWordPressの機能拡張を適宜していきますので、覚えておいてください。

    では、話が長くなりましたので、今回はここまで。次回、index.phpの下の6つのページを固定ページに登録し、こんどこそメニューを作っていきます。


    コメント
    コメントする








       

    calendar

    S M T W T F S
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    << November 2019 >>

    アクセスカウンタ

    合計:
    今日:
    昨日:

    selected entries

    categories

    archives

    recent comment

    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      小田きく江
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      てちくん
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      suraugi
    • いそべぇのペーパークラフトを作る(初級編)(12)
      てちくん
    • いそべぇのペーパークラフトを作る(初級編)(12)
      だべえ
    • noomでマイナス12kgのダイエットに成功!
      Yoko

    recommend

    recommend

    recommend

    ドール デザートメーカー ヨナナス901
    ドール デザートメーカー ヨナナス901 (JUGEMレビュー »)

    結構高いんです、でも欲しいんです!

    links

    profile

    書いた記事数:173
    最近の更新日:2017/01/30

    search this site.

    others

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM

    Google Adsense

    楽天ブックス

    楽天