北九州で制作者向けのWeb勉強会「Webっちゃ Vol.01」にて話した「WordPressでできること」のスライドです。

1. - WordPressでできること -
3a works / Yoshifumi Nishimoto
1

2. ◆ 3a works / 西本 佳史
◆ 北九州で[3a works]と称して活動中のマークアップエンジニア
◆ 使用言語 : HTML, CSS, PHP, javascript
◆ 使用CMS : WordPress, Movable Type, EC-CUBE, etc...
◆ 好きな事： Wordpress, 音楽, ジブリ, 新しいもの
2

3. 1. WordPressとは？
- WordPressでできること -
2. メリット・デメリット
4. 実案件紹介
3. カスタマイズする際に必要なこと
5. 参考プラグイン
6. 気をつけなければいけないこと
3

4. - WordPressとは？ -
4

5. 2003年5月にリリースされた
オープンソースブログソフトウェア
- WordPressとは？ -
祝10周年!!
5

6. 世界中でのCMSのシェア率56%
W3Techs調べ(2013年5月20日現在)
- WordPressとは？ -
ちなみにMTは0.3%でした...
6

7. PHP+MySQLによるコンテンツ管理
- WordPressとは？ -
WordPress日本語ver. 3.2∼3.5の動作環境
PHP: 5.2.4以上
MySQL: 5.0以上
最近のレンタルサーバーならほぼ実装可能
簡単インストール機能があるサーバーも！
7

8. ブログ機能を応用することで
CMSとして利用できる。
- WordPressとは？ -
多くの有志が開発したプラグインで
機能拡張が楽で便利！
8

9. - メリット・デメリット -
9

10. 1.オープンソースな為、コストを抑えられる
- メリット -
2.WYSIWYGエディタ標準搭載な為、
ブログ感覚で更新できる
3.豊富なプラグインによる簡単な機能拡張
4.初歩的なSEO設定はWordPressの基本機能でできる
5.PHPによる自由なカスタマイズが可能
6.デザインテンプレートが大量に公開されている
7.カスタマイズ方法がネットに大量に公開されている
10

11. 1.ノンプログラマーにはハードルが高い場合がある
- デメリット -
2.OSなのでサポートは自力かフォーラム頼り
3.世界的にWordpressの脆弱性を狙った攻撃が多い
4.PV数やDB内のデータ量、サーバースペックに
起因して動作が重くなる事がある
5.WordPressは万能な訳ではない。
6.開発が早い・・・ついていくのが大変・・・
7.ネットで拾った情報が古くて対応しない場合がある
11

12. - カスタマイズする際に必要な事 -
12

13. ■PHPによるif条件分岐の手法を理解する
- カスタマイズする際に必要な事 -
・Aの値が⃝⃝だった場合に●●を表示する
・Bの値が だった場合は△△を表示しない
基本的にデータを取り出して、比較して、
表示する形式を指示することでカスタムしていく。
ほとんどがこの応用で完結する事が多い
13

14. ■カスタムフィールドを使用したデータの取出し方法
- カスタマイズする際に必要な事 -
1.カスタムフィールドを使い、独自の入力項目を増やす。
2.入力内容を取り出して表示させる
基本的にWordPressではカスタムフィールドの値は、
一度呼び出して変数に定義しないと出力できない。
14

15. ■少し複雑なテンプレート構造への理解を高める
- カスタマイズする際に必要な事 -
各シーンに応じて出力するテンプレートは
テンプレートのファイル名で予め優先順位を決められる。
例:)各カテゴリーの一覧ページ
特に指定のないカテゴリーページ ＝ category.php
カテゴリーAのカテゴリーページ = category-A.php
優先順位を正しく理解することで、
最小限のテンプレートで作業も管理も全てが楽になります。
15

16. ■プラグイン追加を大量にするのはオススメできない
- カスタマイズする際に必要な事 -
多くの機能を追加したいからといって、
プラグインを追加しすぎると後で困る。
・プラグインが増える ＝ プラグイン毎の処理が増える
・プラグインに頼らなくても良いものはfunction.phpで！
プラグインの機能追加ではいらない機能まで追加される事も。
プラグインが悪さをしてサイトが表示できなくなる事もあった。
16

17. - カスタマイズする際に必要な事 -
■常に新しいことに学び、挑戦する意欲
常に進化していくWordPressについていくには
日頃の情報収集とスキルアップが必要
一度カスタマイズに詰まった場合、
違う方向から考えてみることが大事！
■柔軟な発想！
17

18. - 参考プラグイン -
18

19. ■カスタムフィールド系プラグイン
- 参考プラグイン -
・Custom Field Template
---カスタムフィールドをテンプレート化
・WP Custom Fields Search
---カスタムフィールドからも検索可能に！
19

20. ■フロント画面機能追加プラグイン
- 参考プラグイン -
・Image Widget
---画像追加対応のサイドウィジェットを追加
・jQuery Colorbox
---拡大画像をlightbox2風に表示させる
・WP-PageNavi
---ページネイトの簡単設置
20

21. ■モバイル向けテンプレート切り替え
- 参考プラグイン -
・ktai-style
---FP向けのテンプレート切り替え機能追加
(UA毎のテンプレート切り替えも可能)
・wptouch
---スマフォ向けテンプレート切り替え機能追加
21

22. ■SEO対策向けプラグイン
- 参考プラグイン -
・Google XML Sitemaps
---検索ロボット向けXML自動書き出し
・Open Graph Pro
---各投稿・ページでOGPタグの設定機能追加
・platinum-seo-pack
---meta index関連個別設定機能追加
・Ultimate Google Analytics
---Google Analytics簡単設置
22

23. ■セキュリティ対策系プラグイン
- 参考プラグイン -
・Login LockDown
---指定回数PWを間違えると一定時間ログインできなくする。
ブルートフォース攻撃や不正な侵入を防ぐ
・Secure WordPress
---WordPressのバージョン情報削除等...etc
・Akismet
---言わずもがなスパム防止プラグイン
・Ultimate Security Checker
---セキュリティに問題が無いかチェック
23

24. ■便利機能追加系プラグイン
- 参考プラグイン -
・Welcart
---EC機能追加プラグイン
・WP Social Bookmarking Light
---SNS共有ボタン簡単設置
・Trust Form
---確認画面付きお問い合わせフォーム作成
24

25. ■バックアップ系プラグイン
- 参考プラグイン -
・WP-DBManager
---DBバックアッププラグイン(DB)
・BackWPup
---バックアッププラグイン(DB/File)
25

26. - 最後に気をつけること -
26

27. 1. そもそもWordPressじゃないとダメなのか？
- 最後に気をつけること -
2. セキュリティへの意識をしっかりと持つ
4. 最初の設計を細かく作る
3. わからないことがあればググる！
5. クライアント目線で操作性を重視
6. できるか不安なカスタマイズは
出来るようになるまで請けない！
27

28. ご静聴ありがとうございました
28