miyai.jp

お盆休みは香川県に帰っていました。
実家に帰るとイベントがいろいろあって、ネットから遠ざかりますねぇ。
後半はある意味ネットにどっぷりではあったんですが、社会ニュースからは隔絶されていたので、まだ頭が時事ボケといったような感じになっています。
（ボルトの超絶新記録とかは、まだ新しいニュース、、、ですよね？）

さて、香川に帰れば実家だけでなく、ほぼ毎回高松の事務所にも顔を出します。
いつ行っても面白いものがあるので、楽しみなんです。

▲まずはフリルネックU.T.Eの新色。

迷彩色にもバリーションあって、かなり格好良かったですよ。
これに加えてつば無しの新タイプもあるとのことでしたが見つけられず。残念。
（つばなしタイプは、ハリウッド映画に出てくるニンジャっぽくなるかなぁと思っていたのですが）

▲そして、今回一番興奮したのが、こちら。

嫁さんが妊娠中と言うこともありますが、かなり気になるアイテムです！
まだ販売方法等を検討中ってことでしたが、ウチにも一台ほしい、、、
（東京の狭いマンションでは置く場所が確保できそうにないですが）

こんな感じで、普段使っていない頭の部分に刺激をもらいました！
お盆中も働いていた社員さんもいて、うるさいおっさんになっていたかもしれません。
当日、対応してもらったり、声かけてもらったメンバーの皆さんありがとうございました！

ちょっと前に社長が松江に行っていたのですが、お土産をもらいました。

▲Rubyピンバッチ！

松江市さんからの記念品という事だったのですが、Matzのサインが印刷されています。
一企業人でしかないはずですが、今松江市がどれだけRubyに力を入れているかがうかがい知れますね。

那須高原にドライブに行ってきました。

▲せっかくだったのでマツダロードスターをレンタル。

MT車を指定したのですが、ちょっと渋滞に巻き込まれて難渋しました。
都会だとAT車かなぁとの思いが頭をよぎります。
しかし天候は最高の一日。

▲お洒落なカフェで昼食

そして向かった本命は、以前より行ってみたかったアルパカ牧場。

▲めちゃくちゃいます。

ダチョウや馬も少しはいるのですが、基本的はアルパカのみの牧場。
見慣れない動物がたむろしている様子は、なんだか頭の中に違和感が芽生えます。
それも時間と共に慣れてはくるんですが、んー、でもやっぱ違和感が少し。。。

▲単純にかわいいですが。

▲「ミラバケッソー」のCMで有名な「はなこ」もいました。一頭だけモフモフ感が違います。。。

遠くに見える奥羽山系の山々へも足を伸ばし無くなりましたが、それはまた今度の機会にしたいと思います。

あ、書くの忘れていた。

link表示がわかりにくいので、下に破線で効果つけるような編集がしたいなーと思っていました。
自分で調べてみたものの結局わからなかったので、毎度のごとく tshinobu に相談。
年度末の忙しい中だと言うのにサクッと教えてくれました。ありがとうございますー

■style.cssの最後に以下を追加

CSS

.entry a:link,.entry a:visited {
       border-bottom:1px dashed;
}
.entry a:active,.entry a:hover {
       text-decoration: none;
       border-bottom:1px solid;
}

Firebugを使って調べてくれたそうです。うーん、私もWebアプリ屋さんの端くれのつもりなんで、Firebugぐらいはチャッと使えるようになっておかないといかんなぁ。

bashを書いたりとかしていたので、SyntaxHighlighterにsh用のjsファイル読み込み設定を追加した。
で、ついでに他のコード対応用設定も追加。

■修正ファイル

archive.php
index.php
page.php
search.php
single.php

■追加する対応コード

Bash/shell
Diff
Perl
Plain Text
VB Script

■追加コード

HTML

<!-- SyntaxHighlighter Start -->
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shCore.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushRuby.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushCss.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushJScript.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPhp.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushSql.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushXml.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushBash.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushDiff.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPerl.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPlain.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushVB.js"></script>
    <script type="text/javascript">//<![CDATA[
with(SyntaxHighlighter.config.strings){expandSource="+ ソースを表示";viewSource="プレインテキスト";copyToClipboard="クリップボードにコピー";copyToClipboardConfirmation="クリップボードにコピーされました";print="印刷";help="?";noBrush="Can't find brush for: ";brushNotHtmlScript="Brush wasn't made for html-script option: ";}SyntaxHighlighter.clipboardSwf="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/clipboard.swf";
SyntaxHighlighter.all();
//]]></script>
<!-- SyntaxHighlighter End -->

画面表示が重くなるかと思ったけど、体感ではあまり変わらないので、このままの設定でしばらく更新してみようと思う。

preタグ要素の場合、ターミナル画面っぽく表示するように編集。

■編集ファイル

\nautre1\style.css

