開発 デザイン

投稿記事本文内に色付きのタグを挿入する方法

歴史を解説する上で避けられない”出典”を記述する上で、出典を一字にしてアイコン的に使ってしまおうという記事です。

例えば「(長文〜〜〜〜〜〜)(『(本の名前)』)」のような文章を連続して使うとしつこい感じがするし文字数もかさみますが、出典になる本の頭文字を取ってアイコンにすることで多少見やすくなるのではないか?という試みです。

SVG等の画像形式にはせず、コードを使う方法で行きます。

Cocoonの場合はバッジ機能を使えばできますが……

(オレンジのバッジを使って表示させています)

毎回文字打ってバッジ付けるのは手間なので

一発でできるようにならないのか!?という試みです

これを使うと、「この記述はこの本に書かれていましたよ」ということを表すことができます

歴史に限らず、文字を♥とか★などの記号にして注釈や目印のような使い方もできます!

AddQuicktagに追加して使用する方法

例)出典を『吾妻鏡』とする場合

AddQuicktagに下記コードを入力します(spanタグの間に書籍名の頭文字を入れます)
その後、テーマエディターに下記CSSを入力します

色は好みに応じてカスタマイズしてください

すると……

例)治承四年、以仁王の平家追討令旨に応じ東国各地に源氏が蜂起する。

*:.。*(●´∀`)八(´∀`●)*。:*・'

-開発, デザイン

© 2021 Studio Yamimin Powered by AFFINGER5