第11回ゼロから始めるWordPress勉強会　〜初心者の悩みを共有しよう〜 ゼロから始めるWordPress勉強会 3Days の2日目の資料です。 コワーキングスペース茅場町 Co-Edoにて開催。

1. 第11回ゼロから始める
WordPress勉強会
2014.5.21 コワーキングスペース茅場町 Co-Edo

2. この勉強会について

3. この勉強会について
勉強しあえる仲間がいたら、困った時に助けあったり、教えあう事も
できます。
この勉強会はそんなところからスタートしました。
情報を共有しながら学びあえる仲間をぜひ作って下さい。
https://www.facebook.com/groups/194782003975961/
by 中畑

4. スタッフ紹介

5. 中畑 隆拓
照明デザイナーでプログラマーのZ80世代。
コミュニティコム星野邦敏さんのストーカーをしながら
WordPressやAPIを覚え、最近はYouTubeパートナーの
Mr. Michael Wangを師匠として動画の勉強中。
学んだ知識を元に子育て関連のサイトを運営しています。

6. 小林由憲（こばやしよしのり）
Twitter: @AsbyuKobayashi
ブログ：http://iao.wktktravel.com/
略歴
12年間ぐらい会計、生産管理システムのシステムエンジニア。
2011年からWeb制作へ。
2014年4月末までは、京橋某社のSEO対策会社で、SEOとWeb制作を行う。
2014年5月1日から、朝日新聞 デジタル編集部に勤務して、Web制作を行う。
暇があれば、Webサイトを制作したり、JavaScriptで遊んでいる。

7. 田中弘治
コンサルティング会社、ヤフーなどを経て、
2007年に株式会社ダイレクトサーチジャパンを創業。
Webサイト・Webアプリケーション開発を行なう。
2013年1月にコワーキングスペース茅場町 Co-Edoをオープン。
IT系開発者が多数集まるスペースとして多くの勉強会やイベントが行
われている。自身も複数の勉強会を主催。

8. 後藤賢司
よつばデザイン代表。東京と大分の2拠点で活動中。
Webサイトの企画・設計・デザイン。
メディアサイトやBGM販売サイトなどを運営。
CPIエバンジェリスト。
「プロが選ぶ WordPress優良プラグイン事典 」
「現場でかならず使われているWordPressデザインのメソッド 」

9. みなさんの自己紹介
お名前とか、職業とかご自由に。
「今日何を学びたいか」もあれば教えてください。

10. WordPressの基礎知識

11. WordPressはGPL
オープンソースのCMS（コンテンツマネジメントシステム）。
GPLというライセンスが適用されている。
プログラムの実行
プログラムの動作を調べ、それを改変すること（ソースコードへのアクセスは、そ
の前提になる）
複製物の再頒布
プログラムを改良し、改良を公衆にリリースする権利（ソースコードへのアクセス
は、その前提になる）

12. WordPress.org
日本語版のダウンロードをはじめ、
テーマやプラグイン、フォーラム、
WordPressイベントカレンダーなどが
あります。
まずはここを参考にしましょう。
公式ロゴもあります。

13. フォーラム
有志の方々が様々な質問に
答えてくれるところです。
困ってるとどうしても
焦ったりしてしまいがちですが
人として恥ずかしくない態度で
利用しましょう。

14. WordPressイベントカレンダー
WordPress関連のイベントが
確認できます。
勉強会などはここをチェック。

15. WordBench

16. WordCamp

19. Schooで月一回配信中

20. WordPressの仕組み

21. 静的なHTMLと違うところ

22. HTMLで作られたサイト
HTML CSS
image
記事の内容

23. WordPress
PHP CSS
image
記事の内容
データベース

24. データベースを使う。
かんたんインストールにも
若干影響する部分。

25. PHP

26. WordPress独自のタグ
<?php get_header(); ?>
!
<?php if (is_front_page()): ?>
トップページだけこの部分を表示します。
<?php else: ?>
トップページ以外はこの部分を表示します。
<?php endif; ?>

27. 必要なものから覚えれば良いし、
PHPわからなくても使える

28. データベース

29. データを置いてるところ
倉庫みたいなもの
エクセルの表

30. 「ループ」について

31. お知らせカテゴリーの記事の
最新5件を表示したい

32. データベースのイメージ

33. 最新5件の記事を取得

34. お医者さんで診察して
薬局で必要な薬を出してもらう
ような事が行われてる

35. プログラムが
出来なくても大丈夫

36. 管理画面で設定可能な事も
たくさんあります。

37. デザインを変える
着せ替え人形のようにデザインを変えられます。そのような機能を
WordPressでは「テーマ」と呼びます。
公式ディレクトリには無料で利用できるテーマが2500以上。

38. デザイン（テーマ）はたくさんある
公式ディレクトリのテーマは無料で使えます。

