4/8・9 春のニコニコプチマルシェ出店します🌸

#04 初心者マークのWordPress【サイトの構想を考えよう編】

こんにちは、たかこです。

初心者ながらWordPressをカスタマイズしながらこのサイトを作りました。
カスタマイズしたところや工夫したところなどを少しずつ記事にまとめているシリーズです。

たかこ

WordPressもアカウント作ったし、テーマも購入した!
PC環境だって整った。
さぁ、やりはじめよう!!

の、前に!
やることがあったー!
どんなサイトにしたいか、頭の中整理しないと!

今回は、WordPressやカスタマイズを始める前にやっていた
私の中でのサイト構想についてお届けします。

たろー

たかちゃん、構想練ってたんだねぇ〜

たかこ

そうなんだよー!

この記事を書いた人
たかこのイラスト

たかこ

イラストレーター/シッター

  • WordPressをはじめて1ヶ月半(2021年2月〜)
  • 使用している環境
    ・ipad pro(2018年モデル 11インチ)
    ・logicoolのキーボード
    ・Bluetoothマウス&ダイソーの300円マウスパッド
  • 機械や検索は意外と強い方
  • レンタルサーバーは『ConoHa WING』
  • 使用している有料テーマは『SWELL』
目次

どんなサイトにしたい?

WordPressを使ってオリジナルサイトをはじめようと思った時に
ブログ型がいいとかサイト型がいいとか、
アーティストっぽいものがいいとか
アフィリエイトで稼ぎたいとか
自分の思い描くカタチがなんとなくあると思います。

そのサイト、具体的に想像できますか??

わたし自身、最初は漠然とした感じでした。

ふたりの得意が合わさったサイトにしたい
*たろさんとわたしがそれぞれ記事を書けるようにしたい。
*たろさんがイベントをするので、イベントページを作りたい。
*イベントのカレンダーも埋め込みたい。
*申込みフォームも埋め込みたい。
*イラスト仕事用にこれまでに描いたイラストのギャラリーと制作依頼を盛り込んだページを作りたい。

ブログ型かサイト型か

サイトの中に盛り込みたい内容を書き出してみると
記事を書いてアフィリエイトで稼ぐようなブログ型ではないなぁと思いました。
(サイトの形式名は他にもたくさんあります!参考(Web幹事)
わたしは簡単にブログ型かそうでないかにわけます。)

記事での情報発信だけでなく
サイトを訪れればいつでもたろーとたかこの最新情報やイベント情報などが入手できるようにしたいなと思いました。

ブログ型

トップページが新着記事一覧でできている。
・最新記事が一目瞭然
・見たい記事をすぐに探せる
・アイキャッチの圧がすごい
・探しずらいことも
・どんなサイトかが伝わりづらい

サイト型

トップページがサイトの総合案内所のようになっている
・新規訪問者には優しいサイト
・デザイン、カスタマイズなどでオリジナリティや世界観を出せ、読み手に伝えやすい
・うまく導線をはれればサイト内を回遊してもらえる
・毎回見るトップページがうざいことも

ブログ型でも、発信に統一感があればわかりやすいサイトになりますよね。
わたしたちは発信したいことが多すぎて、ブログ型だと
「で?何が伝えたいんですか?」
って収拾つかないなぁと思いました(笑)

いろんなサイトを見てみよう

そんなサイトの構想を漠然と思い浮かべたあとにしたのは

たかこ

たくさんのサイトをみてみたよ!
そうすると自分の好みや目指すところがちょっとずつ見えてきたよ。

頭の中のイメージが漠然としていたので
実際にWordPressで作られたサイト、SWELLを使って作られたサイトを
見まくりました。

あわせて読みたい

このサイトはその際に本当にお世話になりました!
こうやってまとめてくれている方がいてくれて、本当にありがたいです。

ここのこういうところ、いい!
なるほど、こういうレイアウトがあるのか。
色使いはこんな感じがいいな。
これは見やすくて好きだな〜

って気に入ったサイトをブックマークしたり、スクリーンショットで撮りためていきました。
そうしているうちに。だいぶ具体的にこういうサイトにしたいというイメージできるようになりました。

そしてそして
ジャポニカ学習帳の登場です!(笑)

サイトに盛り込みたい内容を書き出してみる

ここはアナログでしました!
やっぱり手書きで書き出していると
アイデアが湧いてきます。

ちょっと恥ずかしいですが
実際にノートに書き出した様子をご紹介します。

これはたろさんと相談した時のアイデアをまとめたものです。

たろー

お互いにどんな内容を盛り込みたいか話したね。

たかこ

そうそう、ここを決めないと次に進めないもんね!
それぞれ部屋で割り振ろうってアイデアが出て
ロゴも作らないとなぁとかやることが漠然と見えてきた。

そしてふたりで話した内容をもとに
サイトの脳内イメージを紙に書き出しました。
その際にいろいろなサイトで見たいいなと思うところも付け足しています。

ヘッダーとフッター、トップページ
あとは作りたいページをそれぞれ書き出しました。
この時はまだまだ漠然としていますが、トップページのイメージは固まってきました。

なんとなく目処がついたら

私の場合ですが、この段階でサイト作りに入りました。
というのもやってみないとわからないことが多すぎたのです。
参考にしたいサイトをすぐに見れるようにしておいて
それが実際カスタマイズ可能なのかはやりながら採用して行きました。

たかこ

最初は本も何も見ずに、とりあえずはじめちゃったよ。
ノートに描いたイメージをカタチにするには・・・ということだけ考えていたけど
わからないことだらけで、本当に一歩一歩だった。
わからないところはGoogle検索をして、検索先にはたくさんお世話になりました。

たろー

そこからのたかちゃんは、ずっとipadにかじりついてたねぇ

たかこ

そうなんだよー!思った以上にやることが多かった!
でもひとつずつやれば確実にできあがる!!

さぁ、実際にカスタマイズするところへ入ります


よーし。いざ!カスタマイズ!!!

作りたいサイトの構想さえできればあとは形にするだけです。
もちろん作りながら変えていっても大丈夫!
とりあえずはじめてみよう!

たかこ

次回は
初心者マークWordPressカスタマイズ
【カスタマイズの第一歩編】
でお届け予定です!

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!

この記事を書いた人

たかこのアバター たかこ イラストレーター

マルチクリエーター/保育士/栄養士

担当:ベランダ菜園/投資/パン作り/シッター/英語/旅行手続き/Webカスタマイズ/金継ぎetc

たかこです。
このホームページのカスタマイズ担当しています。
パートナーのたろさんには
親しみを込めて「相方」と呼ばれています。

料理研究家のアシスタント〜保育園栄養士〜保育士〜シッターを経て
今はフリーでイラストレーターとシッターをしています。
手先が器用でものづくりが得意!
そしてなんでもすぐ挑戦してしまう!
若干飽きるのも早い(笑)
今年はコツコツ続けるのが目標です。

日常のささやかな彩りになるようなテーマの投稿をしていきますのでよろしくお願いします。

コメント

コメントする

目次
閉じる