シンプルな紺色のテーマです。デモブログ
スマホでのコード
スマホでコードを見たとき、はみ出た部分はスクロールになり、折り返さないので読みやすいです。(スマホにもテーマを適用するには「デザイン > スマートフォン > 詳細設定」の「レスポンシブデザイン」にチェックを入れる必要があります。)
PCでのコード
1200~,1500~のような画面では幅を広くとるので横方向にスクロールさせられることが減って読みやすくなりました。
コードのファイル名やパス
以下のコードを>||の直前の行に書くことでコードのファイル名やパスを表示できます。
<div class="pre-filename">hoge</div>
実際の様子は以下の画像のようになります。
入力はやや面倒ですが辞書登録等でかなりマシになります。
ナビゲーション
タイトル下のナビゲーションは「デザイン>カスタマイズ>ヘッダ>タイトル下」に
<div class="category"> <a href="https://example.com">Example</a> <a href="https://example.com">Example</a> <a href="https://example.com">Example</a> </div>
のようにcategoryクラスのなかにaタグを並べると装飾されます。
SNSシェアボタン
SNSシェアボタンは「デザイン > カスタマイズ > 記事 > 記事下」に以下のコードをコピペすると追加できます。
<ul class="share-buttons"> <li><a href="http://b.hatena.ne.jp/entry/{Permalink}"><i class="blogicon-bookmark"></i></a></li> <li><a href="https://twitter.com/share?url={Permalink}&text={Title}"><i class="blogicon-twitter"></i></a></li> <li><a href="http://www.facebook.com/share.php?u={Permalink}"><i class="blogicon-facebook"></i></a></li> <li><a href="http://getpocket.com/edit?url={Permalink}&title={Title}"><i class="blogicon-chevron-down"></i></a></li> <li><a href="http://line.me/R/msg/text/?{Title} - {BlogTitle} {URLEncodedPermalink}"><i class="blogicon-comment"></i></a></li> </ul>