今使用しているテーマinoveでは、投稿に写真を添付するとき”キャプション”欄に入力すると、写真下部にグレーアウトして表示される。それは有難いのだが、フォントの大きさが本文と同じに表示されてしまい少し邪魔だった。

正しいやり方なのかは未だにわかっていないが、とりあえず style.css の .wp-caption-text に font-size:11px; を追記したら望み通りの表示になった。

.wp-caption-text {
	font-size:11px;
	text-align:center;
	padding:0 5px !important;
	padding:3px 5px 0;
}

1. [WordPress] favicon.icoの設置。
2. [WordPress] テーマiNoveのコメントフォーム・返信リンクを変更
3. [WordPress] WP Super Cache 導入
4. [WordPress] Ktai Styleで外部のPCサイト変換サービスを使う
5. [WordPress] テーマiThemeとGlossyBlueのb-quote引用部に装飾を

自分の用途では不要ッス。

日時表示の消しかた

wp-pcontent/themes/inove/page.phpの8行目

<span class="date"><?php the_modified_time(__('F jS, Y', 'inove')); ?></span>

 をコメントアウトするなり消すなりすればおｋ。

ハァースッキリ。

更新日時ではなく初回投稿日時を表示したい場合

inoveのデフォルトでは、固定ページ(page.php)のこの部分に表示される日時が「更新した日時」となっている。これを投稿ページ(single.php)と同じように「初回投稿日時」にしたい場合は、8行目の　the_modified_time　を　the_time　に変更する。

1. [WordPress] テーマiNove修正 [コメント欄無効時の表示を消す]
2. [WordPress] もろもろメンテ [軽くしたい]
3. [WordPress] テーマiThemeとGlossyBlueのb-quote引用部に装飾を
4. [WordPress] 改行プラグインとスマイリーと手書き文字
5. [wordPress] ktai_styleの縮小画像サイズ

7月10日にリリースされた3.2は色々と問題が起きるかたもいたようなので3.2.1-jaが出るのを待っておりまして、一昨日に待望のWordPress-3.2.1-jaがリリース。早速アップデートしました。

とりあえず当サイト上では特に不具合もなく動いているようです(Sakuraスタンダード鯖/PHP5.3.6/MySQL5.1) 。コンパネのデザインがスッキリして良いですね。

下記は稼働中のプラグイン一覧です＞アップデート恐怖症のお仲間へ

1. [WordPress] WordPress3.1へアップデート (動作OKプラグイン一覧)
2. [WordPress] 2.6.5 -> 2.7へアップデート
3. [WordPress] 改行プラグインとスマイリーと手書き文字
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応

良い点

適当にインストールしてウィザードに従って適当に設定しただけで動いた。mitsurinのタグもそのまんま本文中にタグ書いて動く。

こうやって記事を書きながら実際のテーマで表示されるところが良い。WordpressのTinyMCEは出来上がって実際の投稿確認したらイメージ違ってたりしてたし。

悪い点

画像の投稿でソース画像が勝手に小さくされる。
【対処】 画像を貼る→画像選択→右下の[オプション]ボタン押下→[サイズ]欄で[元のサイズ]を選べば元に戻る。

あとOS依存は気に入らない。「どの端末でもOSでも書けるメモ」 に矛盾する。

以下テスト

• 見出し

• 画像
  
  

• 実際の編集中のイメージ 
  
  

• 広告
  

  	I-O DATA WSS 2008 R2搭載デュアルコアAtom採用ハイパフォーマンスNAS 2ドライブモデル 1TB HDL-Z2WS1.0A
  	レビューを見る
  	欲しいものリストに追加
  	価格:79719円 在庫あり。powered by Amazon.co.jp

  
  

  	I-O DATA WSS 2008 R2搭載デュアルコアAtom採用ハイパフォーマンスNAS 2ドライブモデル 2TB HDL-Z2WS2.0A
  	レビューを見る
  	欲しいものリストに追加
  	価格:87476円 在庫あり。powered by Amazon.co.jp

  
  

  	I-O DATA WSS 2008 R2搭載デュアルコアAtom採用ハイパフォーマンスNAS 4ドライブモデル 4TB HDL-Z4WS4.0A
  	レビューを見る
  	欲しいものリストに追加
  	価格:137109円 通常1～2営業日以内に発送powered by Amazon.co.jp

  
  

  	I-O DATA WSS 2008 R2搭載デュアルコアAtom採用ハイパフォーマンスNAS 4ドライブモデル 8TB HDL-Z4WS8.0A
  	レビューを見る
  	欲しいものリストに追加
  	価格:159166円 在庫あり。powered by Amazon.co.jp

