Word bench 大分 発表資料 2014/05/17

1. WordPress
初心者さんが知っておいたほうが良い事&
プラグインの紹介
よつばデザイン 後藤賢司
2014.5.17 WordBench 大分

2. 自己紹介
よつばデザイン 後藤賢司
出版社∼デザイン会社∼Web制作会社∼企画会社∼独立
東京と大分の2拠点で活動中（月の半分ずつ）
Webサイトの企画・デザインやメディアサイトやってます

3. 和菓子が好き

4. WP-D グリーン
CPIエバンジェリスト
ゼロから始めるWordPress勉強会(facebookグループ）
Webクリエイターのための情報交換所(facebookグループ）
すみだクリクラ
活動

5. COCOmag
子どもと一緒の毎日を
楽しく、可愛くする情報
（メディアサイト）
http://COCOmag.net

6. よろずサウンド
著作権フリーのBGM販売サイト
yorozusound.com

8. 今日の内容
1. WordPressについて
2. 知っておいたほうが良い事
3. プラグイン紹介

9. 基礎知識

10. Webサイトを作るには
自分で作れない人
無料ブログサービスを利用する（WordPress、ライブドアブログ、ア
メブロ、Note）。
有料サービスを利用する*。（Jimdo、Wix等、BinD）
̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶-
自分で作る。

11. WordPressの基礎知識
オープンソースのCMS（コンテンツマネジメントシステム）。
GPLというライセンスが適用されている。

12. WordPressを使うには2通り
レンタルブログサービス（公式）とインストール型がある。
賃貸物件か持ち家かみたいなものです。
※今後はインストール型が主流になると言われています。

13. WordPress.com
公式サービス。
レンタルブログ型。
アメーバブログや
ライブドアブログに近い。
有料オプションが豊富。

14. レンタルサーバーなど
自分でWordPressをインストールして利用するには、確認する事があ
る。WordPressがすべてのレンタルサーバーで動く訳ではない。
初心者さんには「かんたんインストール機能」のあるところがオスス
メ。（エックスサーバー、CPI、ロリポップ…）

15. WordPressは
無料で利用できるCMSです。

16. ライセンスGPL
自由に配布・改変OK。みんなで共有して使っていくという思想で大き
く普及したところもある。
※独自に権利の主張を行う事は出来ない。
この辺はちゃんと調べてみてください。

17. GPL∼Wikipediaより∼
プログラムの実行
プログラムの動作を調べ、それを改変すること（ソースコードへのア
クセスは、その前提になる）
複製物の再頒布
プログラムを改良し、改良を公衆にリリースする権利（ソースコード
へのアクセスは、その前提になる）

18. WordPress
ドメイン名にWordPressを使用してはいけない。
サブドメインやディレクトリ名に使用するのはOK。

19. WordBench

20. WordCamp

23. Schooで月一回配信中

24. WordPressの仕組み

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

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

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

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

29. PHP

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

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

32. データベース

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

34. 「ループ」について

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

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

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

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

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

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

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

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

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

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

45. プラグイン紹介

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

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

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

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

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

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

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

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

54. シンプルにお知らせを表示する Notification-Box
シンプルにメッセージを出すための
ウィジェットプラグイン。
テキストウィジェットよりは
もうすこし目立たせたい場合などに。
!
https://github.com/ytbdken/Notification-Box

55. 設定値をいじれば
下の要素とくっつけたり、
連続で表示して簡易的な
デザインアクセントとしても
利用可能。

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

57. フロント側で編集できるWordPress Front-end Editor
管理画面に入らずに記事が書けるWordPress Front-end Editor。
見た目で編集できるので便利。
https://wordpress.org/plugins/wp-front-end-editor/

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

59. デモ
デフォルトテーマでそれっぽく
・スライダー
・フォーム

60. セキュリティのお話（別セッション）
対策方法
認証方法
古いものは使わない
公式ディレクトリ以外のテーマは使わないほうが良い

61. ログインIDとパスワード
初期ユーザー名「admin」は使わない。
パスワードは最低でも8文字以上。
パスワード生成ツールを利用する。
http://www.luft.co.jp/cgi/randam.php

62. バックアップサービスを利用する
https://vaultpress.com/

63. バックアップ機能のあるレンタルサーバー
レンタルサーバーの
エックスサーバーやCPIは
バックアップ機能がある。

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