WordPressでAAを表示する

fute / 1月 21st, 2009/ Posted in WP設定 / No Comments »

スタイルシートを使ってAAを少しまともに表示してみる


まずAAを表示する前に邪魔になるのがビジュアルエディタ

ユーザー設定から切れるから切ってしまおう




WordPressでAAをきれいに表示してみたい | MOMENTS

http://www.u-1.net/2006/10/28/389/

AAを見るための環境設定-しっぽのとこ-

http://tail.s170.xrea.com/html/text/aa_promo/aa_setting/#style


とりあえずはこの一行でイイらしい

<div style='font-size:12pt;line-height:18px;font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","MS Pゴシック","MS Pゴシック","MS Pゴシック",sans-serif;'>
(AA)
</div>
これでマトモに出るようになった




が、毎度毎度このタグを入力するのはめんどくさい

cssに仕込んで楽が出来るようなのでやってみる


デザインのテーマエディタからスタイルシート (style.css)を編集

一番ケツに突っ込んでやればいい

/*	##################################
   	AA用
	################################## */
.aa{
font-family:'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック';
font-size:16px;
line-height:18px;
}


んで、タグを入力する時は

<div class="aa">
(AA内容)
</div>
こいつぁすげえ!




さてタグ入力すらめんどくさいからもっと楽にしてみよう

WP-AddQuicktag 日本語リソース同梱版 | MOMENTS

http://www.u-1.net/2008/01/09/1057/

本体を拾ってきて日本語版ファイルを上書き、pluginsにぶち込んで有効化

あとは使いそうなタグを追加してやるだけでおk


開始タグだけでも使えるようなので、<br />とか<p><br class="spacer_" /></p>とか入れておくと便利かもしれない

 
このエントリーをはてなブックマークに追加


Tags: WP設定

Leave a Reply

Name required

Mail (will not be published) required

Website