Customize

特にLayout Changerが面白そうだったのでFontsize Switcherと併せて導入してみた。
右上にあるLayoutSettingボタンをクリックすると実際に変更できます。

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

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

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

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

Continue reading

あるレンタルサーバでWordPressをインストールすべくサイトにアクセスすると表記が英語になっている。
原因はPHPのバグらしいのですが下記修正を施すことで対応。

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

＜修正後＞

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

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

記事の中にあるサイト外に出るリンクのみにイメージをつけるというもの。

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ページですが、これ以外にもシンプルですっきりしたものが多いです。

WordPressに標準で装備されているビジュアルエディタTinyMceの記事投稿画面のフォントはデフォルトの状態ではTimes New Romanになっている為、日本語を打ち込んだ際は少々違和感がある。

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;
}

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