SlideShare a Scribd company logo
1 of 42
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

世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
schoowebcampus
 
Blog pp cultural diversity
Blog pp cultural diversityBlog pp cultural diversity
Blog pp cultural diversity
PaulineHeadley
 
Generic Image Processing With Climb - Slides
Generic Image Processing With Climb - SlidesGeneric Image Processing With Climb - Slides
Generic Image Processing With Climb - Slides
Laurent Senta
 
IE Brochure-General_May2016
IE Brochure-General_May2016IE Brochure-General_May2016
IE Brochure-General_May2016
Thomas Garvin
 

Viewers also liked (14)

Chicago Entrepreneurial Center small business presentation
Chicago Entrepreneurial Center small business presentationChicago Entrepreneurial Center small business presentation
Chicago Entrepreneurial Center small business presentation
 
Pp masalah penelitian
Pp masalah penelitianPp masalah penelitian
Pp masalah penelitian
 
June Newsletter Matthew Cunningham
June Newsletter Matthew CunninghamJune Newsletter Matthew Cunningham
June Newsletter Matthew Cunningham
 
世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
世の中を変える色んな面白い人が持ち時間500秒でチラミセします!Clip「チラミセnight」vol.3
 
ビール!たい焼き!生ハム!クラウドファンディングを使った美味しいフードプロジェクトのはじめかた
ビール!たい焼き!生ハム!クラウドファンディングを使った美味しいフードプロジェクトのはじめかたビール!たい焼き!生ハム!クラウドファンディングを使った美味しいフードプロジェクトのはじめかた
ビール!たい焼き!生ハム!クラウドファンディングを使った美味しいフードプロジェクトのはじめかた
 
出版に関わる人なら押さえておきたい、これからの本づくりの技術 先生:矢崎海先生
出版に関わる人なら押さえておきたい、これからの本づくりの技術 先生:矢崎海先生出版に関わる人なら押さえておきたい、これからの本づくりの技術 先生:矢崎海先生
出版に関わる人なら押さえておきたい、これからの本づくりの技術 先生:矢崎海先生
 
Blog pp cultural diversity
Blog pp cultural diversityBlog pp cultural diversity
Blog pp cultural diversity
 
Crowdfunding il futuro e' gia' qui softlab
Crowdfunding il futuro e' gia' qui softlabCrowdfunding il futuro e' gia' qui softlab
Crowdfunding il futuro e' gia' qui softlab
 
Measurements
MeasurementsMeasurements
Measurements
 
Generic Image Processing With Climb - Slides
Generic Image Processing With Climb - SlidesGeneric Image Processing With Climb - Slides
Generic Image Processing With Climb - Slides
 
IE Brochure-General_May2016
IE Brochure-General_May2016IE Brochure-General_May2016
IE Brochure-General_May2016
 
Mbeki overview copy
Mbeki overview copyMbeki overview copy
Mbeki overview copy
 
Grammatica
GrammaticaGrammatica
Grammatica
 
Catalunya 77 Juliol-agost 2006
Catalunya 77 Juliol-agost 2006 Catalunya 77 Juliol-agost 2006
Catalunya 77 Juliol-agost 2006
 

More from 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
 
初心者でも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
 

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デザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 

Recently uploaded

Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
Yasuyoshi Minehisa
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
Michael Rada
 

Recently uploaded (9)

ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
 
事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)事例DBサービス紹介資料(Case Study DB service introduction)
事例DBサービス紹介資料(Case Study DB service introduction)
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
 
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
 
company profile.pdf
company profile.pdfcompany profile.pdf
company profile.pdf
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
 
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
セルフケア研修で使えるカードゲーム『攻略!きみのストレスを発見せよ!: ゲームで身につくストレスマネジメント』
 
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
物流は成長の準備ができていますか? 警告 1 日あたり 1 章を超えて消費しないでください コンテンツが覚醒と変化への意志を引き起こす
 

【再放送】WordPresstでポートフォリオを作る