ゆるりーん

低空飛行の日々です。

はてなブログ「written」で、メニューバーの下にスペースを空ける方法を紹介します!

スポンサーリンク

テーマを「written」に変えてから、メニューバー下のスペースが狭くて読みにくくなってしまいました。
無理やり治そうとするも求めていた結果にはならず↓↓


↓以前は、記事タイトルだけ下がって、サイドバーはそのままだったので、段差になっていました
f:id:yururiururi:20160707170039j:plain


それが今回、
メニューバー(グローバルメニュー?)の下にスペースを空けることに成功しました!!
やったー!!(おおげさ)

じゃーん!


f:id:yururiururi:20160725083636j:plain

記事タイトルだけでなく、プロフィールの方もちゃんと同じように一段下がっています♪


せっかくなので、やり方を紹介しておこうと思います!

やり方

1.「ダッシュボード」→「デザイン」→真ん中のスパナマーク→「ヘッダ」→「タイトル下」に進む。

2.タイトル下に

<p> </p>

を入れる。

以上!


これだけのことやったんかい!

以前のカスタマイズを消しておく

今回メニューバーの下に空間を作ることができたので、
以前に苦肉の策でやった、全部の記事のタイトルを下げるやつを消しておきました♪

思ったとおりにカスタマイズできると嬉しいですね^^

ついでに記事にコードを貼り付ける方法

じつは、

<p> </p>

を入れるのに一苦労しました。

普通に入れると↓になるし、

 

コチラを参考にしました↓↓
はてなブログでソースコードを貼り付ける方法を調べてみた - ウェブと食べ物と趣味のこと

大事なのはこの一文です!!!

>||と||に挟めるだけ(※すべて半角

ここを理解できず、なんども失敗しました。

  1. <は全角なので、<に直す
  2. の位置

以上です!

(大事なところは赤字にしました)


それでは!