Yuuの悠々自適Blogをオリジナルテーマにしました

2015.09.01
YuuBlogをリニューアルした記事のアイキャッチ画像

こんにちは、@Yuuです。
Yuuの悠々自適Blogをご覧頂き、誠にありがとうございます!
(⌯¤̴̶̷̀ω¤̴̶̷́)✧

このサイトはWordPressを使って運営しています。
テーマは2015年8月20日まで、無料で配布されている「MesoColumn」というテーマをカスタマイズして、使用していました。

その当時は以下のような見た目でした。
あぁ、懐かしい・・


以前使用していたテーマ

以前使用していたMesoColumnというテーマについては、以下の記事が詳しく書かれています。
無料のテーマの中では中々評判の高いテーマですよ。

当時使っていたMesoColumnは素晴らしいテーマです。でも自分はプログラマー、プログラム書けるのだからWordPressだってオリジナルなものが作れるはず・・。今の時代ナンバーワンよりオンリーワンだよ!それなら「オラ、おりじなりてぃのあるブログにする!」と思い立ち、勢いにまかせて作っちゃいました。

本当はBlogを始めた頃からオリジナルテーマ作ろうとは思ってました。

始めてのオリジナルテーマ


リニューアル後のイメージ

上記の画像が、2015年8月29日現在のオリジナルテーマです。

試行錯誤し1ヶ月ぐらいで、このオリジナルテーマは作りました。
1ヶ月間の内容としては2週間Photoshopでデザインやって、1週間でhtmlでのコーディング、1週間でWordPress化、て感じでした。
ほとんど触ったことのなかったPHPの勉強にもなったし、中々楽しかったですね。

作ってみて思った事は、1から全部自分で作って大変だったけど、PhotoshopやWordPressのいい勉強になったな、と。
そのかいあって、まだまだ分からないところも沢山ありますが、WordPressの仕組みもだいぶ分かるようになってきました。
今回はWordPressの作りや仕組みが最初は全く知らない状態からのスタートだったので、htmlで下書きファイルのようなものを作成しましたが、
次に作る時には、最初からWordPressのphpファイルとして作成出来ると思います・・多分。

またそのうち時間がある時に別のサイトで、WordPressを使って1から作ってみたいですね!

今後の課題

実はまだまだ不完全なところも多々ありまして・・

例えばスマホサイズでの表示にした時


read moreボタンが埋まってる

「READ MORE」ボタンが、記事に埋まっちゃってる!!
(;゚д゚)


SNSボタンが重なってる

SNSボタンが重なって表示されてしまってる!!
(;゚д゚)

あとは、文字の大部分でgoogle fontの「Noto Sans Japanese」というのを使用しているせいか、タイトルや記事内容が中々表示されない時があったり・・

他にも色々まだまだ「なんじゃい!こりゃ!」と言いたくなるようなところがあるので、そのような箇所は今後改善していきます。

あとがき

見て下さる方に少しでも見やすく、扱いやすいサイトになるようにこれからも改善していますので、
今後とも「Yuuの悠々自適Blog」をよろしくお願い致します!
ヽ(•̀ω•́ )ゝ✧

YuuBlogをリニューアルした記事のアイキャッチ画像

この記事が気に入ったらいいね!
して最新情報をチェックしよう!

スポンサーリンク