1. [WordPress] もろもろメンテ [軽くしたい]
2. [WordPress] KtaiStyleでGoogleAdsense
3. [WordPress] テーマiThemeとGlossyBlueのb-quote引用部に装飾を
4. [WordPress] 改行プラグインとスマイリーと手書き文字
5. [wordPress] ktai_styleの縮小画像サイズ

それでもなんとかなっちゃうどころか思ったより満足する結果が得られるのがワードプレスのいいところで、だいぶ速くなりました。プラグイン作者様や解説して下さってる皆様のおかげでございます 感謝

要らない物を消す

まずはこれに限る。プラグイン・ウィジェット・広告を削り、必要最小限の構成に。
＞ウィジェットは他サイトからの読込や動的生成の物をなるだけ少数に。
＞同じく広告も。減らしたくない場合はフラッシュ系でなくテキスト系に。
＞プラグイン減らすとキャッシュ系プラグインとのコンフリクトも減る。

プラグインを管理画面以外で読み込まないようにする

参考：WordPressプラグインをいっぱい入れすぎた場合の簡単に出来る高速化
管理画面でしか使用しない系統のプラグインは、管理画面以外で動かさないように設定する。
cbnet Ping Optimizer
Commenters Info
Google XML Sitemaps
Revision Control
Tiny MCE Advanced

.htaccess と php.ini

WordPressサイト用の.htaccess例 を参考。

