Web Design

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


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

スポンサードリンク


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

Mayumi Kono Portfolio

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

wprdpressでの製作工程

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

となりました。

メリット

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

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

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

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

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

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

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


Portfolio(英語)

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

デメリット

WordPressの知識が必要

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

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

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

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

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

最後に

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

投稿者プロフィール

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

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

関連記事

  1. jQuery

    ホームページに必須!?jQueryでトップへ戻るボタンの作り方

    みなさんこんにちは、mayukouです。だいぶ春らしくなってきました…

  2. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

  3. jQuery

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

    みなさんこんにちは。11月に入り寒くなりましたね。今年もあと2ヶ月と…

  4. Illustrator

    面倒じゃない!簡単なIllustratorでシームレスなパターンの作り方

    みなさんこんにちは、mayukouです。デザインを作る上で、背景がシ…

  5. jQuery

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive Nav

    みなさんこんにちは、mayukouです!今回は、うちのブログで…

  6. Web Design

    今流行りのロングシャドウの簡単な作り方

    フラットデザインとともに、相性が良いとしてデザインに取り入れられている…

コメント

  • コメント (0)

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

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

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. Adobe CCを導入しました。使ってみて感じたメリットとデ…
  2. レバテック様よりphotoshopプラグインの記事が紹介され…
  3. 現像で素人感からプロっぽく!Macの写真アプリが素敵
  4. 売り上げ不振の悩みを解決!「どうすれば売れるのか」を読んで
  5. 購入して半年♪iPad Proで描いたイラストをご紹介。(主…

facebook更新中!

  1. iPad Pro

    iPad Proを液タブに♫Astropad Studioはイラストレーターには…
  2. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法
  3. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)…
  4. Web Design

    カフェのサイトをwordpressでリニューアル制作しました。その時の覚書
  5. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海…
PAGE TOP