SlideShare a Scribd company logo
NOコーディング!
WordPressで
ポートフォリオサイトを作ろう
13年9月6日金曜日
ポートフォリオって何?
13年9月6日金曜日
ポートフォリオって何?
web上の
自分専用窓口
13年9月6日金曜日
ポートフォリオって何?
何ができる、これが得意、どういう経歴
である…
自分の名刺でありメニュー票であり、窓
口である。
13年9月6日金曜日
ポートフォリオって何?
検索
SNS
13年9月6日金曜日
ポートフォリオは
クライアントが見るもの
13年9月6日金曜日
クライアントが欲しい情報は?
13年9月6日金曜日
クライアントが欲しい情報は?
・どんな人か
・何ができるのか
・実績やサンプル
・連絡先
13年9月6日金曜日
クライアントが欲しい情報は?
・どんな人か→プロフィール
・何ができるのか→プロフィール
・実績やサンプル→ギャラリー
・連絡先→問い合わせ先の掲載
13年9月6日金曜日
今回のポートフォリオの想定
イラストレーター
小太刀御禄
イラストやデザインの
仕事を受け付けている
13年9月6日金曜日
今回のポートフォリオの想定
・プロフィール
・作品サンプル
・実績
・連絡先
13年9月6日金曜日
完成図
何故このテンプレートを選んだのか
13年9月6日金曜日
楽をするには
13年9月6日金曜日
テンプレを使い
テンプレで使われてる
画像サイズに合わせる!
13年9月6日金曜日
使うもの
13年9月6日金曜日
http://demos.cyberchimps.com/
responsivepro/
Responsive
13年9月6日金曜日
top画像
 440×330px
ロゴ
 330×100px
twitterボタンとか
 306×100px
13年9月6日金曜日
このタグだけ
必要です
13年9月6日金曜日
<br>
<hr>
<img src="URL">
<a href="URL"></a>
13年9月6日金曜日
<br>→改行
<hr>→線
<img src="">→画像
<a href=""></a>
       →リンク
13年9月6日金曜日
今日はTOPページを
作っていきます
13年9月6日金曜日
実践
13年9月6日金曜日
NOコーディング!
WordPressで
ポートフォリオサイトを作ろう
02
13年9月13日金曜日
ポートフォリオって何?
13年9月13日金曜日
ポートフォリオって何?
web上の
自分専用窓口
13年9月13日金曜日
その前に質問がきてたので
答えます
Wordpressを使う時に
良いレンタルサーバーの話
(詳しい事はサーバーとかシステムの授業でお願いします)
13年9月13日金曜日
サーバーも自分のスキルに
合わせて選ぶの大事
13年9月13日金曜日
ポートフォリオに必要な項目
13年9月13日金曜日
ポートフォリオに必要な項目
・プロフィール
・仕事履歴
・ギャラリー
・問い合わせ
13年9月13日金曜日
ポートフォリオに必要な項目
・プロフィール
・仕事履歴
・ギャラリー
・問い合わせ
・コメント欄削除プラグイン
今回の授業ではここまで作ります。
13年9月13日金曜日
プロフィール
13年9月13日金曜日
プロフィール
自分自身を全力で
プレゼンするページ
13年9月13日金曜日
仕事履歴
13年9月13日金曜日
仕事履歴
自分がやってきた事をプレゼンする
ページ。
言うなれば 職務経歴書
活動履歴を入れてもOK!
13年9月13日金曜日
ギャラリー
13年9月13日金曜日
ギャラリー
自分が作ったものを並べるカタログ。
大事なのは 相手が見る というのを意
識すること
13年9月13日金曜日
問い合わせ
13年9月13日金曜日
問い合わせ
連絡つかなかったら困るよね
13年9月13日金曜日
プラグイン
とても便利!
でも利用は自己責任でね
13年9月13日金曜日
wordpressはプログラムやHTMLコーディング
が分かればどんな自由度が広がる。
不都合にも対処できる。
分からなければ対応が困難。
13年9月13日金曜日
自分の出来る範囲で作っていく事が大事。
…ステップアップしていけばいいしね♪
13年9月13日金曜日
実践
13年9月13日金曜日

More Related Content

Viewers also liked

Glossario di social media marketing (socialware italy)
Glossario di social media marketing (socialware italy)Glossario di social media marketing (socialware italy)
Glossario di social media marketing (socialware italy)
Silvia Pellacani
 
Revista Catalunya - Papers 119 Juliol 2010
Revista Catalunya - Papers 119 Juliol 2010Revista Catalunya - Papers 119 Juliol 2010
Revista Catalunya - Papers 119 Juliol 2010
Revista Catalunya
 
Eitc team 2 tech talk-final
Eitc team 2  tech talk-finalEitc team 2  tech talk-final
Eitc team 2 tech talk-final
Jash Mehta
 
Proposal mix fashion
Proposal   mix fashionProposal   mix fashion
Proposal mix fashionMaru Lord
 
Presentación CTS
Presentación CTSPresentación CTS
Presentación CTS
giseladanderfer
 
Fotografii istorice
Fotografii istoriceFotografii istorice
Fotografii istorice
Frumoasa Verde
 
Harlem shake
Harlem shakeHarlem shake
Harlem shake
Ines Bahram
 

Viewers also liked (7)

Glossario di social media marketing (socialware italy)
Glossario di social media marketing (socialware italy)Glossario di social media marketing (socialware italy)
Glossario di social media marketing (socialware italy)
 
Revista Catalunya - Papers 119 Juliol 2010
Revista Catalunya - Papers 119 Juliol 2010Revista Catalunya - Papers 119 Juliol 2010
Revista Catalunya - Papers 119 Juliol 2010
 
Eitc team 2 tech talk-final
Eitc team 2  tech talk-finalEitc team 2  tech talk-final
Eitc team 2 tech talk-final
 
Proposal mix fashion
Proposal   mix fashionProposal   mix fashion
Proposal mix fashion
 
Presentación CTS
Presentación CTSPresentación CTS
Presentación CTS
 
Fotografii istorice
Fotografii istoriceFotografii istorice
Fotografii istorice
 
Harlem shake
Harlem shakeHarlem shake
Harlem shake
 

More from schoowebcampus

Compl exxx after
Compl exxx afterCompl exxx after
Compl exxx after
schoowebcampus
 
Compl exxx before
Compl exxx beforeCompl exxx before
Compl exxx before
schoowebcampus
 
ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 New
schoowebcampus
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
schoowebcampus
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
schoowebcampus
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
schoowebcampus
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
schoowebcampus
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
schoowebcampus
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法
schoowebcampus
 
1840
18401840
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)
schoowebcampus
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
schoowebcampus
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
schoowebcampus
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
schoowebcampus
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
schoowebcampus
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
schoowebcampus
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
 

More from schoowebcampus (20)

Compl exxx after
Compl exxx afterCompl exxx after
Compl exxx after
 
Compl exxx before
Compl exxx beforeCompl exxx before
Compl exxx before
 
ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 New
 
2479
24792479
2479
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法
 
1840
18401840
1840
 
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 

Schoo01 130906042632-