SlideShare uma empresa Scribd logo
1 de 32
はじめての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はフレームワーク
カスタマイズ性が高い→反面、曖昧になりやすい
• ドキュメントが多い
コミュニティができており、
• 公式キャラクター
「わぷー」が可愛い
日本語ドキュメントも比較的多い

Mais conteúdo relacionado

Mais procurados

20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup
Seigo Tanaka
 
実践的IT勉強会参加術
実践的IT勉強会参加術実践的IT勉強会参加術
実践的IT勉強会参加術
Hiromu Shioya
 
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
codeal
 
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
 
JavaScript(主にVue.js) 関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介するJavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js) 関連の本をたくさん読んだので雑に紹介する
YutaNishina1
 
Perlの会社に内定決まるまで
Perlの会社に内定決まるまでPerlの会社に内定決まるまで
Perlの会社に内定決まるまで
meru_akimbo
 

Mais procurados (19)

Jpsps#24 access servicesで出来る事、出来ない事
Jpsps#24 access servicesで出来る事、出来ない事Jpsps#24 access servicesで出来る事、出来ない事
Jpsps#24 access servicesで出来る事、出来ない事
 
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作
 
20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup20140315_tanakaseigo_creator_meetup
20140315_tanakaseigo_creator_meetup
 
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
【ブロガーズフェスティバル】20151018 今のノマド的節約術に至るまでのストーリー
 
実践的IT勉強会参加術
実践的IT勉強会参加術実践的IT勉強会参加術
実践的IT勉強会参加術
 
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
[コデアル株式会社] Ruby on rails 開発環境設定勉強会(株式会社シンクスマイル主催)
 
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
文系女子デザイナーのためのラクして得するtwentytwelveカスタマイズ
 
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみたWordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみた
 
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
 
ios+Android最近気付いいたこと
ios+Android最近気付いいたことios+Android最近気付いいたこと
ios+Android最近気付いいたこと
 
WordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれWordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれ
 
メニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしようメニューは管理画面で設定できるようにしよう
メニューは管理画面で設定できるようにしよう
 
Abc words
Abc wordsAbc words
Abc words
 
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼンWordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
 
学内勉強会をやりたい
学内勉強会をやりたい学内勉強会をやりたい
学内勉強会をやりたい
 
2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪2013年3月16日のWordBench大阪
2013年3月16日のWordBench大阪
 
JavaScript(主にVue.js) 関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介するJavaScript(主にVue.js)関連の本をたくさん読んだので雑に紹介する
JavaScript(主にVue.js) 関連の本をたくさん読んだので雑に紹介する
 
Over40 webclubver2
Over40 webclubver2Over40 webclubver2
Over40 webclubver2
 
Perlの会社に内定決まるまで
Perlの会社に内定決まるまでPerlの会社に内定決まるまで
Perlの会社に内定決まるまで
 

Semelhante a はじめてのWordPress

Ruby on Rails でつくるアタシ好みの愛され Web サービス
Ruby on Rails でつくるアタシ好みの愛され Web サービスRuby on Rails でつくるアタシ好みの愛され Web サービス
Ruby on Rails でつくるアタシ好みの愛され Web サービス
Yoji Shidara
 
2013 09-28 wordbench大阪と俺
2013 09-28 wordbench大阪と俺2013 09-28 wordbench大阪と俺
2013 09-28 wordbench大阪と俺
Tomoyuki Sugita
 

Semelhante a はじめてのWordPress (20)

WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成WordPressはじめてのプラグイン作成
WordPressはじめてのプラグイン作成
 
WordBench仙台とは
WordBench仙台とはWordBench仙台とは
WordBench仙台とは
 
Neo4j Profile Export/Import Tool
Neo4j Profile Export/Import ToolNeo4j Profile Export/Import Tool
Neo4j Profile Export/Import Tool
 
ウェブサービスのつくりかた
ウェブサービスのつくりかたウェブサービスのつくりかた
ウェブサービスのつくりかた
 
Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例Movable Type Data API Swiftアプリ作成事例
Movable Type Data API Swiftアプリ作成事例
 
知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」知っておきたい「Web制作イマドキの注目ポイント」
知っておきたい「Web制作イマドキの注目ポイント」
 
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
 
僕のFireworks普及計画!!
僕のFireworks普及計画!!僕のFireworks普及計画!!
僕のFireworks普及計画!!
 
AWS で社内オンライン勉強会
AWS で社内オンライン勉強会AWS で社内オンライン勉強会
AWS で社内オンライン勉強会
 
Ruby on Rails でつくるアタシ好みの愛され Web サービス
Ruby on Rails でつくるアタシ好みの愛され Web サービスRuby on Rails でつくるアタシ好みの愛され Web サービス
Ruby on Rails でつくるアタシ好みの愛され Web サービス
 
「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方「Webサービスのつくり方」 のつくり方
「Webサービスのつくり方」 のつくり方
 
LaravelでDBを使用しないbasic認証を簡単につくるtips
LaravelでDBを使用しないbasic認証を簡単につくるtipsLaravelでDBを使用しないbasic認証を簡単につくるtips
LaravelでDBを使用しないbasic認証を簡単につくるtips
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
 
スタートアップが知っておきたいAWS知識
スタートアップが知っておきたいAWS知識スタートアップが知っておきたいAWS知識
スタートアップが知っておきたいAWS知識
 
Rails5クイックスタート
Rails5クイックスタートRails5クイックスタート
Rails5クイックスタート
 
Swift afterbeginner
Swift afterbeginnerSwift afterbeginner
Swift afterbeginner
 
AWSでWordPressを使って富を得た時の話 (JAWS FESTA 東海道 2016 セッション)
AWSでWordPressを使って富を得た時の話 (JAWS FESTA 東海道 2016 セッション)AWSでWordPressを使って富を得た時の話 (JAWS FESTA 東海道 2016 セッション)
AWSでWordPressを使って富を得た時の話 (JAWS FESTA 東海道 2016 セッション)
 
WordPressってこんなCMS
WordPressってこんなCMSWordPressってこんなCMS
WordPressってこんなCMS
 
Railsから学ぶRESTfulなuri設計
Railsから学ぶRESTfulなuri設計Railsから学ぶRESTfulなuri設計
Railsから学ぶRESTfulなuri設計
 
2013 09-28 wordbench大阪と俺
2013 09-28 wordbench大阪と俺2013 09-28 wordbench大阪と俺
2013 09-28 wordbench大阪と俺
 

はじめてのWordPress