Arthemia の フォントをVerdanaに 変更

Arthemia の 一部のフォントを変更しました。

このテーマは完全に英語圏仕様なので、フォント指定が英字フォントしかされていません。
その結果、日本語はOS標準フォント、半角英数字はarthemia指定フォントになっていました。

arthemiaでは、タイトルのような強調する箇所にGeorgiaを用いているのですが、このフォントはWindows標準のメイリオと並ぶと、縦方向に大きく下にずれて表示されるのがずっと無意識に気になっていました。

そのため、style.css　を変更して、Georgia を用いていた箇所をすべて Verdana に変更してみました。

フォントには詳しくないのですが、Windows/Mac 両方で指定できる方がいいと思ったため、

標準フォントを指定する

のページにある共通フォントから、サンセリフである Verdana を選んでみました。

とりあえず、うちの環境では英数字がずれずに表示されるようになりました。

Wordpress テーマ Arthemia の トップに記事を出すには

久しぶりに、Arthemia　のテーマの編集をしました。

すっかりやり方を忘れていたので、メモを残しておきます。


私が管理しているのは以下のサイトですが、このサイトの ”お知らせ” と、”最近の活動記録” の部分に特定のカテゴリの記事を掲載するための方法です。

http://tousoukai.info/

編集箇所は以下になります。

■編集ファイル
Arthemia: メインインデックスのテンプレート (index.php)

■編集内容
下記行の　XXに数字を入れます。YYYYYYYYにカテゴリのスラッグを入れます。
        <?php query_posts("showposts=XXX&category_name=YYYYYYYY"); ?>
すると、その部分にYYYYYYYYカテゴリの記事が、最新のXX個だけ続けて表示されます。

今回は、お知らせの欄に活動予告だけでなく、その他告知等も掲載できるように、お知らせの欄に表示するカテゴリを変更しました。

うちのWordpress環境のバージョンアップに伴って行うこと

私の環境における、Wordpressの自動バージョンアップ時に行うことリストです。
何かをバージョンアップするときに確認用メモ。

プログラム本体
・いまのところ、なし？

プラグイン
・WP Multibyte Patch　の　wp-multibyte-patch/wp-multibyte-patch.php　の
'excerpt_mblength' => を　160　にする。　
 　→　これをしないと、トップページの記事概要が短くなってしまう。

Wordpress と Firefox の組み合わせで文字入力が異常に重いのを解決

数ヶ月前から、Wordpressの投稿画面のテキストボックスが非常に重くなっていました。
簡単に検索した限り、同様の事例がなかったので、それを解決した流れをメモしておきます。

■環境
Windows Vista 32bit
Firefox7～ Firefox9
Wordpress3.2 ～ Wordpress3.3

■現象
投稿画面のメインの文章を打つテキストボックスで、何らかの入力をしてから反応まで0.5秒くらいかかる。ただのスクロールにも0.5秒かかる。
IE9, Chrome, Safariではスムーズに入力できる。

■原因・対策
ハードウェアアクセラレーションが原因でした。
メニューの ”オプション” → ”詳細” → ”一般” にある、”ハードウェアアクセラレーション機能を使用する。”のチェックボックスをOFFにした後、PCを再起動 すると、軽くなりました。なぜか、ブラウザの再起動だけでは、戻りませんでした。ちなみに、その他の拡張機能、プラグインはON/OFFを変えても重さは変わりませんでした。

■その他
このPCのビデオカードは AMDの RADEON HD5450 搭載品です。Catalyst関連を最新版のVer.11-12にしてみましたが、この挙動は解決しませんでした。
Firefoxの問題なのか、Wordpressの問題なのか、HD5450が力不足なのか…。いずれにしても、ハードウェアアクセラレーション周りはまだ 発展途上ですね。

Lightbox Gallery pluginで画像を見やすくしました。

ギャラリーを活用し始めるに当たり、WP3.3のギャラリー機能がかなり少なかったため、Lightbox Gallery pluginを導入しました。

欲しかった機能は以下です。
・画像を大きく表示しながら、次の画像を簡単、直感的に表示したい。
・設置が簡単。テーマに手を加える必要がない。

上記プラグインで、トラブルなく解決することができました。
プラグインをインストールするだけで、こんなに簡単に機能を拡張できることもあるんですね…。
設定項目から、デフォルトの画像サイズの設定もできたので、大きめの写真になるように設定しました。かゆいところに手が届く仕様ですね。

Lightbox Gallery pluginには、他にもギャラリーの一覧をかっこよくするような機能もあるそうですが、それはまた欲しくなったら使おうと思います。

サイト動作を3倍速くしました。

Wordpressは日本語環境で使うと遅くなるそうです。
そこで、下記サイトのやり方の通りにプラグインを2つ導入しました。



WordPress をたった3分で3倍高速化する方法 [MO Cache]

1. WordPress の管理画面を開く
2. WP File Cache をインストールする
3. MO Cache をインストールする
4. 完了！設定の必要はありません

簡単でした。
結果は、1.5倍くらい速くなったように思えます。
ON,OFFを何度か繰り返してみましたが、OFFだと3拍（自分生成リズム）くらいで読み込まれるところが、ONだと2拍弱で読み込まれるようでした。


3倍ではありませんが、うちの旧ACCA-ADSL-12M回線かOCNの遅延等も入ってきているはずなので、このくらいなのかもしれませんね。
あとは、下記のようなこともあり得るそうなので、とりあえずはしばらく注意しながら様子を見ようと思います。

[WordPress]W3 Total Cacheを使ってレスポンス速くなって喜んでたらひどい目にあった

twitterなどSocial連携ボタン設置

twitter,facebook,mixiなどのsocial連携をするべく、ボタンを設置してみました。
socialなツールを使いこなしている方は、ぜひ押してみてください。

ではその作業メモを残します。

プラグインなしでもテーマをいじることでボタン追加はできるそうですが、メンテナンス性のためプラグインに頼ることにしました。

まず、プラグイン、WP Social Bookmarking Light　を導入。
このプラグインを有効化することで、各投稿の下部にボタンを並べることができました。

そんな作業の中、このテーマにはもとから、使うことのなさそうなボタンが記事の下部に組み込まれていたことに気づいたため、それを削除しました。

具体的にはテンプレートの single.php から下記を削除。

     <div id="tools">
<div style="float:left;"><a href=" http://digg.com/submit?phase=2&url= <?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/digg.png" title="Digg this!"></a><a href=" http://del.icio.us/post?v=4&noui&jump=close
&url=<?php the_permalink();?>
&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/delicious.png" title="Add to del.icio.us!"></a><a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/stumbleupon.png" title="Stumble this!"></a><a href=" http://technorati.com/faves?add=<?php echo get_option('home'); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/technorati.png" title="Add to Techorati!"></a><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/facebook.png" title="Share on Facebook!"></a><a href=" http://www.newsvine.com/_tools/seed&save? u=<?php the_permalink();?>&h=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/newsvine.png" title="Seed Newsvine!"></a><a href=" http://reddit.com/submit?url=
<?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/reddit.png" title="Reddit!"></a><a href=" http://myweb.yahoo.com/myresults/bookmarklet? t=<?php the_title();?>&u=<?php the_permalink();?>&ei=UTF" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/yahoomyweb.png" title="Add to Yahoo!"></a>
</div>

    <div style="float:right;display:block;"><?php if(function_exists('the_ratings')) { the_ratings(); } ?></div>
    </div>

最後は、各ボタンの動作確認をして、mixiだけはチェックキーの登録が必要と言うことで、その作業をして終了です。
今回は特にトラブルなく完了しました。