ししゃもの生きる道

サマナーズウォーを中心とした気になるゲームなどに関して毎日18時に定期更新中!

ここまでやったブログカスタマイズのまとめ

       

実はこっそりドメイン取得してみたよ。別にコソコソする必要ないけど。

 
       

おおっ、このブログのURLが変更されてますね!

 

 


ちょっと面倒だったけど下記のサイトを参考にして無事クリアできました。
ドメインの設定とかマジ意味不明だったので助かりました。本当にありがとうございます!!

www.mutant-tetsu.com
そんな感じでとりあえずこのブログ内でカスタマイズした所と、その時に参考にさせてもらったサイトの紹介をしたいと思います。

ブログ工事 ここまでやった事まとめ

 

タイトル画像とか

 

 タイトル画像がなくてデフォルトのままでだったのでとりあえず適当なフリー素材と文字を組み合わせてタイトル画像っぽいのを作ってみました。

ここからは余談ですが、自分のPCは動作が重くて異音も酷く今にも死にそうだけど会社の倉庫からパクった頂いたPCなのでフォトショップとかイラストレーターとかがやたらに入っていて加工機能だけは無駄に豊富なのです。

ここまで聞くと自慢っぽく聞こえるかもしれないけど、このソフト達を使いこなせる程の技術が自分に当然ある訳もなく、加工ソフトを起動するとただでさえ重いPCの動作が余計にクッソ重くなります。まさに宝の持ち腐れ。

そんな中、どうにか作ったのが今のタイトル画像です☆

苦労して作ったけどとりあえずの間に合わせで貼っただけなので近日中に【ココナラ】でイラストレーターさんにちゃんとした画像をお願いしようと計画中☆

タイトル画像の入れ方はコチラを参考にさせて頂きました♪

 

sorenari77.hatenablog.com

 

 

グローバルメニュー

 

このブログははてなブログのテーマストアの【Haruni 】を使用しています。
こちらのデモページにデザインCSSが載っているのでそれをコピペするだけでこのブログみたいなグローバルメニューが作れちゃいます。意外と簡単だったよ!

test-test-test.hatenadiary.jp

ちなみに【紫グラデーションの着せ替えCSS】と【背景色の変更CSS】も使わせて頂いています。これだけでも全体の雰囲気がかなり変わったので満足♪

 

サイドバーのプロフィールの変更


初期のプロフィールだと画像が小さくて目立たないのでカスタマイズしました。やり方さえ理解してしまえば簡単にできるのでぜひチャレンジしてみて下さい♪

参考にしたのはこちらのサイトです。

www.lenonnon.com

これは応用すればURL差し込んで色々面白そうな事ができそうな予感・・・

 

 

サイドバーの欲しいものリスト作成


これは別に必須ではないと思うのですがなんとなく作ってみたかったので作ってみた。
Amazonに登録してあればサクっと作れますね!

参考にしたのはこちらのサイト!

www.itjigoku.com


ちなみにここのサイト超絶面白いです。

 

その他のカスタマイズ情報もたくさん載っているのでめちゃくちゃ参考になります!
・・が、その他の記事が面白すぎてついつい色々読んでしまい作業の手が止まってしまう恐れがあるので気をつけましょう。ちなみに自分はシャル派です。

 

 

 

サイドバーのデザインカスタマイズ

 

初期のサイドバーってなんか味気なくてつまらないですよねー。なのでこちらのサイトを参考に変更してみました。

www.myfirstclasstrip.com
ちなみにアイコンフォントはあえて使用せずにデザインのみ使う予定だったのですが、そのままの色だと自分のブログの色合いと超絶合わなかったのでカラー変更をしてみました。

CSSのカラーコードを変更するだけでいいので超よゆうッチ!
カラーコードはこのサイトを参考にするヨロシ!

www.colordic.org

 

 

サイドバーの最新記事カスタマイズ

 

ここまでやったからには最新記事のアイコンもおしゃれにしたい・・・
そんな願いをこのサイトが叶えてくれました。

www.4liberty.xyz
はい、シャレオツ!もはや自己満足の世界ですがブログはそういうものなのです。


きっとね・・・

 

 

 スマホデザインのカスタマイズ

 

ここまでのデザインのカスタマイズ全て終わらせてふとスマホ画面チェックすると・・

ぐちゃぐちゃになってる・・

そんな時でもこちらを参考にすれば安心!

hitsuzi.hatenablog.com

 

いやースマホのレイアウト崩れてるのに気付いた時の絶望感と言ったらもうね・・
そんな悲劇ともこのサイトで悩みとおさらばできます!


何よりスマホから見た時の見栄えがめちゃくちゃいい!
超オススメサイトです!

 

 

ブログのカスタマイズをやってみて

 

初めは『こんなん絶対無理だわ~半端ないわ~』って嘆いていたんですがやってみると思ったより簡単でした。

何の知識もない自分が、ぶっちゃけ上記のサイトに記載されていたCSSをほぼまるっとコピーしただけでここまでカスタマイズできるなんて感動です。

仕事中の暇な時間にちょろっといじって、ここまでカスタマイズできてしまうぐらいの難易度なので難しそうだなって思って敬遠してる人がいたらチャレンジしてみる事をオススメします。カスタマイズするとブログに愛着も湧きますしね!

あとオススメサイトで色々勝手に紹介してしまってゴメンナサイ。
もし問題あるようでしたらすぐに削除致しますので宜しくお願いします。