■編集箇所

CSS

pre{background:#f3f2ed; border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px;}
↓
pre{background:#000; border:solid 2px #547881; color:#fff; margin:10px; padding:10px;}

CSSって、色指定で省略できるんですね。

background:#000000;
↓
background:#000;

なんだか自分で努力しているようなタイトルですが、他力本願モードに入っています。
tshinobuが「２カラム化ぐらいなら容易かと」と言ってくれたので、残りの「Themeのここを編集したいよヨ！」って物をお願いしてみました。
びっくりするぐらい、ササッと作ってくれました！

主に編集してくれたのは以下2点

• 3カラム→2カラム化
• 画像に枠線処理を付与

編集点も細かく教えてくれたので、ちょっと自分でも勉強してみようっと。

thx!,tshinobu.

SyntaxHighlighterが、新Themeでうまく表示されていなかったので、早速ソースをいじくってみることにする。
どうもjsファイルへのリンクタグが設定されていなかったようなので、以下のファイルの</body>タグ前に追加する事にする。
（CSSファイルの修正じゃなくって、HTMLテンプレートの編集で対応でした）

■修正ファイル

archive.php
index.php
page.php
search.php
single.php

■追加コード

HTML

<!-- SyntaxHighlighter Start -->
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shCore.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushRuby.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushCss.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushJScript.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushPhp.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushSql.js"></script>
    <script type="text/javascript" src="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/shBrushXml.js"></script>
    <script type="text/javascript">//<![CDATA[
with(SyntaxHighlighter.config.strings){expandSource="+ ソースを表示";viewSource="プレインテキスト";copyToClipboard="クリップボードにコピー";copyToClipboardConfirmation="クリップボードにコピーされました";print="印刷";help="?";noBrush="Can't find brush for: ";brushNotHtmlScript="Brush wasn't made for html-script option: ";}SyntaxHighlighter.clipboardSwf="<?php echo get_option('home'); ?>/wp-content/plugins/syntax-highlighter/js/clipboard.swf";
SyntaxHighlighter.all();
//]]></script>
<!-- SyntaxHighlighter End -->

■参考ページ

syntaxHighlighter-plusのプラグイン

■その他

js内の日本語が文字化けしていたので、関係ファイルを全てUTF-8Nに変更してアップロードしなおしました。

なんかもっとスマートな方法があるような気もするけど、とりあえず気にしない。

ずっと放置していたThemeの変更を行いました。
変更前に考えていた「こんなThemeが欲しい」リストは以下のような感じ。

1. 白地でブルー基調のシンプルなもの（ヘッダーに画像とかはちょっと。。。）
2. 横は長い方が良い。1000pxでもOK（PGソースとか書いたりするので）
3. 3カラムじゃなくて、2カラム希望（上記と同じ理由から）
4. 画像の枠がついていて欲しい。（画像キャプチャ系の画像が背景に溶け込む時があるから）
5. Syntax Highlighter for WordPress がそのまま使える方が良い。（せっかくのPGソース表示が利かないThemeが結構あるため）

４と５は、自分でCSSファイルをカスタマイズすればいいかなと思いましたので、主に１～３の希望を叶えてくれるThemeを探しました。

▲いろいろ見た結果、Ashish sharmaさん作のNautre1を利用させてもらうことに。

おもいっきり「3カラム」＆「ヘッダーに画像利用」ｗ
色もブルー系じゃないし、画像の枠もないし、Syntax Highlighterも利いていません。。。

でも、探していて思ったんですがグリーン系のThemeって少なかったんですよね。
そこでゴーフィールドグリーンっぽいこの色良いなぁと感じたのと、ヘッダー画像も車好きなので格好いいと思ってこのThemeにしました。

さて、これから画像の枠と、Syntax Highlighterのために、CSSの編集箇所を調べないと。
3カラムに関しても、なんとかしたいと思ってますが、ちょっと難しいかな。。。

WordPressは活発な開発が継続されており、新機能や使いやすさが日々向上しているため、開発者の皆さんには非常に感謝しております。
ただ、更新頻度が高く、あまりにバージョンアップのリリースが多いのが少しだけ不満でした。
機会を見つけてバージョンアップを行えば良いのですが、管理画面上に「新たなバージョンがリリースされています！」と表示されるのが、若干のストレスになっていました。
（管理画面見るたびにやり残したタスクの一つを見せつけられるようで。。。ｗ）

ところがVer2.7から自動バージョンアップ機能が実装されているようです。

▲お、簡単にアップデートできそうな感じ。

▲簡単にできた！

便利になりましたねー。
なおPHPがセーフモードで動いているサーバの場合は、以下の内容を追加した.htaccessを/wp-adminフォルダ以下に準備する必要があるようです。

<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

↓参考URL
セーフモードによる制限と対処方法 – WordPress Codex 日本語版