その都度<br style=”clear:both;” />を入れていたが、下記コードをcssに追加する事で問題解決。
使用しているテーマはwpVicuna Ext.1.58なので1-subSkin.cssに追加。

/*--------------------------------------
画像回り込み処理
---------------------------------------*/
.aligncenter {
display: block;
clear: both;
margin: 1em auto 1.5em;
}
.alignleft {
float: left;
clear: both;
margin: 1em 1.5em 1.5em 1em;
}
.alignright {
float: right;
clear: both;
margin: 1em 1em 1.5em 1.5em;
}
h2, hr {
clear: both;
}

参考サイト »» [ WordPress ] 画像の回り込み用 CSS を書いてみた

配布先 » wp.Vicuna – テーマ・テンプレート

wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css
74行目から

body.mceContentBody {
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	padding: 0.6em;
	margin: 0;
}

pre {
	font: 12px/18px Consolas, Monaco, "Courier New", Courier, monospace;
}

変更後

body.mceContentBody {
	font: 13px/19px "Meiryo", Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

pre {
	font: 12px/18px "Meiryo", Arial, Helvetica, sans-serif;
}

変更したもののビジュアルエディタを使用していないので意味はなし。

[root@server ~]# vi /etc/httpd/conf.d/deflate.conf

<Location />
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rdf+xml

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
Header append Vary User-Agent env=!dont-vary
</Location>

上記ファイルを有効化するためにhttpdを再起動又は再読込み

[root@server ~]# /etc/rc.d/init.d/httpd restart

mod_deflateの効果については下記のサイトを見た方がわかりやすい。
YSlow対策でmod_deflateを利用してHTTPレスポンスをgzip圧縮 – blog.katsuma.tv
圧縮出来ているかどうか及び効果は下記サイトやYSlowで確認できる。
Port80 Software »» Compression Check

当サイトの結果は77.0%の圧縮に成功し転送速度も数値上では4倍ほど速くなった。

ただビジュアルエディタ使用時のフォントだけは我慢できなかったのでメイリオに変更した。
/wp-includes/js/tinymce/wordpress.css 54行目
変更前

body.mceContentBody {
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	padding: 0.6em;
	margin: 0;
}

変更後

body.mceContentBody {
	font: 13px/19px "Meiryo", Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

結果

期待通りの表示にはなったもののバージョンアップ等でアップデートすれば、その都度書き直さなくてはいけないので根本的な解決にはなっていない。

でもセンスがないのでこのままの方がいいかも・・・。

WordPress 対応テーマwp.Vicuna
拡張版 wp.Vicuna Ext

フォントサイズの変更も以前他のCMSで導入した際には文字サイズを変更したスタイルシートをそれぞれ用意してJavaScriptで切り替えるというものだったが、今回はそんな面倒な事をしなくてもサイズ指定さえすればOKだったので手間もかからなかった。

詳しい導入方法は開発元にあります。
Fontsize Switcher » フォントサイズを切り替えるJS:改2
Layout Changer » Layout Changer レイアウト変更スクリプト

Layout Changer はWordPressやMovableTypeで非常に人気のあるテンプレートvicuna専用です。

以下はcss等の個人的なメモ

index.php 404.php archive.php category.php page.php search.php single.php
上記７つのテンプレートの<div id="header">直下に下記コードを挿入

<div class="functions">
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/fontsize-switcher.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/layout-changer.js"></script>
</div>

アドレス部分は適宜変更する必要がある。私に場合テンプレートディレクトリ直下に配置したので上記のようにしている。

cssも配布元さんのcssを覗いて拝借しました。 :asease: 表示位置のズレは要調整。

div#header ul#fontSizeSwitcher {
	float: left;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

div#header ul#fontSizeSwitcher li {
	margin: 0 0 0 10px;
	padding: 0.2em 3px;
	float: left;
	width: 1em;
	background: #000 url(images/fontsize.gif) left top no-repeat;
	color: white;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

div#header ul#fontSizeSwitcher li:hover,
div#header ul#fontSizeSwitcher li:focus,
div#header ul#fontSizeSwitcher li.current {
	color: #ff0033;
	background: #fff url(images/fontsize_hover.gif) left top no-repeat;
}

div#header div.functions {
	float: right;
	padding-right:200px;
	margin-top: -103px;
}

これで導入は完了したものの他所のサイトでもサイズ切り替えはよく見かけるが、私の場合見づらいからと言って変更する事ってないんですよね。 :tenntenn:

wordpress/wp-includes/gettext.php １１７-１２０行目（Wordpress２．３．１）
＜修正前＞

      if ($magic == ($MAGIC1 & 0xFFFFFFFF) || $magic == ($MAGIC3 & 0xFFFFFFFF)) { // to make sure it works for 64-bit platforms
         $this->BYTEORDER = 0;
      } elseif ($magic == ($MAGIC2 & 0xFFFFFFFF)) {
         $this->BYTEORDER = 1;

＜修正後＞

      if ($magic == ($MAGIC1) || $magic == ($MAGIC3)) { // to make sure it works for 64-bit platforms
         $this->BYTEORDER = 0;
      } elseif ($magic == ($MAGIC2)) {
         $this->BYTEORDER = 1;

参考記事 » インストール途中から英語に変わってしまいます

これを見つけるまで何度も設定も見直しインストールを繰り返したことは言うまでもない。 :namida2:

a[href^="http:"]:after,
a[href^="https:"]:after {
    content: url(images/icon/link_out.gif);
    margin: 0 2px;
}

a[href^="http://example.com"]:after {
    content:"";
    margin: 0;
}

上記コードをcssに追加するだけ。
afterをbeforeに置き換えればイメージを前に挿入できる。
もちろん挿入するイメージのパスや自サイトのアドレスは要調整。

今回のイメージは海外の下記サイトから頂きました。
Mini-Images für den Webmaster, kostenlose downloads GIF JPG Webdesign
上記アドレスから入ってSite-Nav Symboleページですが、これ以外にもシンプルですっきりしたものが多いです。

wp-includes/js/tinymce/plugins/wordpress.cssの28行目にフォントを設定する箇所があるのでお好みに変更すれば問題は解決。

body {
background: #fff;
font: 1em/1.3em Georgia, “Times New Roman“, Times, serif;
padding: .5em;
}

修正後

body {
background: #fff;
font: 1em/1.3em Georgia, “MS UI Gothic“, Times, serif;
padding: .5em;
}

参考記事 >> ビジュアルエディタのフォントの大きさ