PowerPoint プレゼンテーション

Transcription

1 株式会社コミュニティコム星野邦敏 東京都北区赤羽 ネスト赤羽 201 URL: 1

2 目次 0. 自己紹介 1. インストールの仕方 2. 最初の記事投稿 3. テーマとプラグインの追加 4. WordPressで繋がろう! 2

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

4 自己紹介 WordCamp 京都 横浜 名古屋など スタッフとして関わりました その他 WordPress 地域コミュニティ WordBench に参加したり OSC に WordPress のブース出展する等 関わっています 4

5 WordPressファーストステップ自己紹介 WordPress 日本語サイトの イベントカレンダー を更新する係 もし掲載されていないWP 関係のイベントや勉強会があれば Twitter 経由などで お知らせください! ココ 5

6 WordPressファーストステップはじめに WordPress ファーストステップ WordPressを使ってみよう! インストールの仕方 最初の記事投稿 テーマとプラグインの追加 オリジナルテーマの作り方など 初心者向けセッション 対象者 WordPressをインストールしたことが無い人 WordPressをインストールしたけど 使い方がよく分からない人 6

7 はじめに 今回のゴール WordPress できそうかも! と思ってもらう WordPress の情報が調べられるようになる その後も色々と使う中で WordPress コミュニティに参加したい! と思ってもらえたら 既に知っている情報があったとしても温かく見守ってください! 7

8 目次 0. 自己紹介 1. インストールの仕方 2. 最初の記事投稿 3. テーマとプラグインの追加 4. WordPressで繋がろう! 8

9 インストールの仕方 WordPress.com と WordPress.org <WordPress.com> フリーのブログサービス <WordPress.org> サーバーインストール型 サーバーを用意する必要なく作れる データベースの管理権限 FTP のアクセス権などが無く テーマやプラグインのアップロードに制約 独自ドメインNG 一部に広告表示 ( 有料オプションあり ) サーバーを用意する必要がある 自由度が高い 今回は org の説明 9

10 インストールの仕方 WordPress が動くサーバー環境 PHP バージョン 4.3 以上 MySQL バージョン 以上 ほとんどのレンタルサーバーで対応しています! 今後の予定 PHP4 と MySQL4 の対応は WordPress 3.1 バージョンまで WordPress 3.2 からは PHP 5.2 以上 MySQL 以上 PHP 5.2 以上 MySQL 以上でないと 今後 バージョンアップできない可能性もあります 10

11 WordPressファーストステップインストールの仕方 レンタルサーバー情報 WordPress Codex 日本語版 レンタルサーバ情報のページが便利です さくらのレンタルサーバ ロリポップ! CORESERVER.JP heteml XREA CPI チカッパ! ファーストサーバ ABLENET め組サーバ オーシャンインターネット MEDIAWARS エックスサーバー シックスコア ハッスルサーバー ギガーン livedoorレンタルサーバ FC2レンタルサーバー 使えるねっと 美ら海レンタルサーバー フューチャースピリッツ SpeeVer カゴヤ ジャパン OCN ホスティング WADAX ExpressWeb BlueHost DreamHost Exclusive Hosting Laughing Squid lunarpages Media Temple West Hosting などなど 11

12 インストールの仕方 4 分で解説!WordPress インストール 12

13 インストールの仕方 ワンクリックインストール のインストール / ワンクリックインストール レンタルサーバーによっては レンタルサーバーのログイン画面内で ワンクリックで WordPress をインストールできます 国内の 20 近いレンタルサーバーが WordPress ワンクリックインストールに 対応しているようです 13

14 インストールの仕方 ワンクリックインストール 1 14

15 インストールの仕方 ワンクリックインストール 2 15

16 インストールの仕方 ワンクリックインストール 3 16

17 インストールの仕方 ワンクリックインストール 4 17

18 インストールの仕方 ワンクリックインストール インストール完了! ワンクリックインストールを使えば インストールに1 分も掛からない!? 18

19 インストールの仕方 wp-config.php ワンクリックインストールの場合は データベース情報を意識することが少ないので 必要になったら wp-config.phpファイルを見ましょう! 19

20 インストールの仕方 データベース情報などの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php wp-blog-header.php wp-comments-post.php wp-commentsrss2.php wp-config.php (wp-config-sample.php) wp-cron.php wp-feed.php wp-links-opml.php wp-load.php wp-login.php wp-mail.php wp-pass.php wp-rdf.php wp-register.php wp-rss2.php wp-rss.php wp-settings.php wp-signup.php wp-trackback.php xmlrpc.php 20

21 目次 0. 自己紹介 1. インストールの仕方 2. 最初の記事投稿 3. テーマとプラグインの追加 4. WordPressで繋がろう! 21

22 最初の記事投稿 投稿とページ 記事を書くのに使うのは 基本 この2 箇所 WordPress3.0から カスタム投稿タイプ ができましたが これは別セッションで 22

23 最初の記事投稿 投稿とページ 投稿 時系列の記事 例 : ブログ記事 ページ 時系列に依存しない階層化 ( 親と子 ) 構造 例 : 自己紹介 23

24 最初の記事投稿 投稿とページ 投稿 時系列の記事 例 : ブログ記事 ページ 時系列に依存しない階層化 ( 親と子 ) 構造 例 : 自己紹介 24

25 投稿 WordPress ファーストステップ 最初の記事投稿 新規投稿をクリック 25

26 投稿 WordPress ファーストステップ 最初の記事投稿 記事を書いて 公開! 26

27 投稿 WordPress ファーストステップ 最初の記事投稿 表示されました! 表示の仕方は テーマのコードの書き方によって変えられますが デフォルトテーマでは 時系列に表示されます 27

