ブログ

サイトイメージ

学習過程を発信するブログ
WordPressの学習を兼ねて開設しました。

担当範囲 サーバー契約、ヘッダーロゴ、各テーマカスタマイズ
デザインツール CLIP STUDIO PAINT(ヘッダーロゴ)
言語 CSS / PHP
レスポンシブ スマートフォン / タブレット / PC
制作期間 約1週間

ターゲット

Web制作学習者

ゴール

制作面

学習過程の発信拠点を作り、自身の記録としながら認知を広げる。
まったり居心地良く読んでもらう。

スキル面

サーバー契約、ローカル環境構築、アナリティクス導入など、サイト開設の一連の過程を学ぶ。

配色

配色説明画像

意識的に配色するのは初めてだったので、色見本サイトなどで調べながら選定しました。
メインはビビットな色を使いながらも、落ち着いた雰囲気にまとまるよう意識しました。

素材

ヘッダーロゴに挑戦しました。
この時点ではAdobeCCに契約しておらず、元々イラストで使用していたCLIPSTUDIOPAINTで代用出来ると考えていました(反省)。
実際やってみたところ、本ツールでは細かいレイアウト調整が難しいと実感し、その後のAdobeツール導入に繋がりました。

コーディング

既存テーマ(cocoon)をCSSでカスタマイズしました。
ネットの記事を参考にしながら、見出しや各パーツの細かい部分をカスタマイズしました。
Function.phpなど、wordpress独自のルールにも少し触れることが出来ました。
サーバーはConoHaWINGと契約し、FTPソフトはFileZillaで対応しました。

制作経緯

未経験段階でもブログを制作した方が良いというアドバイスを受け開設しました。
開設するまでの過程そのものが経験となり、wordpressの基本に触れることができました。
現在は勉強記録がメインですが、ライティングスキルを学びつつ、TIPSなども載せていくことが今後の課題です。

PCキャプチャ