Web Design

WordPressでポートフォリオサイトをリニューアルしました。wordpressで作るメリットとデメリットとは?


みなさんこんにちは、mayukouです。
約3年ぶりにポートフォリオサイトをリニューアルしました。
まだコンテンツが少ない状態なので、
ややスカスカな感じですが(汗)、これから充実させていきたいと思います。
今回、ポートフォリオをwordpressで作ったのですが、そのメリットとデメリットをご紹介したいともいます。

スポンサードリンク


今回リニューアルしたポートフォリオはこちら

Mayumi Kono Portfolio

ぜひ一度覗いてみてください。※以前のサイトが開いた場合は、キャッシュが残っていますので、スーパーリロードして見てください。Chromeの場合はcmd + Shift +R です。
ワンカラムのデザインになっています。

wprdpressでの製作工程

作業工程としては、
1.ポートフォリオをリニューアルする場合はドメインがすでにありますから、別サーバーまたはローカルにwordpressをインストールして作ります(別サーバーにインストールした場合はインデックスされないようにしておく。検索できないようにするということです)。新たにドメインをとってポートフォリオを作る場合は、ローカル(パソコン上)にインストールしましょう。
2.wordpressをインストールしたらポートフォリオテーマをインストールして作品をひたすら追加。また自分なりにアレンジします。最近流行りのランディングページ風(トップページにすべての情報を載せる方法)にするには、固定ページをtopページに持ってきます。
3.ヘッダー画像に設置するイラストを追加で作成したり、過去の作品を追加する
4.ドメインを移動(今回は、mayumikono.com/wp/からmayumikono.comヘリダイレクト)

となりました。

今回使用したポートフォリオテーマ


Portfolio(英語) 写真が綺麗に見えるテーマです。写真でなくても、イラストを描く人にも向いているでしょう。

一つ難点があるとしたら、このテーマに限りませんが、
ポートフォリオ用のテーマは、英語対応のテーマがほとんどなので、
日本語でもおしゃれになるものがあるといいですけどね。
今後、自分でportfolioテーマを作って販売したいです。

メリット

更新がしやすいので、ブログ感覚で作品を追加しやすい

ブログの投稿ページ感覚で、(今回使用したテーマは、カスタム投稿タイプのProjectがあります)、投稿すればいいので簡単です。
 

どのページが人気で、どこをクリックしたかが一目瞭然

Jetpackプラグイン(無料)を使えば、アクセスだけではなく、どのリンクをクリックしたかがわかります。
どの作品に興味があるかが、わかりやすいです。

ポートフォリオのテンプレートが豊富

これは、webデザイナーとしては、怠慢と言われるかも知れませんが、
お金を出せば、おしゃれなテンプレートでポートフォリオを作ることができます。
つまり掲載できる作品さえあれば、
あとはWEBサイトの作成(デザイン、コーディングなど)に時間を割かなくていいということ。
ちなみに私も今回有料テンプレートを使用しました。
Bootstrapベースのスッキリとしたシンプルなデザイン。
プロからbootstrap臭いと言われかねないのが、ちょっと怖いですが、
そこは今後ロゴやイラストで個性を出していこうかと思っています。

デメリット

WordPressの知識が必要

テーマを使えばいいものの、少し自分なりにアレンジしたいこともあると思います。
わからないことはないと思いますが、Wordpressには慣れていた方が、作業が早いです。

テンプレートを使用した場合、細かなアレンジが効かないことがある

有料テンプレートを元にアレンジするために子テーマを使用しましたが、
子テーマにするとバグを起こしてしまう部分がありました。許容範囲ではあったのですが。

子テーマについてはこちらの記事をご参照ください。

デメリットはそのくらいでしょうか。

最後に

いかがでしたか?ポートフォリオのメリットとデメリットをご紹介しました。
今後作品集を作る方は参考にされてください。

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. photoshopでカンプ作成

    Photoshop

    photoshop CCでデザインカンプを作成。メリットとデメリット

    みなさんこんにちは、mayukouです。最近、webデザインのカンプ…

  2. Web Design

    意外と知らなかった…google map をホームページに貼付ける方法

    みなさま、こんにちは。mayukouです。今回は、仕事で必要に…

  3. ブログリニューアル

    wordpress

    ブログリニューアルしました。そのときやったことなど。

    3連休まっただ中!ちょっといつもよりグダグダな生活です。福岡はあい…

  4. wordpress

    wordpressバックアップツールの決定版!All in one Migration のプレミアム…

    こんにちは、webデザイナー5年目のmayukouです。wordpr…

  5. jQuery

    スマホに使える!3階層のアコーディオンメニューを作りました!

    仕事でスマホサイトを作っているのですが、その際にモックアップとして作…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. jQuery

    横幅いっぱいに表示可能なスライダーのjQueryプラグイン 「Skippr」が便…
  2. Mac

    macbook “12 goldが届きました。使用感、メリット・デメ…
  3. Web Design

    スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ
  4. カメラ

    ブロガーの味方?高級コンデジ、Panasonic LX9を買いました。
  5. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2
PAGE TOP