カウベル・コーポレーションのサイトをより深く知りたい方に、当サイトを支える技術について説明します。このページに記載の情報は主に
- 企業や団体などのウェブ担当者
- デザイナーやマークアップエンジニアなどのウェブ制作者
向けの内容となっていますので、あらかじめご了承ください。
(カウベル・コーポレーション 森川徹志 @tecking)
「無料で使用可」「簡単更新」「高い拡張性」でWordPressを採用
当社サイトは2000年に開設、以下のような過程を経て現在に至っています。
- 第一世代:2000年~2004年……テーブルレイアウトでの構築
(主として静的コンテンツ 動的コンテンツの生成にはPerlを採用)
- 第二世代:2004年~2008年……XHTML+CSSによる構築
(MovableTypeによるブログの組み込み 動的コンテンツ生成にはPHPとPerlを採用)
- 第三世代:2008年~……WordPress導入で全面リニューアル
WordPressは、GPLライセンスで配布されているオープンソースのコンテンツ管理システム(CMS)。2003年にバージョン0.7.1がリリースされて以降、着実にバージョンアップと機能追加を重ねているソフトウェアです。
2009年10月の『WordCamp Kyoto 2009』での発表によると、バージョン2.8.xのダウンロード数は全世界でのべ690万回以上。『WIRED.com』のブログや『ガジェット通信』、『TechCrunch』、ロイターのブログなど、WordPressで構築されているサイトは枚挙にいとまがありません。
そのような特徴をもつWordPressを当社のサイト構築に導入した理由は、以下の3点に集約できます。
- 無料で使える
- WordPressそれ本体は、いつでも、だれでも、どこでも無料で使えるソフトウェアです(構築にかかるデザイン料やサーバのレンタル料などは除く)。「商用利用は有料」「ユーザー(書き手)の数が増えると金額も上がる」といったライセンスでのCMSにはない特徴であり、大きな魅力です。ただし「無料=利用は自己責任で」ということでもあるので、利用についての見極めは必要でしょう。
(当社では、有償にて初期構築・運用サポートの業務を行なっています)
- 簡単に更新できる
- 当然のことながら、全ページのコンテンツ(記事内容)がブラウザで一元管理できます。日常的な運用においては、コンテンツ以外の追加・更新・削除に苦労する必要はありません。これは、WordPressが「あらかじめ決めておいたデザインテンプレートに対し、コンテンツをリアルタイムに組み込んでページを生成する」という仕組みをとっているからです。
- 拡張が容易である
- WordPressのデザインテンプレートは、いくつかのPHPファイル(*.php)で構成されています。デザインテンプレートには、WordPress側で用意されている「テンプレートタグ」のほか、PHPの命令を直接記述することも可能。無料で使えるプラグインも世界中の愛好家により作られており(2009年10月現在で約6900個)、多彩な機能拡張ができるようになっています。
当サイトの機能を実現しているプラグイン群
導入理由の三つめに挙げたプラグインについて、もう少し詳しく紹介します。当サイトを構築するにあたり、主に以下のようなプラグインを導入しました。
- Akismet……スパムコメント・トラックバック等の排除(標準搭載)
- Breadcrumb NavXT……パンくずリストを生成
- Dagon Design Sitemap Generator……サイトマップを生成
- Get Recent Comments……サイドバー等に「最近のコメント」を表示
- Google XML Sitemaps……GoogleやYahoo!、Bingなどのクローラに対応するサイトマップファイル(.xml)を生成
- Ktai Style……携帯電話向けサイトの生成
- Live Comment Preview……ブログのコメント欄にて、フォームへの入力内容をリアルタイム表示
- My Page Order……ページの並び順を任意で変更可能に(サイトマップ作成に有用)
- Search Regex……記事本文の検索と置換を可能に(正規表現対応)
- Twitter Tools……Twitterへのポストをサイト内に表示
- WordPress Database Backup……記事本文を定期的に自動バックアップ
- WordPress Media Flickr……Flickr上の画像を投稿に挿入する際に有用
- WP-Sticky……公開日に関係なく、任意の記事を最上位に表示可能に
- WP-Syntax……記事本文でPHP等のソースコードを載せる際に有用
- WP Multibyte Patch……マルチバイト文字の取り扱いに関する不具合の累積的修正と強化(日本語版に標準搭載)
- Yet Another Related Posts Plugin……ブログ内のある記事に関連するページへのリンクを自動生成
これらのプラグインにより、当サイトのさまざまな機能を実現しています。
jQueryによりCSS3のセレクタを一部導入
当サイトの構築においては、XHTML1.0 Transitional DTD+CSS2.1にのっとったマークアップを行ないました。さらに、jQueryによってCSS3のセレクタも一部導入し、テキストの行間や表組のカラーリングなどをより細かく指定しています。
なお、jQueryの導入により以下のような機能も実装しています。
- スムーススクロール(jquery.scrollTo-min.js)
- ニュースティッカー(jquery.innerfade.js)
- アコーディオンリスト
- 画像の拡大表示(Shadowbox)
ご質問について
ご質問などございましたら、ページ下部の「お問い合わせフォーム」をクリックしてメールをお送りいただくか、Twitterにて @tecking あてポストいただければ幸いです。可能な限り、お答えしたいとおもいます。
以下のページに関連した情報があるようです