Submit Search
Upload
WordBench熊本第3回勉強会
•
Download as PPTX, PDF
•
1 like
•
1,358 views
Akinori Tateyama
Follow
WordBench熊本第3回勉強会(ハンズオン)
Read less
Read more
Report
Share
Report
Share
1 of 100
Download now
Recommended
Wp html5
Wp html5
regret raym
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
Recommended
Wp html5
Wp html5
regret raym
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
20141101 handson
20141101 handson
Six Apart
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
20130406 rainier study
20130406 rainier study
Six Apart
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
Six Apart
Word press34
Word press34
BREN
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
Bracketsを使おう
Bracketsを使おう
Yossy Taka
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
TAM-2012-11 PUMS Pandiapuram
TAM-2012-11 PUMS Pandiapuram
designforchangechallenge
PATHS Second prototype-functional-spec
PATHS Second prototype-functional-spec
pathsproject
More Related Content
What's hot
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
タカシ キタジマ
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
Mignon Style
子テーマを使ったサイト制作
子テーマを使ったサイト制作
shimoyama kengo
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
20141101 handson
20141101 handson
Six Apart
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
20130406 rainier study
20130406 rainier study
Six Apart
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
Six Apart
Word press34
Word press34
BREN
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
Bracketsを使おう
Bracketsを使おう
Yossy Taka
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
What's hot
(20)
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
WordPress テーマ Habakiri と公式ディレクトリへのテーマ登録
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
WordPress公式テーマ登録のための5ステップ
WordPress公式テーマ登録のための5ステップ
子テーマを使ったサイト制作
子テーマを使ったサイト制作
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
20141101 handson
20141101 handson
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
20130406 rainier study
20130406 rainier study
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
Word press34
Word press34
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Bracketsを使おう
Bracketsを使おう
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Viewers also liked
TAM-2012-11 PUMS Pandiapuram
TAM-2012-11 PUMS Pandiapuram
designforchangechallenge
PATHS Second prototype-functional-spec
PATHS Second prototype-functional-spec
pathsproject
Fund EcoMarket 2016
Fund EcoMarket 2016
juliadreblow
PATHS at the eCult dialogue day 2013
PATHS at the eCult dialogue day 2013
pathsproject
Autodiscover flow in an exchange hybrid environment part 1#3 part 32#36
Autodiscover flow in an exchange hybrid environment part 1#3 part 32#36
Eyal Doron
第10回word bench熊本
第10回word bench熊本
Akinori Tateyama
Autodiscover flow in active directory based environment part 15#36
Autodiscover flow in active directory based environment part 15#36
Eyal Doron
PATHS: User Requirements Analysis v1.0
PATHS: User Requirements Analysis v1.0
pathsproject
PATHS Demo: Exploring Digital Cultural Heritage Spaces
PATHS Demo: Exploring Digital Cultural Heritage Spaces
pathsproject
Ana clara
Ana clara
michelle martins
Chocolate Games
Chocolate Games
Desi Puspitasariku
Τα παιδιά στην Πρωτοβάθμια Εκπαίδευση σχεδιάζουν τα δικά τους επιτραπέζια παι...
Τα παιδιά στην Πρωτοβάθμια Εκπαίδευση σχεδιάζουν τα δικά τους επιτραπέζια παι...
Despina Kotsidou
Mail migration to office 365 mail migration methods - part 1#4
Mail migration to office 365 mail migration methods - part 1#4
Eyal Doron
TAM-2012-07 R C PS Malayakulam - DFC
TAM-2012-07 R C PS Malayakulam - DFC
designforchangechallenge
PATHS at VSMM 2012
PATHS at VSMM 2012
pathsproject
Величко М.В. (2014.02.26) — О Майдане и перспективах Украины и России
Величко М.В. (2014.02.26) — О Майдане и перспективах Украины и России
mediamera
Zp primary school, ganegaon khalsa
Zp primary school, ganegaon khalsa
designforchangechallenge
Past Perfect Tense Nurlaela 201212500067
Past Perfect Tense Nurlaela 201212500067
nurlaelanur
Viewers also liked
(18)
TAM-2012-11 PUMS Pandiapuram
TAM-2012-11 PUMS Pandiapuram
PATHS Second prototype-functional-spec
PATHS Second prototype-functional-spec
Fund EcoMarket 2016
Fund EcoMarket 2016
PATHS at the eCult dialogue day 2013
PATHS at the eCult dialogue day 2013
Autodiscover flow in an exchange hybrid environment part 1#3 part 32#36
Autodiscover flow in an exchange hybrid environment part 1#3 part 32#36
第10回word bench熊本
第10回word bench熊本
Autodiscover flow in active directory based environment part 15#36
Autodiscover flow in active directory based environment part 15#36
PATHS: User Requirements Analysis v1.0
PATHS: User Requirements Analysis v1.0
PATHS Demo: Exploring Digital Cultural Heritage Spaces
PATHS Demo: Exploring Digital Cultural Heritage Spaces
Ana clara
Ana clara
Chocolate Games
Chocolate Games
Τα παιδιά στην Πρωτοβάθμια Εκπαίδευση σχεδιάζουν τα δικά τους επιτραπέζια παι...
Τα παιδιά στην Πρωτοβάθμια Εκπαίδευση σχεδιάζουν τα δικά τους επιτραπέζια παι...
Mail migration to office 365 mail migration methods - part 1#4
Mail migration to office 365 mail migration methods - part 1#4
TAM-2012-07 R C PS Malayakulam - DFC
TAM-2012-07 R C PS Malayakulam - DFC
PATHS at VSMM 2012
PATHS at VSMM 2012
Величко М.В. (2014.02.26) — О Майдане и перспективах Украины и России
Величко М.В. (2014.02.26) — О Майдане и перспективах Украины и России
Zp primary school, ganegaon khalsa
Zp primary school, ganegaon khalsa
Past Perfect Tense Nurlaela 201212500067
Past Perfect Tense Nurlaela 201212500067
Similar to WordBench熊本第3回勉強会
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordPressって何
WordPressって何
Kazue Igarashi
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
Pf borforras
Pf borforras
k_watanabe
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
DebianとWordPressでハッピーになろう!
DebianとWordPressでハッピーになろう!
Jun Nogata
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
schoowebcampus
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
マルチサイトの構築
マルチサイトの構築
Yoshitaka KATO
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
Cms festa-0216
Cms festa-0216
Kazuaki Ueda
テーマ作成のアプローチ
テーマ作成のアプローチ
Seto Takahiro
リリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみよう
Seto Takahiro
WordPressのテーマ選び みんなどうしてますか?
WordPressのテーマ選び みんなどうしてますか?
Takeaki Inoue
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
schoowebcampus
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
Akinori Tateyama
Similar to WordBench熊本第3回勉強会
(20)
WordPressってブログじゃないの?
WordPressってブログじゃないの?
WordPressって何
WordPressって何
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Pf borforras
Pf borforras
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
DebianとWordPressでハッピーになろう!
DebianとWordPressでハッピーになろう!
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
マルチサイトの構築
マルチサイトの構築
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Cms festa-0216
Cms festa-0216
テーマ作成のアプローチ
テーマ作成のアプローチ
リリース直前WordPress3.5をみてみよう
リリース直前WordPress3.5をみてみよう
WordPressのテーマ選び みんなどうしてますか?
WordPressのテーマ選び みんなどうしてますか?
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
ゼロからのWordPress(第三回)〜テーマの構造、カスタマイズの基礎〜
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordPressをカスタマイズするなら知っておきたいこと~テンプレート階層~
WordBench熊本第3回勉強会
1.
WordBench熊本 第3回勉強会 WordPressの基本機能を使ってみる
2.
目次 • WordPressの基本機能を使ってみる
(建山@aqun00) • ライトニングトーク
3.
WordPressの基本機能を
使ってみる 基本機能を使ってWordPressに慣れてみよう 一緒に やってみよう
4.
まず自分のWebサイトに アクセスしてみよう
5.
WordPressの基本機能を使ってみる ~Webサイトの確認~ • まず自分のサイトにアクセスしてみましょう
• http://localhost/(WordPressがあるフォルダ名)(PC) • http://ドメイン名 (レンタルサーバ) 自分のサイトが表 示 される
6.
管理画面にログインして
みよう
7.
WordPressの基本機能を使ってみる ~管理画面にログイン~ • 自分のサイトにログインしてみましょう
• http://localhost/(WordPressがあるフォルダ名)/wp-admin (PC) • http://ドメイン名/wp-admin (レンタルサーバ) 管理画面にログイ ン
8.
ログインして初めに 表示されるダッシュボード
9.
WordPressの基本機能を使ってみる ~ダッシュボード~ • 管理画面にログインしたら初めに表示される画面です。 自分のサイトの状況や、WordPressフォーラムの最新情
報などが表示されます。 Webサイトの状況 などが見れる
10.
サイトのタイトル、キャッチ コピーを設定しよう
11.
WordPressの基本機能を使ってみる ~外観-一般~ • サイトのタイトル、キャッチコピーを決めよう
12.
Webサイトの見た目を変えてみ
よう
13.
WordPressの基本機能を使ってみる ~外観~ • サイトの見た目や表示にかかわる部分を設定する
外観
14.
WordPressの基本機能を使ってみる ~外観-テーマ~ • サイトのデザイン・レイアウト・表示内容をまるごと一 気に変更できる。
15.
WordPressの基本機能を使ってみる ~外観-テーマ~ • サイトのデザイン・レイアウト・表示内容をまるごと一 気に変更できる。
WordPress3.5 デフォルトテーマの TwentyTwelveを使用
16.
時系列な情報を発信するため
の投稿
17.
WordPressの基本機能を使ってみる ~投稿~ • お知らせ、ニュース、ブログなどの時系列で発信する コンテンツに使う
投稿
18.
WordPressの基本機能を使ってみる ~投稿~
タイトル 本文 公開
19.
WordPressの基本機能を使ってみる ~投稿~
投稿前 投稿後 2013/1/23の記事 2013/2/4の記事 時 系 2013/1/23の記事 列
20.
WordPressの基本機能を使ってみる ~投稿~
画像、動画、圧縮ファ イルなどいろんな種類 を入れることが出来る
21.
Webサイト上に常に表示したい
ときの固定ページ
22.
WordPressの基本機能を使ってみる ~固定ページ~ • 会社概要、アクセスページなどの時系列に関係なく、常 に表示したいページに使用
固定ページ
23.
WordPressの基本機能を使ってみる ~固定ページ~
タイトル 本文 公開
24.
WordPressの基本機能を使ってみる ~固定ページ~
投稿前 投稿後 ページが追加
25.
投稿と固定ページは なにがちがうの?
26.
WordPressの基本機能を使ってみる ~投稿と固定ページの主な違い~
投稿 固定ページ • 時系列に記事を並び替え • 常に固定表示 • カテゴリーで分類 • カテゴリー分類なし • タグで分類 • タグ分類なし • 先頭に固定表示 • 先頭に固定表示なし • 親子関係なし • 親子関係がある • ページテンプレートなし • ページテンプレートが使え る カテゴリとタグは後でやり ます
27.
Webサイトの見た目や内容を変
更する外観
28.
WordPressの基本機能を使ってみる ~外観~ • サイトの見た目や表示にかかわる部分を設定する
外観
29.
WordPressの基本機能を使ってみる ~外観~ • 外観のサブメニュー
テーマ ウィジェット メニュー ヘッダー 背景 テーマ編集
30.
外観と言ってもいろいろある
31.
見た目を丸ごと変えるテーマ
32.
WordPressの基本機能を使ってみる ~外観-テーマ~ • サイトのデザイン・レイアウト・表示内容をまるごと一 気に変更できる。
33.
WordPressの基本機能を使ってみる ~外観-テーマ~
有効化される 使いたいテーマを有効化
34.
WordPressの基本機能を使ってみる ~外観-テーマ~ デザイン・レイアウト・表示内容が
一気に変わる
35.
テーマって実際どこに置いて
あるの?
36.
WordPressの基本機能を使ってみる ~外観-テーマ~
WordPress インストールフォルダ wp-content themes テーマA テーマB
37.
WordPressの基本機能を使ってみる ~外観-テーマ~
テーマの1つの中身を見ると・・ ソースコード (PHP,CSS)、 画像などが集まって できている!
38.
サイドバーに好きな情報を 配置できるウィジェット
39.
WordPressの基本機能を使ってみる ~外観-ウィジェット~ • サイトのサイドバー、フッターなどに表示する内容を設 定する。
40.
WordPressの基本機能を使ってみる ~外観-ウィジェット~
追加したい機能を ドラッグアンドドロップ
41.
WordPressの基本機能を使ってみる ~外観-ウィジェット~
ウィジェットが追加される
42.
ナビゲーションバーを自由に 変更できるメニュー
43.
WordPressの基本機能を使ってみる ~外観-メニュー~ • サイトのナビゲーションバーに表示する項目を設定する。
44.
WordPressの基本機能を使ってみる ~外観-メニュー~ メニューを設定しないと固定ページがナビ ゲーションバーにすべて表示されてしまう
ここを自分の好き なように操作した い
45.
WordPressの基本機能を使ってみる ~外観-メニュー~
メニューを作成 追加したページ をメニューに追加 保存
46.
WordPressの基本機能を使ってみる ~外観-メニュー~
作ったメニュー を選んで保存 メニューで設定した内容 と同じになる
47.
ヘッダー部分を自分の好きな ようにするためのヘッダー
48.
WordPressの基本機能を使ってみる ~外観-ヘッダー~ • ヘッダー部分の表示設定を行う
49.
WordPressの基本機能を使ってみる ~外観-ヘッダー~
ファイルを選択 アップロード
50.
WordPressの基本機能を使ってみる ~外観-ヘッダー~ サイズを調整
保存
51.
WordPressの基本機能を使ってみる ~外観-ヘッダー ~
ヘッダー画像が追加される
52.
背景を変えるための背景設定
53.
WordPressの基本機能を使ってみる ~外観-背景~ • 背景の表示設定を行う
54.
WordPressの基本機能を使ってみる ~外観-背景~ • 背景の表示設定を行う ファイルを選択
アップロード 保存
55.
WordPressの基本機能を使ってみる ~外観-背景~
背景が変更される
56.
テーマを自分で細かく カスタマイズするテーマ編集
57.
WordPressの基本機能を使ってみる ~外観-テーマ編集~ • テーマのソースコードの編集を行う
ソースコードの集まり!
58.
WordPressの基本機能を使ってみる ~外観-テーマ編集~
Powered by WordPressってなん だ?変えたい! ・ ・ ・
59.
WordPressの基本機能を使ってみる ~外観-テーマ編集~
footer.phpを選ぶ
60.
WordPressの基本機能を使ってみる ~外観-テーマ編集~
発見
61.
WordPressの基本機能を使ってみる ~外観-テーマ編集~
変えてみる
62.
WordPressの基本機能を使ってみる ~外観-背景~
表示が変わった
63.
機能追加はお手の物 プラグイン
64.
WordPressの基本機能を使ってみる ~プラグイン~ • サイトに様々な機能の追加を行う
65.
WordPressの基本機能を使ってみる ~プラグイン~
新規追加
66.
WordPressの基本機能を使ってみる ~プラグイン~
名前を入れて検索 (問い合わせフォームの Contact Form 7) 今すぐインストール
67.
WordPressの基本機能を使ってみる ~プラグイン~
有効化
68.
WordPressの基本機能を使ってみる ~プラグイン~
メニューに追加
69.
WordPressの基本機能を使ってみる ~プラグイン~
70.
WordPressの基本機能を使ってみる ~プラグイン~
固定ページに貼り付け
71.
WordPressの基本機能を使ってみる ~プラグイン~
固定ページ表示したら フォームが表示され る!
72.
WordPressの基本機能を使ってみる ~プラグイン~ いろいろあります お問い合わせフォーム・・ContactForm7 ソーシャル対応・・WP
Social Bookmarking Light 画像ライトボックス・・WP LightBox 2 サイトマップ・・PS Auto SiteMap 画像ウィジェット・・Image Widget 探す方法の例 ①検索窓で「wordpress プラグイン やりたいこと」 ②プラグインクリップサイトPlip(http://www.plugin-clip.com/)
73.
記事を書く人が複数いる場合
のためのユーザ
74.
WordPressの基本機能を使ってみる ~ユーザー~ • ログインユーザの管理を行う
75.
WordPressの基本機能を使ってみる ~ユーザー ~
必須項目を入力して ユーザを追加
76.
WordPressの基本機能を使ってみる ~ユーザー ~
ユーザが二人に
77.
WordPressの基本機能を使ってみる ~ユーザー ~
作成されたユーザ でいつもどおり ログインできる
78.
Webサイトの基本設定は
設定で
79.
WordPressの基本機能を使ってみる ~外観~ • 設定のサブメニュー
一般 投稿設定 表示設定 ディスカッション メディア パーマリンク設定
80.
WordPressの基本機能を使ってみる ~外観-一般~ • Webサイトのタイトル、説明などの設定
81.
WordPressの基本機能を使ってみる ~外観-一般~ • 投稿に関する設定
82.
WordPressの基本機能を使ってみる ~外観-一般~ • トップページの表示内容や検索エンジン向け設定
83.
WordPressの基本機能を使ってみる ~外観-ディスカッション~ • 記事に対してのコメントを表示するかなどコメント関係 の設定
84.
WordPressの基本機能を使ってみる ~外観-メディア~ • 画像をアップロードした際のサイズの設定
85.
WordPressの基本機能を使ってみる ~外観-パーマリンク~ • WebサイトのURLに関する設定
86.
Webサイトを作るときは設定を はじめにしておいたほうが
いいよ 後から設定すると、 いろいろめんどくさ い事が起こること も・・
87.
カテゴリとタグは なにがちがうの?
88.
WordPressの基本機能を使ってみる ~カテゴリとタグの違い~
カテゴリ タグ • 投稿記事を仲間に分ける • 投稿記事の内容の • 親子関係が作れる メインとなるキーワード • 例) • 親子関係は作れない • 果物=親 • りんご=子 • バナナ=子 • 野菜=親 • キャベツ=子 • レタス=子
89.
WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、IT企業サイトの場合
カテゴリ タグ ツイッター 記 事記 新着ニュース 事 クラウド スマートフォン 記 事記 事 社長ブログ
90.
WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、IT企業サイトの場合
カテゴリ タグ ツイッター 記 事記 クラウド 新着ニュース 事 ツイッター クラウド スマートフォン 記 事記 事ツイッター 社長ブログ
91.
WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、美的.com
カテゴリ
92.
WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、美的.com
タグ
93.
テーマ、プラグインで初めは あれ?と思うかもしれない事
94.
WordPressの基本機能を使ってみる ~あれ?と思うかもしれない事~
選んだテーマによって は
95.
WordPressの基本機能を使ってみる ~あれ?と思うかもしれない事~
左側メニューにいろい ろとメニューが増えた りします。 ちなみにこれはカスタム投稿タイプ・・
96.
WordPressの基本機能を使ってみる ~あれ?と思うかもしれない事~
プラグインも左側メ ニューに増えたり
97.
WordPressの基本機能を使ってみる ~あれ?と思うかもしれない事~
設定に増えたり・・
98.
WordPressの基本機能を使ってみる ~プラグインのポイント~
見た目はなにも変わら なかったり・・します
99.
WordPressの基本機能を使ってみる ~あれ?と思うかもしれない事~
テーマ、プラグインは 作者によってカスタマ イズされていて動きが 違います。
100.
おわり
Download now