Web初心者の絵描きによるイラスト用のホームページのつくり方 STEP1

Yuko
絵描きとして、ちゃんとしたお仕事用のホームページをつくりました!

 –>> Web初心者のわたしが自力で作ったホームページはこちら

Webサイトづくりは素人、完全に初心者でした。(このブログを立ち上げたときも、ちっちゃいことからググって頑張りました)

この記事では、わたしと同じように

絵描き・イラストレーターだけどWebサイトづくりは初心者だよ〜」

という方に向けて、イラスト用のホームページのつくり方を初心者向けにシェアしたいと思います。

 

 “ホームページ” といっても色んなタイプがありますが、今回わたしがつくりたかったのは…

  • 仕事用のホームページをつくりたい
  • 海外のアーティストのようなポートフォリオサイトにしたい

と、目標だけは高めのゴール設定ですw

これまで、海外からの問い合わせの方が多いことと、今回自分がこんなサイトを作りたいな〜!と思ってブックマークしたサイトが、ほぼ海外のアーティストのものだったからです。

Webサイトづくりは初心者で悩んでいる、でもがんばって海外のアーティストのようなホームページをつくりたい!という絵描き・イラストレーター仲間のために。そしてわたしの努力を成仏させるために、記事にしておきます。

✔︎こんな人に役立つ記事

  • Webサイトづくりは初心者の絵描き・イラストレーター
  • 仕事用のホームページをつくりたい
  • 海外のポートフォリオサイトのようにしたい
  • WordPress(ワードプレス)でつくろうと思っている

・・・

Yuko
ちなみに、そもそも自分のホームページ(ポートフォリオサイト)をつくるべきかな〜?と迷い中・悩み中の方は、以下の記事を先に読むと参考になるかもしれません。

長年SNSとブログというプラットフォームのみで仕事をしてきたけれど、ホームページをつくらねば!と思った理由などをお伝えしています。

Web初心者の絵描きによるイラスト用のホームページのつくり方

WordPressでホームページを作成するには?

今回わたしがつくったホームページはこちらです。

そして、たくさん調べて悩んだ末、WordPress(ワードプレス)を使ってホームページをつくると決めました。

お金はある!とにかく手間をかけたくない!という方には、まるっと全部がパッケージにもなっているサービス(StudioとかSquarespaceとか)も他にあります。

(その辺りは前回の記事に書いています)

今回つかったものリスト

  1. サーバー:エックスサーバー
  2. ドメイン:エックスサーバー ※無料プレゼントを利用
  3. ホームページ作成:WordPress
  4. デザインテーマ:Rife Free
  5. デザインプラグイン:Elementor
え?なんかよくわからんものがいっぱいある!

大丈夫!ひとつひとつの契約方法などはWebのプロが画像付きでブログ記事にしてくれているので、ググればOK。

WordPressでホームページを作成するために最低限必要なものは1〜3だけです。

が、わたしは海外のアーティストのようなポートフォリオサイトにしたかったので、4と5も利用しました♪

もちろん、それぞれの選択肢は他にも膨大にあります。

そんな中で、わたしも一応このブログもWordpressを使って3年運営しているので、自分のプラス&マイナスの経験もふまえて選びました。

補足

サーバーとドメインってなぁに?

ブログでもホームページでも、自分のWebサイトを作成するには、サーバーとドメインというものを借りなければ!なのです。

サーバーはWebサイトのデータを置いておくところ、ドメインはサイトのURLとして必要です。 だれかが言っていたわかりやすい例えで、サーバーは賃貸契約、ドメインは住所登録みたいなものですね。

費用はどれくらいかかった?

Yuko
Web初心者でも自力でつくれたので、サーバー代4,000円のみ!

維持費およそ月1,000円のみでできちゃいます!

ホームページ作成費用のうちわけ

  1. サーバー:エックスサーバー –>> 初期費用3,000円+月1,000円ほど
  2. ドメイン:エックスサーバー –>> 無料プレゼントを利用
  3. ホームページ作成:Wordpress –>> 無料
  4. デザイン:Rife Free –>> 無料
  5. デザイン:Elementorプラグイン –>> 無料
自分のホームページ作成って、やっぱりお金かかるのか〜

ホームページを作成するためには、大なり小なり費用はかかります。プロに頼まずに自力でつくっても、サーバーとドメインの契約は必須です!

 

特に、今回は仕事用のホームページ、これから新規営業もかけたいので営業ツールとして信頼感が欲しい、というのがわたしの目的です。そのための月1,000円というのは、かなり安い方です。

 

各サービスを選んだ理由

では、それぞれのサービスを契約しましょう!と言われても不安だと思うので、

Yuko
なぜそのサービスを選んだのか?をシェアしますね!

わたしはこれまでこのブログをWordpressを使って3年以上運営してきました。

今回のホームページ作成では、今まで感じた「もっとこうだったらな〜、ここが不便だな〜」と思うこともありました。

この3年間のブログ運営で感じた、自分の経験をふまえて選んでいます!

 

では、ホームページ作成に必要なそれぞれのサービスを選んだポイントを簡単にまとめると….

1. サーバー 

Yuko
たくさんデータを量でも安定!コスパが良いのでエックスサーバーを選びました!

絵描き・イラストレーターだったら、サイトへアップロードするのは画像がメインです。

増えつづける画像データは重いですから、大きいデータ容量でも安定して稼働してくれることは大切です!

