菅野たくみのチラシの裏　さんまいめ そにょ２

昨日の続き。

＜結論：CSSを設定する＞

指定箇所

wp_content/themes/default/style.css
.commentlist p{}
.widecolumn .entry p {}
.narrowcolumn .entry p {}

指定要素

font-size:12pt;
line-height:18px;
font-family: 'Mona','IPA MONAPGOTHIC','MS PGothic','ＭＳ Ｐゴシック','MS Pｺﾞｼｯｸ','MS Pゴシック',sans-serif;

# style.cssを直接編集してもよいが、上記ファイルをライト可能にしてから、外観→編集→スタイルシート（style.css） で編集するのがWordPress流か。

検証

検証用のAAは、葱板プチAAスレまとめサイトのテンプレより。

オリジナルイメージ

検証AA（誤り）

【AAがずれて見える方へ】
■　AAは、Windows＋ＩＥ､フォント「ＭS Pゴシック 中（12ポイント/16ピクセル）」(IE標準)
　　 の状態で､最適表示になります（ｽﾞﾚのないＡＡが見られます）｡

　　　　　　　　　　　　　　　　　　　　 　 　 |　　　結　　.| パエリア | 　　　奏　　 　 .| 　 美月 . |
※右のAAのｽﾞﾚない環境が標準です｡ |　　　＿　　.|　　㍉ヽ +.|　 　　＿　　 　 .|.　　＿　　.|
　　　　　　　　　　　　　　　　　　　　 　 　 |　’´　｀´ ヽ .|　 　 ）;;} 　|　　’´ ｀´ ､ヽ　　|,’´ ,＾　＾ヽ |
　　　　　　　　　　　　　　　　　　　　 　 　 | ! 〈ﾉﾉﾊ))）〉|　<二ン　..|／（((从ﾘ)）ﾐ＼..|i　fiハヾﾘ〉| 　　　 　　 　 　 　 　 　 　 　 　 　 　 　 　 |ﾉ (ﾘ；ﾟヮﾉﾘ .| . 介/ . 　 |レ'ﾘi､ヮﾟ;ﾘﾂヽ､ｊ ||i!(|!ﾟдﾟﾉi|.|
これでうまく表示されるだろうか……と問う前に、私の環境でうまく表示されていない（ぉぃ）。
調査の結果、半角アポストロフィーを入力/コピペする際、なぜか全角アポストロフィーになってしまっている様子。
半角：'
全角；’
というわけで、半角アポストロフィーを正しく入力する（’を、&apos;に置き換える）と、以下のようになる。

検証AA２（本物）

【AAがずれて見える方へ】
■　AAは、Windows＋ＩＥ､フォント「ＭS Pゴシック 中（12ポイント/16ピクセル）」(IE標準)
　　 の状態で､最適表示になります（ｽﾞﾚのないＡＡが見られます）｡

　　　　　　　　　　　　　　　　　　　　 　 　 |　　　結　　.| パエリア | 　　　奏　　 　 .| 　 美月 . |
※右のAAのｽﾞﾚない環境が標準です｡ |　　　＿　　.|　　㍉ヽ +.|　 　　＿　　 　 .|.　　＿　　.|
　　　　　　　　　　　　　　　　　　　　 　 　 |　'´　｀´ ヽ .|　 　 ）;;} 　|　　'´ ｀´ ､ヽ　　|,'´ ,＾　＾ヽ |
　　　　　　　　　　　　　　　　　　　　 　 　 | ! 〈ﾉﾉﾊ))）〉|　<二ン　..|／（((从ﾘ)）ﾐ＼..|i　fiハヾﾘ〉| 　　　 　　 　 　 　 　 　 　 　 　 　 　 　 　 |ﾉ (ﾘ；ﾟヮﾉﾘ .| . 介/ . 　 |レ'ﾘi､ヮﾟ;ﾘﾂヽ､ｊ ||i!(|!ﾟдﾟﾉi|.| この操作にて、私の環境での表示は上手くいった。 みなさまの環境ではいかがでしょう？ なお、元々のページがまだ治っていないが、文字の変換に失敗したことがAAずれの原因と推定されるため、さらしageしておくことにする。（注：異なるテクノロジを用いた複数回の変換を実施しているため、責任を問う者でもなければ問えるものでもありません。）

(さらに…)