今回はCSSについて・・・と見せてWordPressカスタマイズの記事です。
ホームページやブログでAA（アスキーアート）が崩れてしまうことがあります。
以下は修正方法です。
まず、適切なCSSを設定してフォントや文字幅などを調整します。
1 | font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif; |
2 | font-size : 16px; |
3 | line-height: 18px; |
大抵はこれで表示がうまくいくのですが、
WordPressには半角のダブルクォーテーションを自動で変換してくれる機能があり
これが悪さしてAAが崩れてしまうことがあったりします。
例）
これを修正するには
wp-includesディレクトリ内にある「formatting.php」を修正します。
（修正は自己責任で）
置換しているあたりをコメントアウト
01 | // Only call _wptexturize_pushpop_element if first char is correct tag opening |
02 | $first = $curl[0]; |
03 | if ( '<' === $first ) { |
04 | _wptexturize_pushpop_element($curl, $no_texturize_tags_stack, $no_texturize_tags, '<', '>'); |
05 | } elseif ( '[' === $first ) { |
06 | _wptexturize_pushpop_element($curl, $no_texturize_shortcodes_stack, $no_texturize_shortcodes, '[', ']'); |
07 | } elseif ( empty($no_texturize_shortcodes_stack) && empty($no_texturize_tags_stack) ) { |
08 | // This is not a tag, nor is the texturization disabled static strings |
09 | $curl = str_replace($static_characters, $static_replacements, $curl); |
10 | // regular expressions |
11 | //$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl); |
12 | } |
13 | $curl = preg_replace('/&([^#])(?![a-zA-Z1-4]{1,8};)/', '&$1', $curl); |
14 | } |
15 | return implode( '', $textarr ); |
16 | } |
これで綺麗にAAが表示されましす。やったね（＾ω＾）
_,,....,,_
-''":::::::::::::｀''-､
ヽ::::::::::::::::::::::::::::ヽ
|::::::;ノ´￣＼:::::::::::＼_,. -‐ｧ ＿_ _____ ＿_____
|::::ﾉ ヽ､ヽr-r'"´ （.__ ,´ _,, '-´￣￣｀-ゝ 、_ イ、
_,.!イ_ _,.ﾍｰｧ'二ﾊ二ヽ､へ,_7 'r ´ ヽ、ﾝ、
_..,,-":::::rｰ''7ｺ-‐'"´ ; ', ｀ヽ/｀7 ,'＝=─- -─=＝', i
"-..,,_r-'ｧ'"´/ /! ﾊ ハ ! iヾ_ﾉ i ｲ iゝ、ｲ人レ／_ルヽｲ i |
`!イ´ ,' | /__,.!/ V ､!__ﾊ ,' ,ゝ ﾚﾘｲi (ﾋ_] ﾋ_ﾝ ).| .|、i .||
`! !/ﾚi' (ﾋ_] ﾋ_ﾝ ﾚ'i ﾉ !Y!"" ,＿__, "" 「 !ﾉ i |
,' ﾉ !'" ,＿__, "' i .ﾚ' .L.',. ヽ _ﾝ L」 ﾉ| .|
ノﾉ （ ,ﾊ. ヽ _ﾝ 人! | ||ヽ、 ,ｲ| ||ｲ| /
（ ,.ﾍ ,）､ ）＞,､ _____, ,.イ ハ レ ル｀ ー--─ ´ルﾚ ﾚ´