たけちゃんのあんなことこんなこと

50代家族持ち♂が普段の出来事を気ままに書いています。基本コンテンツは レシピ 食レポ 居酒屋 その他小技 となっております。


スポンサードリンク

 

自己紹介と本ブログのコンテンツとプライバシーポリシー

ブログテーマをSOHOに変えました

この記事をシェアする

ブログテーマは今までシロマティさんのBrooklynを使っていたのですが、この度同じシロマティさんのSOHOに変更しました。

f:id:take--chan:20170729021034p:plain

www.notitle-weblog.com

 

ブログテーマSOHO

SOHOはシロマティさんが新しくリリースしたブログテーマです。特徴は

  1. シンプルでスッキリした外観
  2. jQuery不要でグローバルナビやフォローボタン・シェアボタンが実装出来る軽量設計
  3. 簡単にグローバルナビやフォローボタン・シェアボタンが設置可能なツールを提供
  4. レスポンシブデザイン対応、スマホでの見た目も考慮

といったところです。

実は僕は1年前ぐらいにシロマティさんのBrooklynに変更し、そのまま今まで使っていました。

www.notitle-weblog.com

これはこれで非常にシンプルなデザインで、レスポンシブ対応もしていて良いのですが、グローバルナビのドロップダウン対応やフォローボタン・シェアボタン対応などを別個に対応しているうちに記事上、記事下、ヘッダー、CSSなどがどんどんぐちゃぐちゃになってきてしまい、ページ表示が遅くなってきたように思えてきました。

そんな時に新しくSOHOのリリース記事を見て、これは使わなくてはと思った次第です。

カスタマイズ内容

僕のブログでのカスタマイズは以下の2点、非常に基本的なところです。

グローバルナビの設置

僕のような雑記ブログだと、カテゴリー数が多くなってきます。カテゴリーごとに訪問してくれる方もいると思いますので、グローバルナビの設置は必須だと思っています。SOHOにはテキストエディターを使わないでもグローバルナビのコードを作ってくれるツールが用意されています。

www.notitle-weblog.com

タイトル上に埋め込むコード自体は今までのものを流用しても良さそうな気もしたのですが、新しくしたほうが無駄なコードが無くて表示が早くなるような気がしたので、新しく作り直しました。僕のブログでカテゴリー数は39有るのですが、30-40分ぐらいでグローバルナビの設置は完了しました。

フォローボタン・シェアボタンの設置

フォローボタンとシェアボタンは、最初設置していたのですが、高速化を狙ったjQueryの入れ替え等をしているうちに動作が不安定になり、はてなブログで提供されているツールに戻してしまっていました。

SOHOにはフォローボタン・シェアボタンを追加するツールが用意されていますので、安心です。

www.notitle-weblog.com

www.notitle-weblog.com

これは本当にフォームに入力してボタンを押すだけでコードが生成される優れものです。テキストエディタを使う必要は全くありませんので、誰でも対応できると思います。

目論見通り、スマホでの表示も格好良くなった

今までは、スマホではグローバルメニューの第一階層までしか表示されなかったのが、第二階層まで表示されるようになるなど、細かいところで心配りがなされていて、かなり見やすくなりました。

 

過去の小技 

www.take--chan.tokyo

www.take--chan.tokyo

www.take--chan.tokyo