AQUARIUM AATブログ

AATとはAquarium Amuse Taishiの訳

サイドバーを追従させる方法

タイシ
どうも。AQUARIUM AATブログのタイシです。きょうはコメントになにか来ています。早速見てみましょう。ポチっ 

タイシさんへ

私のブログのサイドバーの最後の部分を追従させたいのですが。どうすればよいですか?

お悩みくんより

タイシ
おっと。きょうは直接悩みをぶつけないでコメントでなやみをぶつけてきました。
 
タイシ
ということで今回は サイドバーを追従させる方法を記事にしていきます。
 

 

 

 

追従する方法を画像で解説

まず最初にデザインを押します

その後表示される

カスタマイズを押して

デザインCSSの中にいまから紹介するCSSを入れて完了です。

追従のCSS

タイトル

#box2 {   display: flex; } .hatena-module:last-of-type {   position: -webkit-sticky;/*safari対応*/   position: sticky;   top: 10px;/*ここで上からの距離を調整*/ }

 

今回

デザインテーマsilenceはこのCSSは効かないことがわかりました。今から紹介するのがsilenceのCSSです。

デザインテーマsilenceの場合
#box2 .hatena-module:last-of-type {
  position: -webkit-sticky;
  position: sticky;
}

をコピペしてCSSに貼り付けて完成です。

両方ともCSSが効かなかった場合はこれを読んでみてください

www.fuji-blo.com

まとめ

追従すると読者も増えるかもしれません。そしてカテゴリーなどを入れるとそのカテゴリから記事を読んでくれるかもしれません。

ぜひ導入してみてください。

今回お世話になったブログ

theme-silence.hateblo.jp

www.fuji-blo.com