第 6 回 WordPress をマルチサイト化 ( 複数ブログ化 ) してみよう! 株式会社コミュニティコム星野邦敏 116-0013 東京都荒川区西日暮里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1
目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 2
目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 3
自己紹介 星野邦敏 ( ほしのくにとし ) Twitter : @khoshino Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で 自社運営サイトやアプリ 他企業様向けサイトも作っています オープンソースの活動をしたり IT 系の勉強会を主催したり 地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4
自己紹介 WordPress のイベントである WordCamp や WordBench に スタッフやスピーカーとして参加 5
自己紹介 WordPress 日本語サイトの イベントカレンダー を更新する係 ココ 6
自己紹介 自社サイト運営から法人化 ASP のイベントでお話する機会も 7
自己紹介 公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン 全国 142 地域の天気を自動表示 Hello Wapuu プラグイン ブログ更新を応援 8
目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 9
WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の対象者 既存のテーマや既存のプラグインのインストールは 行っているけれど WordPress を自分でカスタマイズしたことが無い人 2010 年 6 月下旬にバージョンアップされた WordPressのバージョン3 系の新機能を知りたい人 10
WordPress をマルチサイト化 ( 複数ブログ化 ) この講座のゴール 2010 年 6 月下旬にバージョンアップされた WordPress のバージョン 3 系の新機能を理解して 必要ならば 今後使ってみる 11
WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の流れ 講義の時間の比率が高いという指摘が第 1 回 第 2 回にありましたので 第 3 回目以降は ワークショップで実際に作業していただく時間を より多く取っています! 12
WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の前提 WordPressのカスタマイズや PHPの知識が ある程度は必要です WordPress( ワードプレス ) コミュニティ http://wp3.jp/ に 他のスライドや記事があるので ご参考ください 13
WordPress をマルチサイト化 ( 複数ブログ化 ) WordPress のマルチサイト化とは? WordPress のマルチサイト サブドメイン形式 or ディレクトリ形式の URL で複数サイト運営 (1) 自分のブログを 1 つの WordPress で複数作れる (2) 新規登録の許可 にて 新規サイトおよびユーザーアカウントの登録をどちらも許可する を選択した上で 新規ユーザーの追加 にチェックを入れることで 不特定多数の人に使わせて ブログの運営側になれる ( アメーバブログやYahooブログのような運営側になるイメージ ) (3) ドメインマッピングにより 複数の独自ドメイン運営にもできる ( プラグインなどでの対応となり 公式な推奨ではない ) 14
WordPress をマルチサイト化 ( 複数ブログ化 ) WordPress のマルチサイト化の事例 loftwork.com http://www.loftwork.com/ 15
WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法 wp-config.php ファイルに define('wp_allow_multisite', true); を書く 管理画面に ネットワークの設定 が表示されます 16
WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法 [ インストール ] をクリック 17
WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法 指示に従って (1) blogs.dirディレクトリを wp-contentフォルダに作る (2) wp-config.phpにコピペ (3).htaccessファイルを作成してコピペ 18
WordPress をマルチサイト化 ( 複数ブログ化 ) サイトネットワーク管理者 マルチサイト化すると 管理画面の右上に サイトネットワーク管理者 という項目が追加される WordPress3.1 バージョンの場合 WordPress3.2 バージョンの場合 19
WordPress をマルチサイト化 ( 複数ブログ化 ) サイトネットワーク管理者 ネットワーク管理者 テーマやプラグインの新規追加や編集は ネットワーク管理者のみができる 子サイトの詳細設定もネットワーク管理者のみが行える 20
WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化にする際の注意点 一度 マルチサイト化すると 今までのシングルサイトには戻しづらいので 環境構築の際には その旨を理解した上で 行なうようにする 21
WordPress をマルチサイト化 ( 複数ブログ化 ) 実際に ワークショップを してみましょう! マルチサイト化してみましょう! 22
目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 23
WordPress バージョン 3 系の新機能 カスタムヘッダー 管理画面からメイン画像を変更できる 24
WordPress バージョン 3 系の新機能 カスタムヘッダー テーマフォルダに functions.phpを作り 以下のように記載することで有効化される function twentyten_setup() { // 背景の色 if (! defined( 'HEADER_TEXTCOLOR' ) ) define( 'HEADER_TEXTCOLOR', '' ); // ヘッダー画像 if (! defined( 'HEADER_IMAGE' ) ) define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' ); // ヘッダー画像のサイズ define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) ); define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) ); add_custom_image_header( '', 'twentyten_admin_header_style' ); } 25
WordPress バージョン 3 系の新機能 カスタムヘッダー テーマフォルダの中に以下のように書くことで 表示される if ( is_singular() && current_theme_supports( 'post-thumbnails' ) && has_post_thumbnail( $post->id ) && ($image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->id ), 'post-thumbnail' ) ) && $image[1] >= HEADER_IMAGE_WIDTH ) : echo get_the_post_thumbnail( $post->id ); elseif ( get_header_image() ) :?> <img src="<?php header_image();?>" width="<?php echo HEADER_IMAGE_WIDTH;?>" height="<?php echo HEADER_IMAGE_HEIGHT;?>" alt="" /> <?php endif;?> 26
WordPress バージョン 3 系の新機能 アイキャッチ画像 各記事のサムネイル画像を指定できる 27
WordPress バージョン 3 系の新機能 アイキャッチ画像 テーマフォルダに functions.phpを作り 以下のように記載することで有効化される function twentyten_setup() { add_theme_support( 'post-thumbnails' ); // ヘッダー画像 if (! defined( 'HEADER_IMAGE' ) ) define( 'HEADER_IMAGE', '%s/images/headers/path.jpg' ); // ヘッダー画像のサイズ define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) ); define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) ); } 28
WordPress バージョン 3 系の新機能 カスタムメニュー メニューを管理画面から変更できる 29
WordPress バージョン 3 系の新機能 カスタムメニュー テーマフォルダに functions.php を作り 以下のように記載することで有効化される function twentyten_setup() { register_nav_menus( array( 'primary' => ( 'Primary Navigation', 'twentyten' ), ) ); } テーマフォルダの中に以下のように書くことで 表示される <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) );?> 30
WordPress バージョン 3 系の新機能 カスタム投稿タイプ ( カスタムポストタイプ ) 投稿と固定ページ以外に投稿項目を設けることができる 31
WordPress バージョン 3 系の新機能 カスタム投稿タイプ ( カスタムポストタイプ ) 管理画面の作り方 (1)functions.phpで記載 (2) Custom Post Type UI プラグインで対応 32
WordPress バージョン 3 系の新機能 カスタム投稿タイプ ( カスタムポストタイプ ) 配布したソースコード ( カスタム投稿タイプ ) サンプルソースコード を参照 functions.php index.php 33
WordPress の子テーマで効率化 ここまで見てきて 全てに対応するのは面倒 そこで 子テーマ 既に対応しているテーマをカスタマイズする 34
WordPress の子テーマで効率化 子テーマで効率的にカスタマイズ子テーマとは? WordPressの他のテーマをベースとして 必要な部分のみ ファイルを修正したり 追加すること WordPressバージョン3 系以降を対応しているソースコードが入っているテーマを親テーマとしよう! 35
WordPress の子テーマで効率化 子テーマのメリット (1) 親テーマのデザインや機能を活かして 必要なところだけ 編集できるので 効率的 (2) 親テーマがバージョンアップしても そのまま継承できる (3) 親テーマがある状態で作れるので 短時間で制作が可能 (4) サイトをシリーズ化や 色が違うだけのサイトなどは 子テーマの方が 管理が簡単 36
WordPress の子テーマで効率化 子テーマのデメリット (1) 親テーマの構造を理解する必要がある (2) 親テーマが構造を変える形のバージョンアップをした場合には 子テーマにも反映されてしまう 事前に別フォルダにリネームすれば解決はできる 37
WordPress の子テーマで効率化 最低限必要な 子テーマ のファイル構成 style.css テーマと異なり index.php は必須ではない 38
WordPress の子テーマで効率化 style.css style.css の始めに以下を書くと テーマとして認識されます /* Theme Name: 自分のテーマ名 Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン ( 任意 ) Tags: タグ ( 任意 ) Template: 継承する親テーマのフォルダ名 */ 親テーマとの相違点 39
WordPress の子テーマで効率化 子テーマの注意点 (1) 通常のファイル 子テーマの方が優先される 子テーマ > 親テーマ ( 子テーマに同一ファイルがあれば 親テーマは読まれない ) (2)functions.phpファイルのみ子テーマのfunctions.phpが読み込まれた後に 親テーマのfunctions.phpが読み込まれる 子テーマ 親テーマ 40
目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 41
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 調べ方 ( インターネットで調べる編 ) WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/ ( 英語版のWordPressのCodexを日本語化している ) WordPressのフォーラムに質問する http://ja.forums.wordpress.org/ その他 WordPress ( 調べたい事 ) で検索する 42
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のドキュメントの参照サイト WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/ WordPress Plugins/JSeries http://wppluginsj.sourceforge.jp/ 43
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 調べ方 ( 書籍で調べる編 ) WordPress に関する本は 十数冊 出版されている WordPressのバージョンが2 系だった頃の情報は古い場合があるので 3 系以降の本を参考にする 具体的には 2010 年 6 月以降出版の本を参考にする amazonや楽天で 出版日付順などでソートしてみる 書籍は 初心者向け 技術者向け テーマカスタマイズに特化 プラグインに特化 など 色々 44
WordPress は カンファレンスや勉強会が盛んで その多くは無料や場所代だけなので 参加してみる WEB 業界や IT 業界の人間も多く参加しているので 情報交換や交流には 最適な場 WordPress のカンファレンスや勉強会としては (1)WordCamp (2)WordBench (3)OSC( オープンソースカンファレンス ) などが あります さくら WORKS 関内 (6) WordPress の情報の調べ方や勉強会 調べ方 ( 無料で人に聞いてみる編 ) 45
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 調べ方 ( 無料で人に聞いてみる編 ) WordPressの日本語公式サイトのイベントカレンダー IT 勉強会カレンダー ATND WordBench などで IT 関係のカンファレンスや勉強会を探すことが可能です 46
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 開発プロジェクト WordPress 日本語作成チーム http://groups.google.com/group/wp-ja-pkg 日本語版 Codex http://wpdocs.sourceforge.jp/ WordPress Plugins/JSeries http://wppluginsj.sourceforge.jp/ 47
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のコミュニティ活動 まずは 全国各地で行われている WordPress の集まりのご紹介 48
WordCamp さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 http://japan.wordcamp.org/ ユーザー 開発者が集うイベント 世界 40 以上の都市で開催 世界中で150 回以上の開催実績 日本では年に2~3 回 今までに東京 京都 福岡 横浜 名古屋 49
WordCamp さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 イベント参加者約 600 人 ( 直近の WordCamp Kobe 2011 の参加人数 ) WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 50
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench http://wordbench.org/ 各地域のユーザーコミュニティ 現在 全国各地約 40 地域 毎月 日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部 英語部 料理部 もくもく部なども 51
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench 写真部 一眼レフカメラ 写真好きが多い 写真を撮る旅行も 52
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench 料理部 料理を作ったり 料理を食べに行ったり 53
WordPress の情報の調べ方や勉強会 WordBench もくもく部 WordPress に関するワークショップ サイトのテーマ改良 / プラグイン作成 / WordPress ドキュメントの翻訳 / 写真作品の仕上げ等 54
WordPress の情報の調べ方や勉強会 オープンソースカンファレンス (OSC) ( オープンソースカンファレンス 2011 Tokyo/Spring の出展写真 ) 全国各地のオープンソースカンファレンス (OSC) に ブース出展 & セミナー発表 55
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のイベントの探し方 WordPressの日本語公式サイトのイベントカレンダー WordBenchのサイト IT 勉強会カレンダー ATND などで WordPress 関連イベントを探すことができます 56
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のコミュニティ活動 WordPressのコミュニティでは このように 実際に集まるイベントや勉強会も多くて とても交流が盛んです もちろん インターネット上でも オープンソースを楽しみつつ 貢献! 57
WordPress の情報の調べ方や勉強会 WordPress 日本語作成チーム http://groups.google.com/group/wp-ja-pkg WordPress のコアファイルを日本語化 (mo ファイル po ファイルの作成 ) 日本ユーザー向けパッケージの配布やサポートを行う 58
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 日本語版 Codex http://wpdocs.sourceforge.jp/ WordPressの公式オンラインマニュアル ( ドキュメント ) 英語版の公式オンラインマニュアルの和訳や日本語ユーザ向けのノウハウ 資料などの共有 Wiki 作っていて 誰でも加筆編集できます 59
WordPress の情報の調べ方や勉強会 WordPress Plugins/JSeries http://wppluginsj.sourceforge.jp/ 日本特有の文化 (Web サービスや携帯電話等 ) にそったプラグインや マルチバイト圏に対応したプラグインの作成 配布 60
WordPress の情報の調べ方や勉強会 WordPress フォーラム http://ja.forums.wordpress.org/ WordPress に関する質問や話題を話し合う場 61
WordPants さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 http://wordpants.org/ WordPressに関する電子書籍版の雑誌 1 年に数回の出版 62
WeeklyCMS さくら WORKS 関内 (6) WordPress の情報の調べ方や勉強会 http://www.weeklycms.net/ 色々なCMSについて USTREAM 放送 毎週土曜日午前 11 時 ~ 約 1 時間 WordPressをテーマにした回も 1ヶ月に一度くらいの割合で放送 63
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress で繋がろう! WordPress のコミュニティでは インターネット上はもちろん 実際の情報交換や交流もあって 楽しい! WordPressのプラグイン開発者やテーマ開発者のお話を生で聞くことができます IT 関係者と知り合うにも とても良い場です! その後のご縁も広がります 64
さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress で繋がろう! WordPressのコミュニティに ぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? http://ja.wordpress.org/ 65
最後に 今後のお問い合わせなど 何かありましたら Twitter: @khoshino Mail: mail@communitycom.jp URL: http://www.communitycom.jp/ http://wp3.jp/ などに ご連絡ください ありがとうございました! 株式会社コミュニティコム星野邦敏 66