PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

さあしゃこうだ
7 years ago
Views:

1 第 6 回 WordPress をマルチサイト化 ( 複数ブログ化 ) してみよう! 株式会社コミュニティコム星野邦敏東京都荒川区西日暮里 NSO2 階 URL: mail@communitycom.jp 1

2 目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 2

3 目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 3

4 自己紹介星野邦敏 ( ほしのくにとし ) Twitter Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で自社運営サイトやアプリ他企業様向けサイトも作っていますオープンソースの活動をしたり IT 系の勉強会を主催したり地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4

5 自己紹介 WordPress のイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5

6 自己紹介 WordPress 日本語サイトのイベントカレンダーを更新する係ココ 6

7 自己紹介自社サイト運営から法人化 ASP のイベントでお話する機会も 7

8 自己紹介公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン全国 142 地域の天気を自動表示 Hello Wapuu プラグインブログ更新を応援 8

9 目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 9

10 WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の対象者既存のテーマや既存のプラグインのインストールは行っているけれど WordPress を自分でカスタマイズしたことが無い人 2010 年 6 月下旬にバージョンアップされた WordPressのバージョン3 系の新機能を知りたい人 10

11 WordPress をマルチサイト化 ( 複数ブログ化 ) この講座のゴール 2010 年 6 月下旬にバージョンアップされた WordPress のバージョン 3 系の新機能を理解して必要ならば今後使ってみる 11

12 WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の流れ講義の時間の比率が高いという指摘が第 1 回第 2 回にありましたので第 3 回目以降はワークショップで実際に作業していただく時間をより多く取っています! 12

13 WordPress をマルチサイト化 ( 複数ブログ化 ) この講座の前提 WordPressのカスタマイズや PHPの知識がある程度は必要です WordPress( ワードプレス ) コミュニティに他のスライドや記事があるのでご参考ください 13

14 WordPress をマルチサイト化 ( 複数ブログ化 ) WordPress のマルチサイト化とは? WordPress のマルチサイトサブドメイン形式 or ディレクトリ形式の URL で複数サイト運営 (1) 自分のブログを 1 つの WordPress で複数作れる (2) 新規登録の許可にて新規サイトおよびユーザーアカウントの登録をどちらも許可するを選択した上で新規ユーザーの追加にチェックを入れることで不特定多数の人に使わせてブログの運営側になれる ( アメーバブログやYahooブログのような運営側になるイメージ ) (3) ドメインマッピングにより複数の独自ドメイン運営にもできる ( プラグインなどでの対応となり公式な推奨ではない ) 14

15 WordPress をマルチサイト化 ( 複数ブログ化 ) WordPress のマルチサイト化の事例 loftwork.com 15

16 WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法 wp-config.php ファイルに define('wp_allow_multisite', true); を書く管理画面にネットワークの設定が表示されます 16

17 WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法 [ インストール ] をクリック 17

18 WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化する方法指示に従って (1) blogs.dirディレクトリを wp-contentフォルダに作る (2) wp-config.phpにコピペ (3).htaccessファイルを作成してコピペ 18

19 WordPress をマルチサイト化 ( 複数ブログ化 ) サイトネットワーク管理者マルチサイト化すると管理画面の右上にサイトネットワーク管理者という項目が追加される WordPress3.1 バージョンの場合 WordPress3.2 バージョンの場合 19

20 WordPress をマルチサイト化 ( 複数ブログ化 ) サイトネットワーク管理者ネットワーク管理者テーマやプラグインの新規追加や編集はネットワーク管理者のみができる子サイトの詳細設定もネットワーク管理者のみが行える 20

21 WordPress をマルチサイト化 ( 複数ブログ化 ) マルチサイト化にする際の注意点一度マルチサイト化すると今までのシングルサイトには戻しづらいので環境構築の際にはその旨を理解した上で行なうようにする 21

22 WordPress をマルチサイト化 ( 複数ブログ化 ) 実際にワークショップをしてみましょう! マルチサイト化してみましょう! 22

23 目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 23

24 WordPress バージョン 3 系の新機能カスタムヘッダー管理画面からメイン画像を変更できる 24

25 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

26 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

