WordPressに負けないおしゃれなテーマ。
本日も当ブログ「ミニマリストライフ」をお読み頂きありがとうございます。
どうも、むぎ(@mugiblog) です。
今回はブログのデザインを変更したので紹介したいと思います。
ブログのテーマを「ＳＯＨＯ」に変更
この度ブログのテーマを変更しました。以前使っていたテーマは「minimalism」です。以下の記事に詳しく書いているのでぜひ読んで下さい。
関連記事：美しい！はてなブログテーマ「Minimalism」がおすすめです
「minimalism」もシンプルかつおしゃれなデザインで気に入っていましたが、WordPress風のデザインに憧れていたのもあり今回テーマの変更に至りました。
今回僕が変更した「ＳＯＨＯ」なら正直WordPressにも負けないおしゃれなデザインにじゃないかと思います。
簡単に紹介していこうと思います。
「ＳＯＨＯ」を紹介
「ＳＯＨＯ」はあのシロマティ（id:shiromatakumi）さんが作られたテーマです。シロマティさんと言えば同じくはてなブログのテーマ「Brooklin」を作られたことでおなじみですね。
別のブログで使わせて頂きましたが非常に使いやすいシンプルなデザインのテーマでした。
それでは「ＳＯＨＯ」を詳しく見ていきましょう。
「ＳＯＨＯ」のデザイン
それではまずデザインから。
ＰＣ
ＰＣから見たデザインはこのように非常にシンプルなデザインです。シェアボタンも主張が強すぎずにいい感じ。
スマホ
このテーマはレスポンシブ対応でスマホのデザインが１番の特徴と言っても良いでしょう。Wordpressの「ストーク」よりもむしろかっこいいと思うのは僕だけではないはず。
こんな感じの見た目になります。左上のハンバーガーメニューをタップすると......
いやーかっこいい
シュッとサイドからメニューが開く感じがもう最高です。
「ＳＯＨＯ」はカスタマイズが超楽なテーマ
「ＳＯＨＯ」のデザインがかっこいいのは分かったとして、次はカスタマイズです。実はこのテーマめちゃくちゃカスタマイズが楽なんです。
シロマティさんがあらかじめ用意してくれているこちらのサイト。
これはほんの一例ですが入力するだけでグローバルメニューの設置のためのコードが生成されます。そのためカスタマイズの知識０でおしゃれなサイトができてしまうんです。いやーシロマティさん、ありがとうございます。
「ＳＯＨＯ」のカスタマイズ
当ブログで行ったカスタマイズを簡単に紹介したいと思います。
アイキャッチ画像を使ったフォロー
最近おしゃれなサイトでよくみかけるこれです。
これはorefolder(id:c-miya)さんのこちらの記事を参考に設置しました。
僕は当ブログをレスポンシブにしているのでＰＣだけでなくスマホにも反映されます。
リンクの色を青に
「ＳＯＨＯ」ではインストールした時点でリンクの色がなんと金色。これはこれではてなブログではあまり見ないデザインなのでいいんですがちょっと見慣れないので記事内のリンクのみ青色に変更しました。青色と書いたけど紫色っぽく見えるかもしれません。
画像だと少し分かりづらいかもしれません......すみません。
参考にしたのはだいぱんまん(id:donchan922)さんのこちらの記事。なんとGoogleと同じリンクの色にコピペ一発で変更できます。
ただ記事内のみの変更なので「次のページ」や「関連記事」のリンクは元の金色のままです。本当は変えたいんですけどどうやればいいのか分かりませんでした。全部変更する方法を使うとブログタイトルまで青色になってしまってデザインが崩れるし......。
どなたかわかる方がいれば至急教えてください（泣）
他にもいじっているところはありますが大まかには以上です。随時追記していこうと考えているのでぜひ参考にしてみてください。
はてなブログテーマ「ＳＯＨＯ」を紹介しました
今回はブログのテーマを変更したので紹介してみました。「ＳＯＨＯ」はカスタマイズも簡単でおしゃれなデザインにできるという点で非常におすすめのテーマです。
テーマ選びに悩んでいるあなたの参考になれば嬉しいです。もし気になった方がいれば下記のリンクからぜひインストールしてみてくださいね。
テーマストア：SOHO - テーマ ストア
最後まで読んで頂いてありがとうございました。
それでは、また！