日記

ブログの見た目を大工事(/・ω・)/ – Sydney というテーマを使ってみた

こんにちは、おーびる(@Ouvill )です(/・ω・)/

今回は文学等に関係なく、当サイトのことについて。当ブログの見た目を色々と変更しました。なかなかにかっこ良くなったと思いませんか? ちょっと頑張ったので少しだけ語らせてください。

改変前

サイト改変前

サイト工事前はこちらになります。これでトップ画面なんだぜ(・∀・)

右側にサイトのウィジェットが、真ん中に自分の書いた小説のリンクと小説の紹介文が配置されています。

見た目がシンプルだし、あんまりクリックしたいと思わない。文字ばかりでどんな物語なんだろう?って興味をそそられない……(´・ω・`)

いや、小説だから文字で勝負すべきなんでしょうけど、やっぱり表紙や装丁って大事でしょ?表紙や背表紙を見て、興味を惹かれたら、本の中身をパラパラとめくりませんか?

サイトでもやっぱり「おっ」って思うようなデザインのほうがいいと思うんですよ。

やっぱりサイトを作っているからには色んな人に見てもらいたいと思いますし、即ブラウザバックされると悲しくなるじゃないですか……(´;ω;`)

ということで、サイト工事に着手しました。

 

改変後

サイト工事後

こちらが現在のブログデザインとなっています。

最新の連載小説と短編小説それぞれを目立つように大きな画像付きで配置、クリックしやすいようにしています。やっぱり一番新しい作品は見てもらいたいですからね。一番目立つ所に配置してます。

下の方にその他の小説が配置されています。更に下の方にはブログ記事一覧を配置しました。

ヘッダー画像もちゃんと著作権が問題ない画像を用意してきました(๑•̀ㅁ•́๑)✧ つまりは拾ってきたということ!

いや、サイトデザインは改めて見てみるとごちゃごちゃしている感じがしないでもないのですが、以前のデザインよりは圧倒的に興味を引きやすいようになったんじゃなかろうかと思っています。

以前よりはマシですよね?……ね?

このままブワーッてサイトに訪れてくれる人が増えたら嬉しいなぁ。そのためにはコンテンツをもっと拡充しなくてはいけませんよね(・_・;)

その他変わった点

  • サイトの名前を変更「空想世界」か「おーびるの原稿用紙」に変更
  • サイトアイコンを設定
  • 画像をクリックした時にポップアップで表示するように設定
  • ブログ記事と小説が一緒くたに一覧表示されていたのを分離
  • アドセンス広告の表示方法を変更
  • アイキャッチ画像のサイズを16:9のワイドサイズにほぼ統一
  • AMP対応
  • theme が simplicity から sydney へ

ちまちまとネットで検索して調べながらやっていました。もっとパソコンの知識やデザインの知識があればサクサクと作ることができるのでしょうか……(・・;) 結構時間かかりました。

怒涛の「おーびる」推し(/・ω・)/

私のサイトを見ていたら、至るところに「おーびる」の名前が出てきます。ヘッダーしかり、記事の見出し画像しかり。管理人の名前です。どうぞ、よろしくお願いします。最近はTwitter によく浮上しているので、フォローとかしてもらえるととても嬉しいです(≧▽≦)

で、小説の方は?

小説の方は……ちょーっと更新が停滞しています(・・;) でも、体調のほうが少しずつ元気になってきているので、もうそろそろ作品執筆に取り掛かれると思います。

コメントを残す