mktlab.info

WordPressを2.0.7から2.2.1にアップグレードしました。アップグレード前に、wp-config-sample.phpを見ながらwp-config.phpを修正。「define (’WPLANG’, ‘ja_UTF’);」を「define (’WPLANG’, ‘ja’);」に修正して、「define(’DB_CHARSET’, ‘utf8′);」と「define(’DB_COLLATE’, ”);」を追加。「Set up WordPress」に書いたphpmyadminで文字化け対策は不要になりました。また、Sidebar WidgetsプラグインはWordPress本体に取り込まれています。参考にしたのは「WordPress 2.2 にバージョンアップしました。 at orioa」とか。
Widgetsプラグインでは、記事の一覧を表示しているときと、一つの記事のみを表示しているときで、異なるWidgetを表示するという設定ができません。そこで、このようなことができそうなSidebar Modulesを入れてみるとことに。まず、Disable WordPress Widgetsをインストールして、Widgetsプラグインを無効にします。次に、Sidebar Modulesをインストールして有効にします。ここで問題発生。Moduleの管理画面でModuleを追加しようとすると、Module’s nameを入力しているのにかかわらず、「You must specify a valid module name.」と言われてしまいます。ここの回答にしたがって、K2をダウンロード、「js/sbm.js.php」を「wp-content/plugins/sbm/js」にコピー、sbm.phpの413行目の「/js/sbm.js」を「/js/sbm.js.php」に修正して解決しました。
また、テーマをGlossyBlueからiThemeに変更しました。しかし、このテーマの目玉機能であるウィジェットの移動ができません。ここやここによると写真の拡大表示に使用しているHighslide JSが影響しているようです。iThemeの「dbx-key.js」で、「window.onload = function()」を「function dbxInit()」と修正して、Head & Footプラグインで設定しているフッタのいちばん下に、「dbxInit();」を追加したところ、移動できるようになりました。

管理画面の「オプション／投稿設定／更新通知サービス」に、「http://rpc.pingomatic.com/」、「http://mapufacture.com/georss/ping/api」を設定していましたが、Pingooの「Ping送信先アドレス」を使うように変更。

ヘッダ、フッタを管理画面から設定できるプラグイン。テーマのファイルにベタ書きしてしまうと、テーマを変えたときにまた書かないといけないですが、これを使えばテーマを変えたときの手間が一つ減ります。ここからダウンロードしたのですが、今はできないみたいです。
ヘッダには、

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta name="ICBM" content="35.554557,139.729636"/>
<meta name="DC.title" content="mktlab.info"/>
<meta name="geo.position" content="35.554557;139.729636"/>
<script type="text/javascript" src="http://slide.alpslab.jp/scrollmap.js"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=googleMapsKey" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://mktlab.info/wp-content/plugins/googlemaps.js"></script>
<link rel="stylesheet" type="text/css" href="http://mktlab.info/wp-content/plugins/mktlab.css" />

フッタには、

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "GoogleAnalyticsKey";
urchinTracker();
if (window.addEventListener) {
window.addEventListener("unload", GUnload, false);
} else if (window.attachEvent) {
window.attachEvent("unload", GUnload);
}</script>

を設定しています。

投稿時の天気予報を、Livedoor Weather Web Serviceから自動的に取得してくれるプラグインです 。ダウンロードはここから。wp-otenki.phpを以下のように修正。

<?php
//' alt="' .$otenki['otenki']  . '" height="20px" />'; modified by MKT
' alt="' .$otenki['otenki'];
if($otenki['max'] != " && $otenki['min'] != ") {
    echo ' 最高' . $otenki['max'] . '度/最低' . $otenki['min'] . '度';
}
echo '" />';
//if($otenki['max'] != " && $otenki['min'] != ") { comment by MKT
//    echo '(' . $otenki['max'] . '/' . $otenki['min'] . ')';
//}
?>

WP-dp.SyntaxHighlighterにしようかとも思いましたが、以前から使用していて慣れているこちらに。ダウンロードはここから。syntax_hilight-1.3.phpで、bタグを小文字で出力するように、BEGIN enscript、END enscriptというコメントを出力しないように、preタグにclass=”syntaxhilighter”を追加するように修正。また、cssファイルを使用するために以下を追加。

<?php
function meta_syntaxhilighter() {
    $css = get_settings('siteurl') . '/wp-content/plugins/syntax_hilight.css';
    echo '
    <!-- for Syntax Highlighter Enscript -->
<link rel="stylesheet" type="text/css" href="' . $css . '" />
    ';
}
add_action('wp_head', 'meta_syntaxhilighter');
?>

syntax_hilight.cssは、PHP Hilight Stringのcssを少し変更して以下のように定義。

pre.syntaxhilighter {
	-moz-border-radius: 5px;
	background-color: #F9FBFC;
	border: 1px solid #C3CED9;
	padding: 8px;
	margin-bottom: 5px;
	width: 95%;
	overflow: scroll;
	text-align: left;
	font: normal 9pt 'Courier New', monospace;
}

コンソールからGNU Enscriptをインストール。

$ sudo aptitude install enscript

コードの色付けにはGNU Source-highlightを使うようにしてもいいかも。