SlideShare a Scribd company logo
1 of 38
Download to read offline
ワークショップ
 環境構築編




 WordBeach 2012

                  1
レジュメ


✴ ローカルサーバーの構築
✴ WordPressのインストール
✴ テーマの作成
✴ テーマのカスタマイズ



            WordBeach 2012

                             2
ローカルサーバーの構築 Mac編



✴ MAMPのダウンロード

✴ MAMPのインストール

✴ MAMPの設定


            WordBeach 2012

                             3
M
         MAMPのダウンロード

MAMPを以下のサイトよりダウンロードします。

http://www.mamp.info/en/index.html




                 WordBeach 2012

                                         4
M
    MAMPのインストール

ダウンロードしたZIPファイルを解凍してできた

ファイルをダブルクリックしてインストール。




         WordBeach 2012

                              5
M
          MAMPの設定

インストールが完了したらMAMPを起動し、以下

の項目を設定します。


• ポート番号

• PHPバージョン

• ドキュメントルート
             WordBeach 2012

                                  6
M
     ポート番号の設定

ポート番号を標準に設定する(任意)




        WordBeach 2012

                             7
M
      PHPバージョンの設定

PHPのバージョンをサーバーに合わせて選択す

る。最新のWordPress(3.4.1)をインストールす

るには、PHP 5.2.4 以上が必要。




            WordBeach 2012

                                    8
M
   ドキュメントルートの設定

ドキュメントルートを設定する(任意)




        WordBeach 2012

                             9
ローカルサーバーの構築 Win編




✴ XAMPPのダウンロード

✴ XAMPPのインストール



          WordBeach 2012

                           10
M
         XAMPPのダウンロード

XAMPPをサイトよりダウンロードします。
http://www.apachefriends.org/jp/xampp-windows.html




                    WordBeach 2012

                                                         11
W
XAMPPのダウンロード




    WordBeach 2012

                     12
W
XAMPPのダウンロード




    WordBeach 2012

                     13
W
XAMPPのインストール




    WordBeach 2012

                     14
W
XAMPPのインストール




    WordBeach 2012

                     15
W
XAMPPのインストール




    WordBeach 2012

                     16
W
XAMPPのインストール




    WordBeach 2012

                     17
W
XAMPPのインストール




    WordBeach 2012

                     18
W
XAMPPのインストール




    WordBeach 2012

                     19
W
XAMPPのインストール




    WordBeach 2012

                     20
WordPress のインストール




✴ WordPress のダウンロード

✴ WordPress のインストール



            WordBeach 2012

                             21
W M
      WordPress のダウンロード

WordPressを以下のサイトよりダウンロードしま

す。http://ja.wordpress.org/




                 WordBeach 2012

                                        22
W M
   WordPress のインストール

ダウンロードしたZIPファイルを解凍して、できた

フォルダをドキュメントルートに移動します。


この時、フォルダ名をサイト名などに変更すると

良いと思います。




           WordBeach 2012

                                  23
W M
   WordPress のインストール

ドキュメントルートに移動したら、MAMPを起動

して、ブラウザから移動したフォルダにアクセス

します。




         WordBeach 2012

                                24
W M
   WordPress のインストール

「設定ファイルを作成する」をクリックすると、

次の様な画面が表示されます。




         WordBeach 2012

                                25
W M
   WordPress のインストール

MAMPのコントロールパネルからスタートページ

を開き、以下のものを調べます。


・データベースのホスト名

・データベースのユーザー名

・データベースのパスワード



         WordBeach 2012

                                26
W M
   WordPress のインストール

phpMyAdminでデータベースを作成します。




          WordBeach 2012

                                 27
W M
   WordPress のインストール

phpMyAdminでデータベースを作成します。




          WordBeach 2012

                                 28
W M
   WordPress のインストール

phpMyAdminでデータベースを作成します。




          WordBeach 2012

                                 29
W M
   WordPress のインストール

データベースの情報を設定。




          ①



      ②
          WordBeach 2012

                                 30
W M
    WordPress のインストール

WordPressの必要情報を設定。




           ①




           ②
           WordBeach 2012

                                  31
W M
   WordPress のインストール

WordPressのインストール完了!




           WordBeach 2012

                                  32
テーマの作成




wp-content > themes に
新しいテーマフォルダを作る。




                WordBeach 2012

                                 33
基本構成


• style.css(必須)
• index.php(必須)
• header.php
• footer.php
• functions.php
                  WordBeach 2012

                                   34
