ブログ散歩

主婦の雑記

ブログタイトル画像全体をリンクにする

f:id:hachi001:20171122092655p:plain

ブログのヘッダ(タイトル部分)全体をクリックできるようにする

現状では、ブログのタイトル文字だけがリンクになっています。
タイトルのヘッダ全体をリンクに変えたいと思います。

このブログのデザインは以下を使っています。

多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK

 

 

1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」

f:id:sorekaraenikki:20170211134533j:plain

 

2.デザインCSSにコピーペーストしてください。

#blog-title-content{display:block;width: 100%;height: 100%;}
#blog-title-content > h1 {display:block;width: 100%;height: 100%;}
#blog-title-content > h1 > a{display:block;width: 100%;height: 100%;}

3.「適用」を押す

4.右側にプレビューが表示されると思います。確認してください。

5.気に入ったら、「変更を保存する」を押します。

 

他にもっといいやり方があるかもね。