27 WordPress バージョン 3 系の新機能アイキャッチ画像各記事のサムネイル画像を指定できる 27

28 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

29 WordPress バージョン 3 系の新機能カスタムメニューメニューを管理画面から変更できる 29

30 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

31 WordPress バージョン 3 系の新機能カスタム投稿タイプ ( カスタムポストタイプ ) 投稿と固定ページ以外に投稿項目を設けることができる 31

32 WordPress バージョン 3 系の新機能カスタム投稿タイプ ( カスタムポストタイプ ) 管理画面の作り方 (1)functions.phpで記載 (2) Custom Post Type UI プラグインで対応 32

33 WordPress バージョン 3 系の新機能カスタム投稿タイプ ( カスタムポストタイプ ) 配布したソースコード ( カスタム投稿タイプ ) サンプルソースコードを参照 functions.php index.php 33

34 WordPress の子テーマで効率化ここまで見てきて全てに対応するのは面倒そこで子テーマ既に対応しているテーマをカスタマイズする 34

35 WordPress の子テーマで効率化子テーマで効率的にカスタマイズ子テーマとは? WordPressの他のテーマをベースとして必要な部分のみファイルを修正したり追加すること WordPressバージョン3 系以降を対応しているソースコードが入っているテーマを親テーマとしよう! 35

36 WordPress の子テーマで効率化子テーマのメリット (1) 親テーマのデザインや機能を活かして必要なところだけ編集できるので効率的 (2) 親テーマがバージョンアップしてもそのまま継承できる (3) 親テーマがある状態で作れるので短時間で制作が可能 (4) サイトをシリーズ化や色が違うだけのサイトなどは子テーマの方が管理が簡単 36

37 WordPress の子テーマで効率化子テーマのデメリット (1) 親テーマの構造を理解する必要がある (2) 親テーマが構造を変える形のバージョンアップをした場合には子テーマにも反映されてしまう事前に別フォルダにリネームすれば解決はできる 37

38 WordPress の子テーマで効率化最低限必要な子テーマのファイル構成 style.css テーマと異なり index.php は必須ではない 38

39 WordPress の子テーマで効率化 style.css style.css の始めに以下を書くとテーマとして認識されます /* Theme Name: 自分のテーマ名 Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン ( 任意 ) Tags: タグ ( 任意 ) Template: 継承する親テーマのフォルダ名 */ 親テーマとの相違点 39

40 WordPress の子テーマで効率化子テーマの注意点 (1) 通常のファイル子テーマの方が優先される子テーマ > 親テーマ ( 子テーマに同一ファイルがあれば親テーマは読まれない ) (2)functions.phpファイルのみ子テーマのfunctions.phpが読み込まれた後に親テーマのfunctions.phpが読み込まれる子テーマ親テーマ 40

41 目次 0. 自己紹介 1. WordPressをマルチサイト化 ( 複数ブログ化 ) 2. WordPressバージョン3 系新機能 3. WordPressの情報の調べ方や勉強会 41

42 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会調べ方 ( インターネットで調べる編 ) WordPress Codex 日本語版 ( 英語版のWordPressのCodexを日本語化している ) WordPressのフォーラムに質問するその他 WordPress ( 調べたい事 ) で検索する 42

43 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のドキュメントの参照サイト WordPress Codex 日本語版 WordPress Plugins/JSeries 43

44 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会調べ方 ( 書籍で調べる編 ) WordPress に関する本は十数冊出版されている WordPressのバージョンが2 系だった頃の情報は古い場合があるので 3 系以降の本を参考にする具体的には 2010 年 6 月以降出版の本を参考にする amazonや楽天で出版日付順などでソートしてみる書籍は初心者向け技術者向けテーマカスタマイズに特化プラグインに特化など色々 44

45 WordPress はカンファレンスや勉強会が盛んでその多くは無料や場所代だけなので参加してみる WEB 業界や IT 業界の人間も多く参加しているので情報交換や交流には最適な場 WordPress のカンファレンスや勉強会としては (1)WordCamp (2)WordBench (3)OSC( オープンソースカンファレンス ) などがありますさくら WORKS 関内 (6) WordPress の情報の調べ方や勉強会調べ方 ( 無料で人に聞いてみる編 ) 45

