vol.1みなさんはじめまして!今年からプライム・ストラテジーに入社したWebデザイナーの井村と申します。未熟な私ですが、よりたくさんの人にWordPressの魅力を伝えるためWordPress.ORGへの公式登録を目標にテーマの作成をしていきます。スライドショーやページ分割を管理画面でかんたんに科学技術振興機構(JST)サイトは、科学技術を中心に日本文化を発信するための中国人向けのポータルサイトです。スライドショーや記事のページ分割などを管理画面からスライドショーや記事のページ分割などを管理画面から容易に行えるようにシステム構築いたしました。その内容を詳しくご紹介します。「企業向けCMSカスタムフィールドテンプレート活用法について」から書かせていただきます。WordPress管理画面での編集は、意外と困難。経験された方もいるかと思いますが、全くのWordPress初心者の方に管理画面で入力してもらうのは思っている以上に結構大変!初心者の方から多く寄せられる苦情マニュアルなんていちいち読まないよどこに入力すればよいかわからない。レイアウトが崩れてしまったんだけど、どうすればよい。簡単に更新できるCMSの良さをいかせず、時間がかかってしまうことに...そんな経験ありませんか?これでは、WordPressの威力を発揮できていませんよね。そこで、今回はWordPress初心者の方でも更新しやすいサイト、指定の場所に、データを入力するだけで、サイトの更新ができてしまう魔法のようなサイトの作り方を書きたいと思います。初心者の方の悩みを解決するため、以下のように考えました。どこに入力すればよいかわからない。減らし、1画面内に納める。入力する項目を1対1に対応させ、わかりやすくする。解決策実現のツールとして、「カスタムフィールドテンプレート」を使用します。補足:「カスタムフィールドテンプレート」は、初心者の方でも直感的に入力できるよう「カスタムフィールド」の使い勝手を向上させるプラグインです。当社がサイトリニューアルをさせていただいた「三規庭」様サイト(http://www.mikitei.jp/)を具体例にご説明いたします。横浜市青葉区の東急田園都市線あざみ野駅から徒歩9分ほどにあり高級住宅と少し離れると自然も多くある立地の中にあるショッピングモール「三規庭」様からサイトリニューアルのご依頼をいただきました。今回は積極的にイベントやサービスの最新情報を発信し、サイトを見ることで「行ってみたい」という状況を作り出したいとのご要望をいただきました。将来的には、ショッピングモールの各お店ごとに最新情報を発信し自由にアピールできるようにしたいとのニーズもあったため、各お店毎に情報を管理できるようなサイト構成を検討しました。直感的でわかりやすく更新しやすいサイトへどなたにでも使っていただけないと意味がないので、直感的でわかりやすく更新しやすくするにはどうしたら良いか。導き出した方針が、以下のようなものでした。WordPressの管理画面はクライアントの入力箇所を、極力減らし、1画面内に納める。入力する項目を1対1に対応させ、わかりやすくする。そこで、上記方針の実現のため「カスタムフィールドテンプレート」を活用することになりました。1画面でたくさんの情報を一括管理まずは、図-1を見てください。「三規庭様」サイトでは、WordPress管理画面内の(A)~(H)の各項目にクライアント自身が直感的にデータを登録するだけで以下のように複数のページまたがり(A)~(H)にデータが反映される仕組みになっています。することで「どこに何を入れて良いかわからない」「レイアウトが崩れてしまう」といった問題を未然に防ぐことができクライアント自身で難なく運用を行っていただけるサイトになりました。次に、「カスタムフィールドテンプレート」をどのように実装してどう使うのか、さらに細かく見て行きましょう。1.実際に、インストールしてみましょう。個人でWordPressをインストールし、管理画面を操作したことがある方なら、簡単です。お使いのWordPress管理画面を開いてください。サイドバーの「プラグイン」を選択して、「新規追加」をクリック。Template」と入力して、プラグインの検索をクリック。Template」の「今すぐインストール」テキストをクリックしインストールを行う。その後、「プラグインを有効化」テキストをクリックして下さい。以上で、「カスタムフィールドテンプレート」が使える状態になりました。2.カスタムフィールドの値を表示してみよう。ここからは、カスタムフィールドテンプレートに値を入れてそれを表示させるまでをやってみたいと思います。テンプレートタイトルに「カスタムフィールドテスト」と入力。サイドバーの「カスタムフィールドテンプレート」をクリック。テンプレートタイトルに「カスタムフィールドテンプレート」と入力します。#0」がデフォルトではいっているので、これを利用します。次に、キーを指定して個別のカスタムフィールドを出力します。今回は”住所”を表示させたいので、図-2の「住所」がキーの値になります。