39. 機能を追加する
フォーム機能を追加したり、画像が自動で変わるスライダーを追加し
たり簡単に出来る。WordPressではプラグインを使う事で機能を追加
出来ます。

40. プラグイン（機能拡張）もたくさんある
公式ディレクトリのプラグインは無料で使えます。

41. インストール・準備

42. どのサーバーを使えば良いかわからなかった
WordPressに対応してるかどうかを調べる必要がある。
データベースを使えるか？
バージョンはいくつか？

43. サーバーが対応してなかった
データベースが使えないプランなどがあります。
ごく稀な例ですが、WordPressが使えるとうたっていても、古いバー
ジョンにしか対応していない場合があります。

44. 改行コードを間違えた
自分でインストールする場合のデータベースの改行コードは、utf8-
general-ciにしましょう。

45. 管理画面

46. 表示パネルの存在を知らなかった
管理画面右上にあります。
余計なものを非表示にする事も可能です。

47. パーマリンクを書き換えた
運用しはじめてからの変更は避けましょう。

48. 非公開だった
予防するプラグインを使いましょう。
http://wordpress.org/plugins/stop-the-bokettch/

49. サイトアドレスを変更した
元に戻すのは初心者にはとても大変なので
いじらないようにしましょう。

50. カスタムメニューの存在を知らなかった
とっても便利なので使いましょう。

51. ウィジェットを知らなかった
コードを書かずにカスタマイズ出来てとっても便利なので使いましょ
う。

52. プラグイン

53. プラグイン入れすぎた
動作が重くなったり、使わないプラグインに脆弱性があったりすると
大変です。使いすぎない＆使わないものは削除しましょう。

54. プラグインをアップデートしたら、表示がくずれた。
元にもどす方法がわからない。
カスタマイズしたり、テーマや他のプラグインのCSSとぶつかってる
かもしれません。ブラウザの開発ツールなどで検証しましょう。

55. テーマ・カスタマイズ

56. 画面が真っ白になった
functions.phpやテーマのphpにエラーが起きると真っ白に。
バックアップをとって作業しましょう。

57. メモ帳で編集したらおかしくなった
テーマ（テンプレートファイル）などを編集する場合にはUTF-8
（BOM なし）という形式で保存できるエディターを使う必要があり
ます。
Windows付属のメモ帳で保存するとおかしくなるので注意が必要です。
Sublime Text を利用しています。

58. 管理画面でテーマ編集やってしまった
取り返しのつかない事になるのでやめましょう。

59. 野良テーマを入れた
公式ディレクトリには無いテーマを「野良テーマ」と呼びます。適切
なチェックを受けていなかったり、悪意あるコードが埋めこまれてい
る場合があります。

60. 有料テーマでプラグインの動作がおかしい
有料テーマの一部には既存のプラグイン機能が組み込まれていたりし
て、不具合を起こす場合があります。
プラグイン作者も原因を追求する事が出来ないため、その辺りのリス
クがあると知った上で使用する必要があります。

61. カテゴリの並びかえができない。
プラグインで可能になります。
http://wordpress.org/plugins/taxonomy-terms-order/
よく紹介されている
「My Category Order」や
「Category Order」は
古いので使用は避けましょう。

62. よくわからないけどコピペした
ブログは正しい情報と正しくない情報が入り交じっています。なんで
もコピペするのはあまり好ましくありません。
Codexを参考にしたり、
登壇してるような人のものを
参考にしましょう。
http://wpdocs.sourceforge.jp/

63. タイトル、本文の文字の大きさを変えたい。
開発ツールなどを使って調べる事が出来ます。
Jetpackプラグインを使用すれば、追加でCSSを記述できます。

64. カスタマイズしたテーマがアップデートで元にもどった
子テーマを使用したり、テーマをオリジナルのものに変更しましょう。
http://wpdocs.sourceforge.jp/
%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E

65. 子テーマを知らなかった
子テーマは親テーマを基本にして変えたいところだけ作れば良いです。
詳しくはCodex参照。
http://wpdocs.sourceforge.jp/
%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E

66. コアファイルをいじった
アップデートで消えるし、良い事ありません。
カスタマイズすればコアファイルをいじらずに実現できる事はたくさ
んあります。
WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/

67. セキュリティ

68. adminのまま使ってた
ブルートフォースアタックの対象になりやすいです。
ユーザーIDは独自のものにしてパスワードも長いものにしましょう（最
低でも8文字以上）。

69. セキュリティアップデートしなかった
弱点をそのままにしておいて、何かおきた時はサイト管理者の責任で
す。アップデートは行いましょう。
不具合対応などの必要が出てくるのでメンテナンスの体制は整えましょ
う。放置は厳禁です。

70. 運用

