【アメブロのカスタマイズ】「ブログトップ」「記事一覧」「画像一覧」を消す方法

BLOG
福岡友だち作り交流会ARRIVO

先日依頼がありましたのでアメブロのカスタマイズをしてみました。

ほとんど触ることもなかったのでとても新鮮でした。その中で身につけたスキルがありましたので共有ついでにシェアします。

2016年9月現在ですが「ブログトップ」「記事一覧」「画像一覧」と右側に検索ボックスがデフォルトでは表示されるようになっているかと思います。

これが邪魔になってヘッダーとグローバルナビゲーションの間のバランスが悪いという問い合わせだったのですが、これを消す方法になります。「ブログトップ」「記事一覧」「画像一覧」の三つの項目はフッター部分にも表示されてますので、必要ない場合より訴求力の高いメニューバーを見せる方がよいケースが多いのではないかと思います。

スクリーンショット 2016-09-06 13.16.57

こんな感じの見た目になってます。間にあるブログトップ、記事一覧、画像一覧を消すとこうなります。スクリーンショット 2016-09-06 13.17.33

スッキリした見た目になったかと思います。

CSSを編集して消す簡単な方法

やり方はとても簡単です。CSS編集画面に下にあるコードを追加するだけです。消してしまうことはできないらしいので、消すのではなくて「非表示」にさせる方法になります。なので表示させたくなった場合には、下のコードを消してしまえば復活できます。

/*ブログトップ、記事一覧、画像一覧を消す*/.skin-blogHeaderNav {display:none;}

とても簡単ですので自己責任にはなりますが、アメブロ使われている方はご参考にしてください。

グローバルナビゲーションをつける方法の一つを紹介しておきます。

アメブロのメニューバーのざっとした作り方
「webサイト×ブログ」の製作の仕事もしているのですが、最近アメブロも一緒に作りたいと言う問い合わせが増えて来ましたので試しにアメブロのカスタマイズをしました。初心者にわかりやすいようざっとした言葉で説明します。 「トップイメージ(一...

コメント

タイトルとURLをコピーしました