ワードプレス.pages CMS(Contents Management System) コンテンツ管理システムとは？ウェブコンテンツをデータベースで管理することにより、手軽に管理・構築できる仕組みです。また多くの拡張機能やデザインテンプレートを利用することにより、製作期間の短縮にもつながります。 CMSの利点・オープンソース（GPL）で提供されるものが多い。・ウェブブラウザからコンテンツの更新が出来る。・モジュール、プラグインとして機能を拡張出来る。例）フォーム、コマース、SNSツール・デザインテンプレートが豊富にある。 CMSの種類・ムーバブル・タイプ（Movable Type）・ワードプレス（WordPress）・オープンソースコマース（osCommerce）・イーシーキューブ（EC-CUBE） CMSの環境・PHP*バージョン・データベース（MySQL等）のバージョン・CMSのバージョン *PHPとはハイパーテキスト・プリプロセッサーのことで、動的なHTMLを作成することが出来るサーバーサイドスクリプトです。準備「サーバー構築」 1）サーバーを用意します。無料・有料。環境を確認しましょう。 2）CMSのパッケージをサーバーにアップロードします。 3）データベースを用意する必要があります。データベースの種類・オラクル（Oracle）・マイエスキューエル（MySQL）・ポスグレエスキューエル（PostgreSQL） ------------------------------------------------------------------- CMS『ワードプレス(WordPress)』のインストール ------------------------------------------------------------------- 「ワードプレス」を利用したCMSを導入するには、準備段階で「サーバー構築」をする必要があります。まずは、ホストサーバーに「WordPress」「PHP」「MySQL」の条件（バージョン等）が満たせているか確認します。 1 ワードプレス.pages 「サーバー構築」の為のホスティング・サーバーを用意します。レンタルサーバーの事です。高い∼安いは使い易さに相対的に比例していると思って下さい。なので、自分の規模と実力に合わせて決めて下さい。具体的に「MySQLが使用できるか？バージョンは？」「PHPのバージョンはいくつ？」等を確認しましょう。これらは「条件」と呼ばれ、現実世界の「身長何センチ以下は...」「18歳未満は...」の様に非常に重要です。説明されている箇所は必ず読んでメモをしましょう。そして、ワードプレスの為のデータベース(DB) は予め用意しておきます（サーバーの管理画面から設定出来ます）。次にウェブサイトから『ワードプレス(WordPress)』のファイルをダウンロードしましょう。最新版が良いとはされていますが、「ベータ版」「安定板」などと種類が多く存在します。ここは、蔵人でも迷う所です。人が作ったものは間違い（バグ）が無いとは限りません。それと周囲の環境にも変化します。これらを相対的に考えてから選択します。そして、ダウンロードした「ワードプレス」のファイル解凍後(zip)、「FTP」アプリケーションを利用して、サーバーの指定された場所に全てをアップロードします。「index.php」というのがトップになります。階層を間違えない様にしましょう。アップロードしたファイルの中に「wordpress/wp-config-sample.php」というファイルがあるので、これをウェブ・オーサリング・エディターで開き、データベース(DB)の情報を記入します。このファイル名を「wp-config.php」に変更して保存します（「wp-config-sample.php」をひな形にして、「wpconfig.php」というファイルを作成し、アップロードしても大丈夫です）。設定が終わったら「http://example.com/wp-admin/install.php」を開きます（「example.com/」は自分のドメイン名になります）*。 *ここでエラーになる人は、データベース情報の「'（シングルクォーテーション）」が抜けていないか等をもう一度確認しましょう。初心者は、どんな事をしたのか一回づつメモを取ると良いです。「ID」「パスワード」「メールアドレス」を決めます（忘れない様にしておきましょう）。そしてインストールボタンを押します。これでワードプレスによるCMSサイトが出来ました。参考になる資料も載せておきます。「WordPress Codex 日本語版」 http://wpdocs.sourceforge.jp/Main_Page WordPress ¦ 日本語 » インストール http://ja.wordpress.org/install/ 「WordPress › フォーラム」 http://ja.forums.wordpress.org/ ------------------------------------------------------------------- 『ワードプレス(WordPress)』のデザイン（スタイルシート）の変更 ------------------------------------------------------------------「ワードプレス」ではスタイルシート（CSS）で使用したデザインを「テーマ」という形で配布しています。オリジナルで最初から構築することもできますが、「ワードプレス」はバージョンアップが頻繁にありますので現状のスタイルシートに追記*する形を取るのが良いと思われます。慣れて来たらカスタム化に挑戦しましょう。 2 ワードプレス.pages *CSSは前に表記したプロパティに上書きできる特性を利用してレンダリングしたものに更にレンダリングする方法を使う。管理画面から外観/テーマ「テーマのインストール」から「Default」を検索してインストールしましょう（「Classic」は全ての設定を書き換える必要があるので更に労力が入ります）。ファイルは、wp-content/themesの中にあります。FTPを利用してテーマの作成 - WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/テーマの作成 ------------------------------------------------------------------- 『ワードプレス(WordPress)』のプラグイン ------------------------------------------------------------------WP Social Bookmarking Light 1.7.0 Akismet http://akismet.com/ 「スパム対策プラグイン」 All in One SEO Pack http://www.ad-minister.net/2008/01/25/all_in_one_seo_pack_japanized/ 「記事にキーワード設定可能」 Contact Form 7 http://contactform7.com/ja/ 「カスタム投稿フォーム」 Really Simple CAPTCHA http://ideasilo.wordpress.com/2009/03/14/really-simple-captcha/ 「画像認証（投稿フォームで使用）」 Google (XML) Sitemaps Generator for WordPress http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/ 「Googleサイトマップ生成」 Lightbox 2 WordPress Plugin http://www.4mj.it/lightbox-js-v20-wordpress/ 「ジャバスクリプトで写真を表示」 Breadcrumb NavXT ¦ Mtekk s Crib http://mtekk.weblogs.us/code/breadcrumb-navxt/ 「パンくず表示」 jQuery Colorbox http://wordpress.org/extend/plugins/jquery-colorbox/ 3 ワードプレス.pages 「画像をLightbox表示」 BuddyPress http://buddypress.org/ 「ソーシャルネットワーク」を構築 bbPress http://bbpress.org/ 「フォーラム作成」 WP Multibyte Patch WordPressの日本語(マルチバイト文字)に関する修正を行うプラグインです。使用をおすすめします。 WP Super Cache 一度生成したページをサーバ側でキャッシュすることでレスポンスを良くするプラグインです。可能であれば使用をおすすめします。 WPtouch iPhone Theme iPhoneやAndroidなどからのアクセス時に、ブログをiPhoneの解像度用に最適化してくれるプラグインです。スマートフォンなどに対応させたい場合はご利用ください。 ------------------------------------------------------------------- 「jQuery」での表示 ------------------------------------------------------------------少しのコードで実装可能な20のjQuery小技集 ¦ Webクリエイターボックス http://www.webcreatorbox.com/tech/jquery-tips20/ ------------------------------------------------------------------- 『ワードプレス(WordPress)』テンプレート変更 ------------------------------------------------------------------最低限必要なファイル index.php header.php footer.php sidebar.php スタイルシート style.css サムネイルその他 single.php（個別の記事ページ） comments.php（コメント）参考資料：WordPress Codex http://wpdocs.sourceforge.jp/ 4