28 投稿 WordPress ファーストステップ 最初の記事投稿 カテゴリー や タグ を使うことで 投稿記事を 分類することができます WordPress3.0から カスタムカクソノミー ( カスタム分類 ) がより便利に使えるようになりましたが これは別セッションで 28

29 投稿 WordPress ファーストステップ 最初の記事投稿 本に例えると カテゴリー は 章 タグ は 付箋 というイメージ 29

30 最初の記事投稿 投稿とページ 投稿 時系列の記事 例 : ブログ記事 ページ 時系列に依存しない階層化 ( 親と子 ) 構造 例 : 自己紹介 30

31 ページ WordPress ファーストステップ 最初の記事投稿 新規追加をクリック 31

32 ページ WordPress ファーストステップ 最初の記事投稿 記事の書き方は投稿と同じ 32

33 ページ WordPress ファーストステップ 最初の記事投稿 表示されました! 時系列を意識せずに表示されます 33

34 ページ WordPress ファーストステップ 最初の記事投稿 ページは 階層化して使うことができます デザインテンプレートを複数用意して 切り替えることができます 順序も変えられます 34

35 最初の記事投稿 投稿とページ 入力方法には 1 ビジュアル 2HTML の 2 種類があります 1 ビジュアルは 公開した記事の表示をイメージしながら直感的に編集することができます 2HTML は HTML コードを書いて編集します (HTML が分かる人向け ) 35

36 最初の記事投稿 投稿とページ 記事にパスワードを掛けたり 下書き保存したり 未来の日付で予約投稿したり できます 36

37 WordPressファーストステップ最初の記事投稿 投稿とページ 画像の編集が WordPress 上で出来ます! ココをクリック 37

38 WordPressファーストステップ最初の記事投稿 投稿とページ 画像の編集が WordPress 上で出来ます! 38

39 最初の記事投稿 投稿とページ 画像の回転 画像の反転 トリミングなどができます 本格的な画像編集は Photoshopなどのソフトを使いましょう 39

40 最初の記事投稿 投稿とページ アイキャッチ画像 WordPress3.0 からの新機能 これは別セッションで 40

41 目次 0. 自己紹介 1. インストールの仕方 2. 最初の記事投稿 3. テーマとプラグインの追加 4. WordPressで繋がろう! 41

42 テーマとプラグインの追加 テーマとは? ブログの 着せ替え 見た目の調整だけでなく 表示する内容を操ることもできます 42

43 テーマとプラグインの追加 テーマフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php twentyten / index.php ココにテーマフォルダを入れる! 43

44 テーマとプラグインの追加 テーマは管理画面からも選べます! 検索もできます! 44

45 テーマとプラグインの追加 テーマは管理画面からも選べます! 45

46 テーマとプラグインの追加 テーマは WordPress.org からも選べます! 46

47 テーマとプラグインの追加 テーマのご紹介 め組 膳 テーマ LT( ライトニングトーク ) で 発表があります! その他 WordPress テーマ などで検索すると 素敵なテーマが見つかります! 47

48 テーマとプラグインの追加 プラグインとは? 追加機能 WordPressの本体はシンプルなので 自由に機能を追加するイメージ 48

49 テーマとプラグインの追加 プラグインフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php akismet / wp-multibyte-patch / hello.php index.php ココにプラグインフォルダを入れる! 49

50 テーマとプラグインの追加 プラグインも管理画面から選べます! 検索もできます! 50

51 テーマとプラグインの追加 プラグインも WordPress.org から選べます! 51

52 テーマとプラグインの追加 プラグインのご紹介 Ktai Style 日本の携帯電話対応 PS Auto Sitemap サイトマップを自動で作成 PS Disable Autoformatting HTML 編集モードの自動整形 & タグ除去回避 Custom Field Template カスタムフィールドのテンプレートを簡単に設定 Welcart ショッピングサイト構築 BuddyPress SNS 構築 Subscribe2 メールマガジン構築 今日のセッションや LT( ライトニングトーク ) で発表があるプラグイン 52

53 テーマとプラグインの追加 デフォルトのプラグインのご紹介 有効化すると使えます! Akismet コメントスパム対策 WP Multibyte Patch マルチバイト文字による不具合の修正と強化 その他 WordPress プラグイン などで検索すると 素敵なテーマが見つかります! 53

54 目次 0. 自己紹介 1. インストールの仕方 2. 最初の記事投稿 3. テーマとプラグインの追加 4. WordPressで繋がろう! 54

55 WordPressファーストステップ WordPressで繋がろう! 開発プロジェクト WordPress 日本語作成チーム 日本語版 Codex WordPress Plugins/JSeries 55

56 WordPress で繋がろう! WordCamp ユーザー 開発者が集うイベント 世界 40 以上の都市で開催 日本では年に2~3 回 今までに東京 京都 福岡 横浜 そして 名古屋! 56

57 WordPress で繋がろう! WordBench 各地域のユーザーコミュニティ 現在 全国各地 33 地域 ( もちろん 名古屋も!) 毎月 日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部 英語部 料理部 もくもく部なども 57

58 WordPress で繋がろう! WordBench 写真部 一眼レフカメラ 写真好きが多い 写真を撮る旅行も 明日は名古屋の帰りに上高地に行くみたいですよ! 58

59 WordPress で繋がろう! WordBench 料理部 料理を作ったり 料理を食べに行ったり 59

60 WordPress で繋がろう! WordBench もくもく部 WordPress に関するワークショップ サイトのテーマ改良 / プラグイン作成 / WordPress ドキュメントの翻訳 / 写真作品の仕上げ等 60

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

62 WordPress で繋がろう! WordPress で繋がろう! 昨日も Word Real Camp Ust 中継 夜 21 時 ~ 朝 7 時までの約 10 時間 62

63 さいごに スライド配布予定 本日のスライドは後日配付します ありがとうございました! 63