Contents

どうも。英語と数字が大の苦手な愛美です。ゴールデンウィーク&自粛期間を利用しまして、ポートフォリオサイトをリニューアルいたしました!

とは言っても全くコーディングができないデザイナー(勉強中)なので、ほとんどいじっていません。まだまだ「こういうのやりてー!」ってところで止まっています…。

が!それでもWordPressを使ってなんとか形にはなりました。

そこで!自分へのメモの役割も含めて、導入までの準備方法と使用しているテーマを紹介していきます!
webデザインに興味ある方や同じように英語・数字苦手な人の参考になればと幸いです。

まずは、導入の準備

まずサイト制作にあたり、ドメインの取得レンタルサーバーの2つを準備しました。
今回は実際に使用したものだけを紹介します。
方法は詳しくて、文章もわかりやすいブログなどをぜひ検索してください!

レンタルサーバーは【ロリポップ!】

デザイン会社にいた時に知ったロリポップ。
会社で使用していたのは別のレンタルサーバーでしたが、「10日間無料」というの釣られて使うことにしました。実際、開設+コンテンツの準備などお披露目前にすることは、この無料期間内で済ませています。

名前がかわいい【ムームードメイン】

muumuu-domain
画像クリックでサイトへ

サーバーがロリポップなので、合わせてムームードメインで取得しました。
取得する際に価格一覧を見てドメインを選んだのですが、見てるだけで、「自分のサイトかぁ〜」とちょっと楽しかったです。

この2つを用意した後に、ロリポップのWordPressの簡単インストールを見ながら、WordPressを使えるようにしまして、テーマ選びです。

WordPressのテーマとは

サイトのデザイン・構成・機能等のテンプレートです。
このテーマを使うことで、超初心者でも見れるサイトが用意できます。

選び方について、わたしの場合は、制作物の掲載がメインなので、画像がたくさん見れるのがいいなと思い、2つ選びをしました。

どんなサイトでどんな機能やデザインがいいかと考えてから検索するとたくさん出てくるので、自分のイメージにあったデザインや機能で選ぶのがいいと思います。

スライドがかっこいい【Screen】

Screen
画像クリックでサイトへ

開設時してすぐに使っていたテーマで、トップの大きなスライダーが特徴的です。
投稿記事のアイキャッチをスライダーへ表示してくれるのですが、チェックボックス1つ・ワンクリックで設定できるのでめちゃくちゃ簡単。
無料のテーマで、レスポンシブにも対応してます。

グリッドレイアウトがかわいい【Sketch】

Sketch
画像クリックでサイトへ

スタイリッシュでかっこいい系【Sketch】

画像クリックでサイトへ

2021年現在使用しているテーマです。
このFukasawaもポートフォリオサイト向きで、ブログ記事が石畳のように配置されるようなテーマになっています。またブログ記事をギャラリーとするとアイキャッチを複数表示でき、スライダーになります。

最後に

いかがでしたでしょうか。
今回は導入方法とテーマについて紹介してみました。

サイト開設のきっかけは、webデザインの勉強をしたかったのと、自分のサイトあるのってかっこいいじゃん!って思いです。ちょっとバカバカしい気持ちかもしれませんが、勉強すれば、自分でかっこいいもの作れるんじゃん!っては大事な気がします。

こんなゆるい感じでスタートさせたサイトですが、徐々に形にしていきたいと思っていますので、ぜひ成長していくところを見守ってやってください!

またサイト関連で色々紹介できればと思っていますので、お付き合いいただければと思います。