はじめてのWORDPRESS
WordBench大分
WordPressを中心に様々な情報を交換
しながら、多くの方が楽しく学べるグ
ループです。
勉強会のなかではWordPressをベース
に置きつつも、Webデザインだったり
、流行の話だったりと、「Web」に関
する情報交換を行ったりしています。
https://www.facebook.com/groups/wordbench.oita/
アルパカ@ラボです。
きほん、主夫をしているWEB系エンジニアです
。
• 基本スペックは「主夫」です。
• お散歩サイトを運営
• WordPressのプラグイン開発
Ruby on Railsを使った
システム設計・開発
• http://www.paka3.net
Twitter : @shojiend
Facebook : en3shoji
大分の「田舎」に住んでいます。
「臼杵市」は良いとこ一度はおいで
。
• 臼杵市観光PRゆるキャラ
「ほっとさん」
• イラストから中身まで。
by嫁
臼杵市の情報はここから
臼杵市のお散歩情報サイト「えんどうさんち
」
• ローカル情報サイト
「えんどうさんち」運営
• WordPressを使ってます
• 市民視点の情報を
「ほぼ毎日」更新しています
。
はじめてのWORDPRESSCMS「WORDPRESS」はじめの一歩
WORDPRESは、ホームページをデザイン作成・記事更新・運営管理するCMSです。
https://ja.wordpress.org/
WORDPRESSの概要と流れ
オープンソース
Webデザインの作成
機能の追加
サイトの管理
記事の作成・更新
※規約あり
1.実際にWORDPRESSをはじめようとしたら、
ぶつかって「わからない」3つのポイント
1. Webページのしくみ?
2. 実際に動かすには?
作って、公開するには?
3. インストール・基本設定
WEBページのしくみ?
一般的なCMSとは?
データベース(mySQL) プログラム
記事を見る記事を書く
実際にあなたがWORDPRESSを
動かしたり、みんなに公開したりするには
?
つくる環境 公開する環境
専用サーバー
ホスティングサーバー等
あなたのパソコン
PC
(インターネット環境)(ローカルPC環境)
つくる環境(開発環境)
※まだ細かい部分がまだ少し難しいかも
パソコンにWordPressを設定できるツールが有ります
詳しくはこちら→http://goo.gl/GJU5eT
ブラウザで管理画面を開いて操作します。
※技術者の方は「VCCW」で検索すると幸せになれるかもしれません。
実際に公開環境サーバ選びの選び方
○まずは作ってみたい!
もう少し運用を安定させたい
月額250円位〜
月額1000円位〜
仕事で本格的に運用したい
(専用サーバーやクラウドサービス)
「アクセス数増加による負荷による速度の低下を改善」や
「金額」によってサーバーを選ぶ
インストール・基本設定
ここまでの説明を覆す「ワンクリックインストール
」
• ワンクリックインストール共々、
実際にしてみましょう
WORDPRESSを実際にさわってみよ
うCMS「WORDPRESS」はじめの一歩
WORDPRESは、ホームページをデザイン作成・記事更新・運営管理するCMSです。
まずは、実際にサイトをつくろう
「しあわせ」になる3つのポイント
• WordPressは自由度が高いので、サイト設計は必ず行いましょう
ブログをつくるのか?
コーポレートサイトをつくるのか?
ショッピングサイトを作るのか?
会員制サイトをつくるのか?APIをつくるのか?
ワンページデザインで作るのか?
おすすめの書籍
カタチにするために必要な機能
• テーマ(有料・無料:もしくは自作)
• プラグインAPI(有料・無料:もしくは自作)
• カスタム投稿タイプ
• カスタムフィールド
• カスタムヘッダー
• ウィジェット
• カスタムメニュー
基本機能の他に、カスタマイズしやすいものが準備されています。
テーマ
ipadの場合、Safariなどではファイルのアップロードが出来ないので
「iCab Mobile(有料アプリ)」必要な場合があります。
テーマ例:ブログ系
STINGER5
ブログ・アフィリエイトサイトに最適なテーマ
http://wp-fun.com/
スマホ対応(レスポンシブデザイン)です。
WordPressで作られたブログでかなり使われているテーマ
テーマ例:ブログ系
Simplicity
管理画面から様々な設定が可能な高機能テーマ
http://wp-simplicity.com/
テーマ例:ブログ系
Gush2
レスポンシブ対応のシンプルなデザイン
http://wp-gush.com/
テーマ例:ギャラリー系
Shotoku
写真などのギャラリーサイトに向いているテーマ
http://kachibito.net/wordpress/shotoku.html
プラグイン
プラグイン例:メール送信フォーム
Contact Form 7
WordPressにお問い合わせフォームを追加します。
http://contactform7.com/ja/
プラグイン例:ランキング表示
Wordpress Popular Posts
https://wordpress.org/plugins/wordpress-popular-posts/
プラグイン例:大きな画像の処理
Imsanity
アップロードした画像を一括で縮小したり、BMPをJPGに変換したりします
https://wordpress.org/plugins/imsanity/
プラグイン例:ECサイトをつくる
welcart
WordPressでECサイト(ショッピングカート)をつくる
http://www.welcart.com/
プラグイン例:会員サイトをつくる
wp-members
会員制のサイトが作れます。
https://wordpress.org/plugins/wp-members/
その他
カスタム投稿タイプとは
ブログ 商品説明
社員 社長
記事 記事 記事 記事
洗濯機 冷蔵庫
記事 記事 記事 記事
固定ページ 固定ページ 投稿 カスタム投稿
自分でカスタマイズをするという選択
テーマ作成について
プラグインついて
Bootstrapなどフレームワークを使う
カスタム投稿やカテゴリ毎に
デザインを変えたりする
スマホに対応する等
PHPを使えれば、自分で機能追加
参考になるサイト・リンク
• ドットインストール:WordPress入門
http://dotinstall.com/lessons/basic_wordpress
• WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/
※テーマフレームワーク(テーマをつくる基板)
http://goo.gl/mHu0Ok
僕がWORDPRESSを使う理由
• PHP+WordPressはフレームワーク
カスタマイズ性が高い→反面、曖昧になりやすい
• ドキュメントが多い
コミュニティができており、
• 公式キャラクター
「わぷー」が可愛い
日本語ドキュメントも比較的多い

はじめてのWordPress