祭屋オフィシャルサイト制作③

2010年3月18日 木曜日 この記事をTwitterでつぶやく

やっとWordpressへの実装がお話できる『祭屋オフィシャルサイト』なんですが、実装機能と管理機能・使用プラグインについて解説していきます。機能と管理は結びつけて制作していかないと、更新がややこやしくなって大変なのでそれ中心に解説します。CMSを使う以上、FTPソフトを使わなくても更新出来るようにカスタムしていきます。

ここで重要なのは、祭屋さん自身で管理・更新できるように制作する事です。これを念頭に置くとMovableTypeは選択肢から外れ、Wordpressが開発プラットフォームになります。祭屋さんはMixiもやられているので、実際の操作インターフェースはWPデフォルトの仕様から変更しています。

これがWP上の更新管理画面の一部になります。これを元に解説していきます。WPには更新にリッチエディタとhtmlエディタの2種類あるんですが、htmlエディタに固定します。ですがhtmlエディタには一番いらない機能である自動整形（文章を整形してタグを自走挿入）機能があるので、こいつを切ります。後は見たままで改行できる様にfunction.phpにaddフィルターをフックすれば、Mixiと同じようなエディタで使えます。

あと一番厄介な自動保存＆リビジョン機能もプラグインで切りました。長文サイトならともかく、この程度でリビジョンはいらないと思います。「Disable Revisions and Autosave」プラグインを使っています。

画像をアップローダーからアップして、文章を書いて更新ボタン押すだけで、すべて自動化する。

サイトを見た方は更新が大変そう、とおっしゃるんですが実際やっているのはこれだけです。この簡単さがCMS（コンテンツマネージメントシステム）で実現できるのでWPにしたんですが、何せ今までMTだったせいもあって色々理解するのに時間がかかりました（笑。

サイト上でよく使っている機能にサムネイルを自動表示する物があるんですが、これらはすべてWPシステム機能のメディアローダーで実装しています。管理画面の「アップロード/挿入」がそれにあたります。こいつに画像の自動リサイズとサムネイルの生成を噛ませておくと、画像をアップロードと同時に処理してくれます。

カテゴリーやピックアップ＆シャッフル、関連記事のサムネイルもその方法で表示させています。指定catIDから該当postIDの画像アップロードに生成されたサムネイルをひっぱるので、カスタムフィールドは一切使っていません。いちいちリンクアドレスをカスタムフィールドに登録してmetaからひっぱるなんてめんどくさすぎます。2.9x系で実装された投稿サムネイル機能もちょっと見てみたんですが、あれも使いにくすぎるので却下ですね。私から言わせると、投稿サムネイル自体の設計をもうちょっと煮詰めた方がいいと思います。

カスタムフィールドや投稿サムネイルについてダメ出ししていますが、機能自体は大変素晴らしい（主に書籍の中での使い方）のでWPカスタマイズする事があったら書籍で勉強してみて下さい。少なくとも私が使う事は当分なさそうです（笑。

ここまでの実装でフォトログやニュースなどアップできるようになります。更新するのは制作者ではなく、htmlも知らない女の子、という事を入れればこれくらいしておかないと更新できないと思います。それでもMixiやブログでCMSを使った事がある程度には知識として必要ですが、3時間くらい機能説明とレクチャーで今実装している機能を本人が使いこなしているので、手離れはいいです。では細かいところも解説します。

範囲を選択して機能タグボタンをポチるだけ、それだけで後は自動でやってくれます。

まぁ実際はその自動化を私が作っているわけなんですけどね（笑。この機能タグなんですが、htmlエディタで最初からいくつか登録されているんですが、使いそうになかったのでフィルターで消しました。代わりに「AddQuicktag」プラグインで実装した機能タグを登録していきます。

ニコ動のサムネイル情報を機能として盛り込んだのは、デフォルトではコメントも見えてしまうためにネガティブな部分が見えてしまう事と、アカウントを持っていない人への誘導もしたかったし、サイトととの統一性もないから変更しようって事で、外部APIでサムネイル情報を取得しています。動画番号を登録タグボタンでポチる、これで後は自動でやってくれます。

サウンドソースのMP3やFLVも同様、メディアアップローダーでアップしてファイルネームを機能タグでポチるだけで自動で再生プレイヤーが出てきます。まだ動画は上がっていませんが、そのうち何かアップされるようですよ。

それと主だってユーザーには関係ないんですが、携帯電話のメールで更新できる機能を付けました。祭屋さんからフォトログやりたいと言われていた時から実装しようと思っていたんですが、とても便利です。このプラグイン作った池田さんすごいです、投稿機能がこれでもかってくらいついてます。日本でもWPで頑張っている方は多いんですよね。

▼他に使ったプラグイン等

ぱんくずリスト：Breadcrumb NavXT
ページナビゲーション：WP-PageNavi
コンタクトフォーム：Contact Form 7
ヘッダー整形：Head Cleaner
メンテモード：Maintenance Mode
携帯メール投稿：Ktai Entry
関連エントリー表示：Yet Another Related Posts
カテゴリー別一覧表示件数変更：Custom Query String Reloaded

英語サイトだらけですね（笑。でもプラグイン入れただけで祭屋さんのサイトと同じようになるかと言ったら、違うので注意して下さい。ほとんどカスタマイズしてます。それでも上記プラグインは使っている方が多くて日本語で解説もされています。

他にも使っているプラグインはありますが、自作してたりゴリゴリカスタマイズしていたり、むしろここまでが長すぎたので端折ります。次回はいよいよサイト公開に合わせた追加コンテンツやトラブルなど色々とやりますが、多分次回で最後にするつもりです。簡単な解説のつもりが、いつの間にか制作例解説になっているので（笑。

Category : Works     Tag : , ,

Add a comment

※確実なレスポンスをご希望ならコンタクトフォームからお願いします。