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

1

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

×

2

1. WordPressとは？

- WordPressでできること -

2. メリット・デメリット

4. 実案件紹介3. カスタマイズする際に必要なこと

5. 参考プラグイン6. 気をつけなければいけないこと

3

- WordPressとは？ -

4

2003年5月にリリースされたオープンソースブログソフトウェア

- WordPressとは？ -

祝10周年!!

5

世界中でのCMSのシェア率56%W3Techs調べ(2013年5月20日現在)

- WordPressとは？ -

ちなみにMTは0.3%でした...

6

PHP+MySQLによるコンテンツ管理

- WordPressとは？ -

WordPress日本語ver. 3.2～3.5の動作環境

PHP: 5.2.4以上MySQL: 5.0以上

最近のレンタルサーバーならほぼ実装可能簡単インストール機能があるサーバーも！

7

ブログ機能を応用することでCMSとして利用できる。

- WordPressとは？ -

多くの有志が開発したプラグインで機能拡張が楽で便利！

8

- メリット・デメリット -

9

1.オープンソースな為、コストを抑えられる

- メリット -

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

10

1.ノンプログラマーにはハードルが高い場合がある

- デメリット -

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

11

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

12

■PHPによるif条件分岐の手法を理解する

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

・Aの値が◯◯だった場合に●●を表示する・Bの値が××だった場合は△△を表示しない

基本的にデータを取り出して、比較して、表示する形式を指示することでカスタムしていく。

ほとんどがこの応用で完結する事が多い

13

■カスタムフィールドを使用したデータの取出し方法

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

1.カスタムフィールドを使い、独自の入力項目を増やす。2.入力内容を取り出して表示させる

基本的にWordPressではカスタムフィールドの値は、一度呼び出して変数に定義しないと出力できない。

14

■少し複雑なテンプレート構造への理解を高める

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

各シーンに応じて出力するテンプレートはテンプレートのファイル名で予め優先順位を決められる。

例:)各カテゴリーの一覧ページ　特に指定のないカテゴリーページ ＝ category.php　カテゴリーAのカテゴリーページ = category-A.php

優先順位を正しく理解することで、最小限のテンプレートで作業も管理も全てが楽になります。

15

■プラグイン追加を大量にするのはオススメできない

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

多くの機能を追加したいからといって、プラグインを追加しすぎると後で困る。

・プラグインが増える ＝ プラグイン毎の処理が増える・プラグインに頼らなくても良いものはfunction.phpで！

プラグインの機能追加ではいらない機能まで追加される事も。プラグインが悪さをしてサイトが表示できなくなる事もあった。

16

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

■常に新しいことに学び、挑戦する意欲常に進化していくWordPressについていくには日頃の情報収集とスキルアップが必要

一度カスタマイズに詰まった場合、違う方向から考えてみることが大事！

■柔軟な発想！

17

- 参考プラグイン -

18

■カスタムフィールド系プラグイン

- 参考プラグイン -

・Custom Field Template ---カスタムフィールドをテンプレート化

・WP Custom Fields Search ---カスタムフィールドからも検索可能に！

19

■フロント画面機能追加プラグイン

- 参考プラグイン -

・Image Widget ---画像追加対応のサイドウィジェットを追加

・jQuery Colorbox ---拡大画像をlightbox2風に表示させる

・WP-PageNavi ---ページネイトの簡単設置

20

■モバイル向けテンプレート切り替え

- 参考プラグイン -

・ktai-style ---FP向けのテンプレート切り替え機能追加　　 (UA毎のテンプレート切り替えも可能)

・wptouch ---スマフォ向けテンプレート切り替え機能追加

21

■SEO対策向けプラグイン

- 参考プラグイン -

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

22

■セキュリティ対策系プラグイン

- 参考プラグイン -

・Login LockDown ---指定回数PWを間違えると一定時間ログインできなくする。 ブルートフォース攻撃や不正な侵入を防ぐ・Secure WordPress ---WordPressのバージョン情報削除等...etc

・Akismet ---言わずもがなスパム防止プラグイン

・Ultimate Security Checker ---セキュリティに問題が無いかチェック

23

■便利機能追加系プラグイン

- 参考プラグイン -

・Welcart ---EC機能追加プラグイン・WP Social Bookmarking Light ---SNS共有ボタン簡単設置

・Trust Form ---確認画面付きお問い合わせフォーム作成

24

■バックアップ系プラグイン

- 参考プラグイン -

・WP-DBManager ---DBバックアッププラグイン(DB)

・BackWPup ---バックアッププラグイン(DB/File)

25

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

26

1. そもそもWordPressじゃないとダメなのか？

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

2. セキュリティへの意識をしっかりと持つ

4. 最初の設計を細かく作る3. わからないことがあればググる！

5. クライアント目線で操作性を重視6. できるか不安なカスタマイズは 　出来るようになるまで請けない！

27

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

28