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. Web Design

    丸からスライドして出てくる検索ボックスの作り方

    みなさまこんにちは、mayukouです。今日は天気がいいのでランニ…

  2. illustration

    簡単!Illustratorでキラキラ星を作る方法

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

  3. CSSフレームワーク

    押さえておきたい!代表的なCSSフレームワークまとめ

    みなさんCSSフレームワークをご存知ですか?最近CSSフレームワー…

  4. jQuery

    画像も文字もスライド可能!Swiper.jsでコンテンツスライダーを簡単に!

    皆さんこんにちは、mayukouです。先日、スライダーに便利で簡単な…

  5. jQuery

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

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

  6. Web Design

    WordPressブログを同じサーバーに複数作る方法

    これ、実は知らなかったのですが、とっても簡単でした。そんなことも知…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. お仕事紹介

    【お仕事紹介】学生向けアンケートパンフレット作りました
  2. illustration

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする…
  3. グッズ

    軽くて良いかも!DELFONICSの2015年の手帳買いました!
  4. Illustrator

    webデザインのトレンド!文字によって変形するゴーストボタンをイラレで作る方法
  5. デザイン

    Adobe CCを導入しました。使ってみて感じたメリットとデメリットとは?
PAGE TOP