プラグインを入れてみよう




✴ WP Total Hacks
✴ Adminimize




                   WordBeach 2012

                                    35
テーマのカスタマイズ



✴ ナビゲーションメニューを追加する
✴ パンくずリストを追加する
✴ ページ送りを追加する
✴ メールフォームを追加する


         WordBeach 2012

                          36
色々カスタマイズする

✴ パーマリンクの設定
✴ テーマ一覧のサムネイルを追加する
✴ アイキャッチを利用可能にする
✴ 固定ページで抜粋を利用可能にする
✴ アップデート通知を非表示にする
✴ Admin Bar の WPロゴを非表示にする
            WordBeach 2012

                             37
ご清聴ありがとうございました。




MAMP のダウンロード
http://www.mamp.info/en/index.html
XAMPP のダウンロード
http://www.apachefriends.org/jp/xampp-windows.html
WordPress のダウンロード
http://ja.wordpress.org/




                        WordBench Nagoya 2012.1.28

                                                     38

More Related Content

Viewers also liked (6)

WBN 2014/02 LT
WBN 2014/02 LTWBN 2014/02 LT
WBN 2014/02 LT
 
WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門WordPress テーマ作成&PHP超入門
WordPress テーマ作成&PHP超入門
 
フック超入門
フック超入門フック超入門
フック超入門
 
コンなご 2015 12-20 LT
コンなご 2015 12-20 LTコンなご 2015 12-20 LT
コンなご 2015 12-20 LT
 
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントWebデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
 

Similar to WordBeach 2012 WS 環境構築編

Windows azure webサイトの紹介
Windows azure webサイトの紹介Windows azure webサイトの紹介
Windows azure webサイトの紹介
Daisuke Abe
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
 
baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法
Ryuji Egashira
 

Similar to WordBeach 2012 WS 環境構築編 (20)

Wbn1201
Wbn1201Wbn1201
Wbn1201
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
 
WordPress 高速化 Pro Tips: フロントエンドの最適化
WordPress 高速化 Pro Tips: フロントエンドの最適化WordPress 高速化 Pro Tips: フロントエンドの最適化
WordPress 高速化 Pro Tips: フロントエンドの最適化
 
WordPressって何
WordPressって何WordPressって何
WordPressって何
 
WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜
WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜 WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜
WordVolcano: WordPress on クラウド 〜ブラウザだけでサイトを作ろう〜
 
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でーWP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
 
Xamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れるXamppでお手軽cms開発環境を手に入れる
Xamppでお手軽cms開発環境を手に入れる
 
WordPress on local for windows
WordPress on local for windowsWordPress on local for windows
WordPress on local for windows
 
Windows azure webサイトの紹介
Windows azure webサイトの紹介Windows azure webサイトの紹介
Windows azure webサイトの紹介
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?
 
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson PortfolioWordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson Portfolio
 
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
 
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
 
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門
 
【10人限定】1日でマスター!word pressのための「php:mysql講座」
【10人限定】1日でマスター!word pressのための「php:mysql講座」【10人限定】1日でマスター!word pressのための「php:mysql講座」
【10人限定】1日でマスター!word pressのための「php:mysql講座」
 
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
 
FMCakeMixってウマイの?(2012年12月改訂版)
FMCakeMixってウマイの?(2012年12月改訂版)FMCakeMixってウマイの?(2012年12月改訂版)
FMCakeMixってウマイの?(2012年12月改訂版)
 
baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法baserCMSにみられるCakePHPノウハウ蓄積法
baserCMSにみられるCakePHPノウハウ蓄積法
 
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
 

More from Michinari Odajima (6)

WordPress のための PHP 超入門
WordPress のための PHP 超入門WordPress のための PHP 超入門
WordPress のための PHP 超入門
 
意外と簡単 プラグイン開発超入門
意外と簡単 プラグイン開発超入門意外と簡単 プラグイン開発超入門
意外と簡単 プラグイン開発超入門
 
Sass 超入門
Sass 超入門Sass 超入門
Sass 超入門
 
WordBeach 2012 WS PHP入門編
WordBeach 2012 WS PHP入門編WordBeach 2012 WS PHP入門編
WordBeach 2012 WS PHP入門編
 
WordPressのためのPHP入門
WordPressのためのPHP入門WordPressのためのPHP入門
WordPressのためのPHP入門
 
Osc名古屋スライド
Osc名古屋スライドOsc名古屋スライド
Osc名古屋スライド
 

WordBeach 2012 WS 環境構築編