AA(アスキーアート)を WordPress 上で綺麗に表示させるにはどうしたら良いか調べたところ、Div タグを使って表示させる方法が見つかった。(=WordPress に限らず表示できるということかな?)
スポンサードリンク
1つめに見つけたタグ:
<div style=\'font-size:12pt\;line-height:18px\;font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","MS Pゴシック","MS Pゴシック","MS Pゴシック",sans-serif\;\'>ここにアスキーアートを挿入</div>
2つめに見つけたタグ:
<div style="font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック';font-size:16px;line-height:18px;">
2つめに見つけたものの方が綺麗に表示できた。それでも誤差はあるが許容範囲内。Theme の CSS 等とも関連があるから、たまたま2つめが綺麗に表示できただけなのかもしれない。
表示例(適用済み)
__
/ ___、 `ヽ、__
レ’´ ヽ \____`)
-=’´ ハ {‘´ー}/ヽl Y あ~う~かぁいいよ~
/ /レV 三 リ ノi| お持ち帰り~♪
{ { 彡 ”/イ 八
N ヘ “ 「 ノ / _>
ヽ_ゝ、 _ f⌒)ー‐くゝ
/ (__ j´`\ヽ_〉
Vレヘ \\介i\ヽ\
/ ___、 `ヽ、__
レ’´ ヽ \____`)
-=’´ ハ {‘´ー}/ヽl Y あ~う~かぁいいよ~
/ /レV 三 リ ノi| お持ち帰り~♪
{ { 彡 ”/イ 八
N ヘ “ 「 ノ / _>
ヽ_ゝ、 _ f⌒)ー‐くゝ
/ (__ j´`\ヽ_〉
Vレヘ \\介i\ヽ\
表示例(適用なし)
__
/ ___、 `ヽ、__
レ’´ ヽ \____`)
-=’´ ハ {‘´ー}/ヽl Y あ~う~かぁいいよ~
/ /レV 三 リ ノi| お持ち帰り~♪
{ { 彡 ”/イ 八
N ヘ “ 「 ノ / _>
ヽ_ゝ、 _ f⌒)ー‐くゝ
/ (__ j´`\ヽ_〉
Vレヘ \\介i\ヽ\
※頻繁に使うならクイックタグとして登録しておくとよいだろう:
pc.casey.jp » WordPressにクイックタグを追加するプラグイン
参考文献
- mistbell.com – WordPressでAAを素敵に表示させる方法
- 旅の道 第三停留所 » Blog Archive » WordPressでAAを正常表示する方法
- AA(アスキーアート)をWord Pressで表示させる方法 – http://pnpk.net
- ひぐらしのなく頃に AA第2倉庫
コメント