このBLOGがあるサクラ鯖では mod_deflate(GZIP圧縮) と mod_expires (静的ファイルの有効期限設定）が使えないけど。

（そのためPHPだけでも圧縮しようと php.ini でzlib.output_compression=1 としていたのだが、だいぶ以前のことだったので忘れていた。そのまま後述のHeadCleanerを入れたところphpエラーログに「HeadCleanerとコンフリクト」と大量に吐かれて気付き、記述を消した。）

プラグイン

下記３つの併用で驚くほど速くなる。

ただし適切に設定しないとlightbox系が動かなくなったりアクセス不能になったりするので注意。

• オブジェクトをキャッシュ　WP-FileCache
• データベースをキャッシュ　DB Cache Reloaded Fix
• CSSやJSの整理・圧縮・キャッシュ　Head Cleaner

問題無く動いた設定

使用中のプラグインすべて

この環境で問題無く動いた。

WP-FileCache

これの有効・無効を切り替えるときに暴走してサイト表示不能・Wordpressコントロールパネルにアクセス出来なくなった場合、さくらのコンパネ  -> リソース情報 から プロセスを全部終了させ、FTPで /wp-content/ にある object-cache.phpファイルを削除またはリネームする。（このファイルはまた勝手に生成されるので削除しても構わない）

DB Cache Reloaded Fix

Head Cleaner

「JavaScriptを小さくする 」にチェックするとjQuery Colorboxが動作せず（対象外にチェックしても同じ）。JqueryColorBoxのバージョンを3.8.3に落とすと問題なく動作する。

1. [WordPress] WP Super Cache 導入
2. [WordPress] Ktai Styleで外部のPCサイト変換サービスを使う
3. [WordPress] 改行プラグインとスマイリーと手書き文字
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応

以前からわざわざ「コメントを受け付けていません」と表示するのはどうかなーと思っていたものの、どう触っていいのかわからず放置していた。今回、WP本家とWP日本語の情報を元に変更することが出来た。あざっす！

コメントが無効に設定されている記事において
・トップ、タグ/カテゴリー/年月別アーカイブ表示の右上にあるコメント関係の表示を無くす
・単一記事表示の下部にある 『コメントを受け付けていません』 を無くす

コメントが有効に設定されている記事において
・単一記事表示で右上にある『コメント』『コメントをどうぞ』を『コメント○件』ひとつにまとめる

[参考]
WordPress Codex 日本語版 > テンプレートタグ > comments_popup_link
WordPress.org > Support » Themes and Templates

トップページ/タグ/カテゴリー/年月 別の一覧表示の右肩部分

index.php の 25行目、 archive.php の 50行目 にある、

<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove'), '', __('Comments off', 'inove')); ?></span>

これを下記のように<?php if ( comments_open() ) : ?> と <?php endif; ?>で囲んだ。

<?php if ( comments_open() ) : ?>
<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove'), '', __('Comments off', 'inove')); ?></span>
<?php endif; ?>

↓ スクリーンショット

単一記事表示での下部

comments.php の 124行目

<?php _e('Comments are closed.', 'inove'); ?>

を下記に変更した

<?php _e('', 'inove'); ?>

グレーの枠は区切り的なものとして残したかったのでそのままにしてある。

↓ スクリーンショット

単一記事表示の右肩『コメント』『コメントをどうぞ』 を 『コメント○件』 に  （※コメント無効時は非表示）

single.phpの19～20行目

<span class="addcomment"><a href="#respond"><?php _e('Leave a comment', 'inove'); ?></a></span>
<span class="comments"><a href="#comments"><?php _e('Go to comments', 'inove'); ?></a></span>

上記をコメントアウトするなり消すなりして、下記のものを同じ場所に入れる。

<?php if ( comments_open() ) : ?>
<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove'), '', __('Comments off', 'inove')); ?></span>
<?php endif; ?>

index.php と同じになっているのは暫定。とりあえずコレにしといて後で考える。

↓ スクリーンショット

1. [WordPress] テーマiNove修正 [投稿・編集日を非表示]
2. [WordPress] もろもろメンテ [軽くしたい]
3. [WordPress] テーマiThemeとGlossyBlueのb-quote引用部に装飾を
4. [WordPress] 改行プラグインとスマイリーと手書き文字
5. [wordPress] ktai_styleの縮小画像サイズ

別に悪くはないがちょっと微妙。ちょっと違和感。

なので記事先頭から表示させるように変更した。

WordPress Codex の 「続きを読む」のカスタマイズ の項に従い、テーマのfunctions.phpに下記コードを追記。

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

1. [WordPress] もろもろメンテ [軽くしたい]
2. [WordPress] テーマiThemeとGlossyBlueのb-quote引用部に装飾を
3. [WordPress] 改行プラグインとスマイリーと手書き文字
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応

これまで記事にコードを載せるとき  Syntax Highlighter Evolved や Syntax Highlighter for WordPress を使ってきました。

# dd_rhelp /dev/sdd6 /media/WD10EACS/disk0.dd

↑ こーゆーの

コードを綺麗に色付けしたり、コピペ出来るアイコンと一緒に貼ることが出来たりするんですけども、その記事をビジュアルエディター（TinyMCE/TinyMCE Advanced）で開いてしまうとエディタがコードを勝手に整形してしまいコードがグチャグチャに壊れるという難点があったりします。

まあ事前にわかっていたことですし、 『HTMLモードで開けばいいだけじゃん』 とか軽く考えて設置し、以降そんなものだと諦めて使っていました。使うときは下記のような運用。

1. ダミーの下書き記事を作って常時置いておく
2. 記事を編集しようとするとき、記事中にコードが無いか事前に確認
3. コードのある場合はまずダミー記事を開きＨＴＭＬモードか確認
4. もしビジュアルエディタになっていたらＨＴＭＬモードにする
5. お目当ての記事を開いて編集
6. 編集中、HTMLモードからビジュアルエディタモードへ切り替えるのはNG

こんな感じで2年ほど使っているうち・・・・段々と面倒になってきました＞＜。いつの間にかコードを載せるのが億劫になってる自分に気付きました。これではメモ帳ブログとしての目的を果たせてません。

あと、おっちょこちょいの自分は間違ってビジュアルエディタで開いてしまって知らないうちに自動保存機能で上書きされ 『やっちまったぁーーふぁーっく！』 ってことが数ヶ月に一度くらい起きてたり。

ええ。最後に起きたのは昨日です。ふぁーっくふぁーーっっく！

さすがにヤバイだろ（この期に及んで何も対策しない自分が）と思い調べてみると、 Google Syntax Highlighter HF Editon という素晴らしいプラグインがあるじゃないですか。グラシァス！速攻乗り換えて解決しました。

PS Disable Auto Formating や mitsurin改造版 との併用も問題なく使えているようです。これで暫く運用してみようと思います。

使いかたと注意点

コードを挿入するときは［HTMLモード］にして、

<pre class="brush:php;">
ここに挿入したいコードを書く
</pre>

というふうにpreで囲って一旦保存する。これだけ！

※ HTMLモードでコード書いたら、そのまま一旦保存すること
※ （保存せずにビジュアルに切り替えると壊れます）
※ 保存以降は HTMLモード～ビジュアルエディタをいくら切り替えても大丈夫

他のハイライト系からの乗換えで過去記事の修正が必要な場合

過去に SyntaxHighlighter 等の違うプラグインを使用して書いていた記事は、そのプラグインを停止すると[PHP]などのタグがまんま表示されてしまいます。syntax-highlighterとの共存も可能のようなので有効のままにして目を瞑っておこうかと。

これは WordPress Database Backup で吐かせたSQLファイル（チェック全部入りで）をテキストエディタで一括置換するというお手軽な方法で直せました。

• WoedPressDatabaseBackupの［コンピュータにダウンロード］でSQLファイルを落とす。

• それをテキストエディタ（UTF8のBOM無しが扱えて一括置換出来るエディタなら何でも可）で開く。

• エディタの置換機能で今まで使っていたタグを置換する。

< 自分の場合>
開始タグの [sourcecode language="bash"]  と [sourcecode language="php"]  と [sourcecode language="plane"] と [php] を <pre class=”brush:php;”> に置換。 終了タグの [/php] と [/sourcecode] を </pre> に置換

• WordPressCodexの［データベースの復元］の項 を参考にしてphpmyadminからアップロード。

以上でOKでした。

コードの挿入テスト

function removePrePost($post_content = '') {
	$preStart = '<pre>\n<pre class="syntax-highlight:';
	$preEnd = addcslashes('</pre>\n</pre>', '/');
	$post_content = preg_replace("/$preStart/i", '<pre class="syntax-highlight:', $post_content);
	return preg_replace("/$preEnd/i", '</pre>', $post_content);
}

（おおお、、何度記事をイジっても壊れない・・・これが当たり前なんだろうけど嬉しいなー）

いちお広告もテスト

★WordPress 3　サイト構築スタイルブック ★Amazon価格:2940円 在庫あり。

1. [WordPress] WP Super Cache 導入
2. [WordPress] Ktai Styleで外部のPCサイト変換サービスを使う
3. [WordPress] 改行プラグインとスマイリーと手書き文字
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応

記憶が曖昧なので対処に困った。2ヶ月ほど前までは正常に動いていたはずで、その頃はktai-styleのfunctions.phpにMitsurinの説明にあるコードを追加しただけでOKだったはず。

その後ktai-styleのテーマやfunctions.phpを弄ったような・・・弄ってないような・・・・うーん。とりあえずktai-style丸ごと入れ直して一から設定し直すことにした。

<参考>　[らいでん様] wordpress インストール 備忘録

0) コンパネで”オプションの削除”を実行した後にアンインストール

