感想みかん

感想、レビュー、実体験等を書くブログ

はてなブログのサイドバーのタイトル装飾部分だけを記事下に持ってきて使う方法

サイドバーのタイトルの部分だけを装飾と一緒に記事下に持ってきて使いたい。
具体的に、こういうパーツ?を使いたいんです↓

f:id:mikanumay:20170813183559j:plain

CSSで装飾された、モジュールっていうんですか、それの感じをそのまま記事下で使いたかったんですが、やり方がわからない。

なんでそうしたいかというと、記事下に設置したGoogleの関連コンテンツの上に、「関連記事」と書きたかったから。どうせならサイドバーとデザインを合わせたいなと思ったのです。

で、結論は、サイドバーのタイトルで使われているCSSは「hatena-module-title」だったので、それを呼び出す?(言い方がわからない)HTMLを デザイン > 記事下 に張り付ければできました。Brooklynだとこんな感じでした。

 <div class="hatena-module-title">
       (任意の文字列)
    </div>

(任意の文字列)のところに好きな文字を入れて使います。実際に使ってみると、

f:id:mikanumay:20170813183617j:plain

あんまり張り付けるのも良くないかと思って、これは画像ですけど、こんな感じで何度も呼び出せました。

僕が理解した感じをもう少し言うと、CSSというブログの装飾に関するプログラミングコードの記述に、「hatena-module-title」という項目で記述したコードがあり、そのデザインを上記のHTMLで呼び出した、ということです。
これをファイナルファンタジーで例えると、HTMLの召喚魔法で、待機させていたバハムートを呼び出したような感じだと理解しました(意味不明)。

現在記事下に設置してあります。

CSSもう少し理解したいなぁ。ブログももう5年ぐらいはやってるけど、そういう面は進歩してない。独学でもくもくとプログラミングできる人ってすごい。