46 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会調べ方 ( 無料で人に聞いてみる編 ) WordPressの日本語公式サイトのイベントカレンダー IT 勉強会カレンダー ATND WordBench などで IT 関係のカンファレンスや勉強会を探すことが可能です 46

47 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会開発プロジェクト WordPress 日本語作成チーム日本語版 Codex WordPress Plugins/JSeries 47

48 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のコミュニティ活動まずは全国各地で行われている WordPress の集まりのご紹介 48

49 WordCamp さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会ユーザー開発者が集うイベント世界 40 以上の都市で開催世界中で150 回以上の開催実績日本では年に2~3 回今までに東京京都福岡横浜名古屋 49

50 WordCamp さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会イベント参加者約 600 人 ( 直近の WordCamp Kobe 2011 の参加人数 ) WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 50

51 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench 各地域のユーザーコミュニティ現在全国各地約 40 地域毎月日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部英語部料理部もくもく部なども 51

52 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench 写真部一眼レフカメラ写真好きが多い写真を撮る旅行も 52

53 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordBench 料理部料理を作ったり料理を食べに行ったり 53

54 WordPress の情報の調べ方や勉強会 WordBench もくもく部 WordPress に関するワークショップサイトのテーマ改良 / プラグイン作成 / WordPress ドキュメントの翻訳 / 写真作品の仕上げ等 54

55 WordPress の情報の調べ方や勉強会オープンソースカンファレンス (OSC) ( オープンソースカンファレンス 2011 Tokyo/Spring の出展写真 ) 全国各地のオープンソースカンファレンス (OSC) にブース出展 & セミナー発表 55

56 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のイベントの探し方 WordPressの日本語公式サイトのイベントカレンダー WordBenchのサイト IT 勉強会カレンダー ATND などで WordPress 関連イベントを探すことができます 56

57 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress のコミュニティ活動 WordPressのコミュニティではこのように実際に集まるイベントや勉強会も多くてとても交流が盛んですもちろんインターネット上でもオープンソースを楽しみつつ貢献! 57

58 WordPress の情報の調べ方や勉強会 WordPress 日本語作成チーム WordPress のコアファイルを日本語化 (mo ファイル po ファイルの作成 ) 日本ユーザー向けパッケージの配布やサポートを行う 58

59 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会日本語版 Codex WordPressの公式オンラインマニュアル ( ドキュメント ) 英語版の公式オンラインマニュアルの和訳や日本語ユーザ向けのノウハウ資料などの共有 Wiki 作っていて誰でも加筆編集できます 59

60 WordPress の情報の調べ方や勉強会 WordPress Plugins/JSeries 日本特有の文化 (Web サービスや携帯電話等 ) にそったプラグインやマルチバイト圏に対応したプラグインの作成配布 60

61 WordPress の情報の調べ方や勉強会 WordPress フォーラム WordPress に関する質問や話題を話し合う場 61

62 WordPants さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPressに関する電子書籍版の雑誌 1 年に数回の出版 62

63 WeeklyCMS さくら WORKS 関内 (6) WordPress の情報の調べ方や勉強会色々なCMSについて USTREAM 放送毎週土曜日午前 11 時 ~ 約 1 時間 WordPressをテーマにした回も 1ヶ月に一度くらいの割合で放送 63

64 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress で繋がろう! WordPress のコミュニティではインターネット上はもちろん実際の情報交換や交流もあって楽しい! WordPressのプラグイン開発者やテーマ開発者のお話を生で聞くことができます IT 関係者と知り合うにもとても良い場です! その後のご縁も広がります 64

65 さくらWORKS 関内 (6) WordPressの情報の調べ方や勉強会 WordPress で繋がろう! WordPressのコミュニティにぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? 65

66 最後に今後のお問い合わせなど何かありましたら Mail: URL: などにご連絡くださいありがとうございました! 株式会社コミュニティコム星野邦敏 66

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏 330-0802 埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 年末年始でWebサイトを作る (2) 目次 0. 自己紹介 1. 2. 質疑応答 2