71. タグとカテゴリの使い方がわからない
サイトの設計時にしっかり考えましょう。
何のサイトをどのように運営していくのかによって異なります。

72. プラグイン古かった
プラグインディレクトリには2年以上前のプラグインにはアラートが
出ています。
アップデートされてないプラグインが原因でセキュリティ的に問題に
なるという事があります。
導入の際には必ずチェックしましょう。

73. ビジュアルエディタ、テキストの使い方がわからない。

74. 記事をまとめてカテゴリ編集したい。

75. ビジュアルエディターのパネルの存在を知らなかった

76. 変なアクセスが来た
野良テーマなどに仕込まれたコードで変なアクセスが来る場合があり
ます。最初から使わないほうが幸せです。

77. リビジョンってなあに？
変更履歴。前のものに戻す事も可能。

78. 子ページがわからなかった
固定ページは階層化する事が可能です。

79. メンテナンス画面から復帰できなくなった
WordPressのあるディレクトリにある「.maintenance」というファ
イルを削除する。

80. イメージでテキストの回り込みができない

81. イメージを挿入したらテキストのど真ん中！
指定した場所に挿入したい。

82. プラグイン

83. フォームを追加 Contact Form 7
お問合せフォームを追加できる。
http://wordpress.org/plugins/contact-form-7/

85. スパムを防止 Really Simple CAPTCHA
スパム対策の項目を追加する。
http://wordpress.org/plugins/really-simple-captcha/

86. よくある質問 FAQ Maneger
よくある質問機能を追加できるプラグイン。カスタム投稿タイプ。
https://wordpress.org/plugins/wordpress-faq-manager/

87. ぱんくずリスト Breadcrumb NavXT
https://wordpress.org/plugins/breadcrumb-navxt/

88. ページナビゲーション WP-PageNavi
自動でナビゲーションをつけてくれる。
http://wordpress.org/plugins/wp-pagenavi/

89. 記事の公開期限を設定 Post Expirator
記事を指定した期間で非公開に出来る。
3日間だけ公開などという事が可能。
https://wordpress.org/plugins/post-expirator/

90. WP Favorite Posts
記事のお気に入りボタンを追加出来る。
ユーザー登録しなくてもクッキーで可能。
https://wordpress.org/plugins/wp-favorite-posts/

91. 高機能で便利な Jetpack
これでもかというほど高機能。
ウィジェットの表示条件を
指定できるようになったり、
ソーシャル連携出来たり、
シンプルなアクセス解析を
見る事が出来たり。
https://wordpress.org/plugins/jetpack/

92. 高機能スライダー Meta Slider
高機能なスライドショーが簡単に作れるプラグイン。
ドラッグアンドドロップで順番を並び替えたり、
スライドの種類を選べたり出来る。
さらに高機能な有料版もある。
!
https://wordpress.org/plugins/ml-slider/

93. 記事を複製できる Duplicate Post
ほぼ同じ内容で日付だけ変えて
公開したいような場合に便利。
https://wordpress.org/plugins/duplicate-post/

94. 共通で使う要素を管理する Buckets
共通パーツをまとめておける。
ショートコードで呼び出し。
営業日とか料金表とか複数のペー
ジで共通で使う場合など。
https://wordpress.org/
plugins/buckets/
ショートコードで呼び出し

95. 画像のトリミング指定が出来る Post Thumbnail Editor
画像のトリミング指定が出来る
プラグイン。
個別にトリミング出来るので
微調整したい場合などに便利。
!
https://wordpress.org/plugins/post-thumbnail-editor/

96. ウィジェットにバナーを貼れる Image Widget
HTMLの知識がなくても
ウィジェットエリアにバナーを
貼れるプラグイン。
タイトルを入力しなければ、
画像のみのバナーとして
利用できる。
http://wordpress.org/plugins/image-widget/

97. アイキャッチ画像を自動で設定 Auto Post Tumbnail
自動でアイキャッチ画像を設定してくれる。
サムネイルの設定忘れなどが無くなる。
クライアントワークの場合、
説明しなくても良い。
http://wordpress.org/plugins/auto-post-thumbnail/

98. デフォルトテーマをカスタマイズ Styles
TwentyTen、TwentyEleven、TwentyTwelve、TwentyThirteen
の4つのカラーリングなどをカスタマイズ可能。
http://wordpress.org/plugins/styles/

99. 表側で編集が出来る WordPress Front-end Editor
フロント側で記事の編集ができる。プレビューして確認などの必要が
なくなる。いずれはデフォルトの機能になるかも。
https://wordpress.org/plugins/wp-front-end-editor/

100. 凝ったレイアウトが可能なPage Builder
投稿本文エリアで段組レイアウトが可能になる
http://wordpress.org/plugins/siteorigin-panels/

101. 質問タイム

102. ありがとうございました。