1) ktai-styleを 公式プラグインディレクトリー の”Development Version”よりDL 。このDevelopment Versionのリンク先が常に最新の開発版とのこと。この時点でのバージョンは2.1.0-beta2だった。(開発版は安定版ではない旨を理解した上で使うこと)。

2) 普通にインストール

3) wp-content/plugins/ktai-style/themes/使用しているテーマ名/functions.phpを作成し下記コードを書く（今回、オリジナルにwebikeを追記したので、ks_keep_amazon_imageからks_keep_affiliate_imageに変えている）。

テーマによりfunctions.phpが既に存在している場合がある。そのときは下記から先頭行＜？ｐｈｐ　と　最終行？＞　を抜いたものを既存のスクリプトの？＞以前に追記する。

楽天アフィリエイトとかもこんな感じで追記すれば動くと思います。

<?php
function ks_keep_affiliate_image($replace, $orig, $src) {
    if (preg_match('#^http://ecx.images-amazon.com/images/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://www.assoc-amazon.jp/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://w1.webike.net/#', $src)) {
        $replace = $orig;
    }
    return $replace;
}
add_filter('ktai_image_to_link', 'ks_keep_affiliate_image', 10,3);

function ks_direct_external_link($link_html, $href, $label) {
    return '<a href="' . attribute_escape($href) . '">' . $label . '</a>';
}
add_filter('ktai_external_link', 'ks_direct_external_link', 90, 3);
?>

以上で直った。

らいでん様、有益な情報を有り難う御座います。

1. [WordPress] Ktai Styleで外部のPCサイト変換サービスを使う
2. [WordPress] 改行プラグインとスマイリーと手書き文字
3. [WordPress] モバイルから投稿 Ktai Entryに移行
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応

<参考>
[Happy WP様] オリジナルのMitsurin
[名称検討中様] WordPress用AmazonアソシエイトPlugin: Mitsurin改造版
[人月ベースで] ktai-styleでMitsurinで貼ったAmazonの画像が出ない件

例えば、カスタムタグ設定で

<blockquote><a href="%linkURL%">★%contentName% ★Amazon%priceTag%</a><br />%bookImgTag%</blockquote>

こうしておく。記事中のamazonタグにtype指定が無ければ(type=’custom’ と明示的に指定することも出来る)、自動的にカスタムタグ設定欄の内容が反映され、記事には下記のように出力される(下記はキャプチャ画像)。

素晴らしいプラグインの制作者様に感謝。

1. [WordPress] WP Super Cache 導入
2. [WordPress] Ktai Styleで外部のPCサイト変換サービスを使う
3. [WordPress] 改行プラグインとスマイリーと手書き文字
4. [wordPress] ktai_styleの縮小画像サイズ
5. [WordPress] 絵文字対応