そしてもうひとつのメリットは、エックスサーバー独自の「ドメイン無料プレゼント」というお得なキャンペーンです。

エックスサーバーの公式HP はこちら>>https://business.xserver.ne.jp/

 

2. ドメイン

Yuko
キャンペーンを使ってドメイン代が永久に無料なエックスサーバー

通常、ドメインは有料で契約します。

このブログの<ekakisketch.com>というドメインも年1,500円ほどのコストがかかっています。

残念ながら、このブログを始めた当時はエックスサーバーのお得なキャンペーンを知らなかったのです….(´・ω・`)ゞ 

ホームページを持ちつづける限り、ドメイン代は毎年かかります。この違いを10年20年、と長期で考えるほど… もったいな〜〜〜ってことです。

永久に無料でドメインが使えるエックスサーバーを選ばないわけにはいきませんよね。

エックスサーバーの公式HP はこちら>>https://business.xserver.ne.jp/

注意
エックスサーバー のドメイン無料プレゼントのキャンペーンは、期間限定キャンペーンです!

とはいえ、1年のうち8割くらいキャンペーン期間中という、ユーザーにはありがたいキャンペーンです。エックスサーバー の公式HPで対象期間をチェックしてしっかり狙うのがオススメです。

ブログ開設時にキャンペーンを知らなかったのが本当に悔やまれます〜

エックスサーバーの公式HP はこちら>>https://business.xserver.ne.jp/

 

3. WordPress(ワードプレス)

WordPressはユーザー数が圧倒的に多いです!

そのおかげでWebのプロが紹介しているハウツー記事がたくさんあるので安心です。

このブログを3年以上運営している間、アップデートで大幅変更になって戸惑ったときにもググればすぐに解決方法が見つかりました。Web初心者の私でも大丈夫でした。

ただ、マニュアルを読んだりするのはとにかく嫌!お金はあるからプロに任せたい!という方には不向きです。

わたしの失敗体験

SNSの延長でホームページがつくれるTumblrを、わたしも一時期使っていました。
でも思いの外、Tumblrをホームページっぽく作り込もうとしても、ハウツー記事が少なかったです。(ざっくりと作れても、困った時のトラブルシュートが少ない)結局、簡単なようで調べるのがめんどくさくなってしまい、Wordpressに変えました。

>>YukoのTumblrでつくっったホームページ

4. WordPressデザインテーマ:Rife Free

Yuko
ここからは完全にわたしの好みです!

1〜3までは自分のホームページを所有するにあたり最低限なものでした。

ここからは完全に個人の好みで変わるので、参考までに!

 

わたしのゴールは、海外のアーティストっぽくて、営業用に作品をアピールするポートフォリオサイトがつくりたい!」

ということで、

  • 海外のアーティストっぽいポートフォリオサイトができる
  • コストは大事!無料 or 有料でも買い切り型
  • 英語でもOK

こんな視点で選んだのが、RifeというWordpressテーマです。

(画像:https://rifetheme.com/brownie/より)

このサンプルサイトを見て、めちゃくちゃ使い心地いいーーー!と直感しました♪

え、、、英語じゃん!ムリーーー!
Yuko
大丈夫、できるだけ紹介します!

英語だけど、公式のハウツーが充実で安心!

英語ですが、公式サイトにStep by stepで設定方法も詳しく書いてあるし、動画のTutorialもあって親切です。それにユーザーフォーラムもあって質問もできる!

公式サイトは英語ですが、ダウンロードして実際に使う画面は日本語対応しています。

 

4. WordPressデザイン用プラグイン:Elementor

Yuko
このデザインツール、最強です!!

これは、Web初心者でも直感的にサイトをデザインできる最強のツールでした!!

 WordpressのテーマにRifeを選ばなかったとしても、このElementorはWeb初心者のWordpressユーザーにオススメしたい!!

このブログには、HTML(Webサイトをつくるための知識のひとつ)の知識が必要で、ちょこちょこ勉強しながらつくってきました。

Elementorを使えば専門知識が全く必要ないと言えるのでは?!そんな衝撃でした。

 

現時点では、まだ日本語の解説が少ないわたしの好みのサイト作りではないだけとも言える)ので、仕事の合間ではありますが、できるだけ解説していきますね!

 

Web初心者の絵描きによるイラスト用のホームページのつくり方:まとめ

おつかれさまです。

ここまでで、ホームページをつくると決めてから、つくりたいイメージが固まり、使うサービスの選定についてを紹介しました。

この先は、具体的な設定方法も紹介していきますね。

一気にやろうとすると、Web初心者には頭がオーバーヒートしそうです。

1日ごとにちょっとづつタスクを分けて、作品制作してリフレッシュしながらわたしは進めましたので、これから頑張ろうとしている方もぜひ息抜きしながらで〜

✔︎わたしが使ったホームページ作成サービス・まとめ

  1. サーバー:エックスサーバー 
  2. ドメイン:エックスサーバー ※無料プレゼントを利用
  3. ホームページ作成:WordPress
  4. デザインテーマ:Rife Free
  5. デザインプラグイン:Elementor

 

補足

もしあなたが仕事用のホームページをつくろうとしていてリサーチしているならば、ちょっとでも気になったサイトは即ブックマークしておくことをオススメします。

たくさんのサイトを回っているうちに、「あのちょうどいい説明のサイト、どこだっけ?」と思ってあとからググってみても、ちょうどいい情報には二度とたどり着けないことも多かったので!