WordPress

　パンログをささやかに改造した。今回の改造も前回のコラボレーションと同様、UG氏とSkypeで雑談しながら進めた。改造中は無言だけどｗ
　今回行ったWordPressの改造・変更ポイントは、以下の通りである。

① ファビコンの表示
② ページの表示（タイトルの下のHome等の追加）
③ カレンダーの曜日部分を3文字表示（これまでは1文字表示でSやTが2つあった）
④ Tag CloudのCSSの変更（色でエントリ数の大小が直感的に分かるように変更）

4つある。下記に作業メモを残しておく。

① ファビコンの表示

１．ファビコンの自動生成ツールでファビコンを作成。
http://www.favicon.jp/favicon_auto_create/


２．ファビコンをサーバにアップする。
http://konpan.com/image/favicon.ico

３．Favicon Manager WordPress Pluginを入れる。
http://www.digitalramble.com/favicon-manager-wordpress-plugin/

ダウンロードして解凍したphpを
/panlog/wp-content/plugins 配下に展開。
[WordPressの管理画面]→[プラグインの管理画面]→[Favicon Managerを有効]

４．ファビコンの設定・反映を実施する。
[WordPressの管理画面]→[設定]→[Favicon]→[Location:]に、２．でアップしたファビコンのURLを
貼り付け！完成！

　Twitterで使用しているアイコンをそのままファビコンにしちゃった。このアイコンは、研究室時代にUG氏が作ってくれたものである。いまだに使ってるよｗ 感謝感謝ですな。

② ページの表示（タイトルの下のHome等の追加）

[WordPressの管理画面]→[外観]→[Vicuna Config]のNavigationをぐりぐりいじる。
完成！

　→ なんで今まで気づかなかったのだ。よく見らないかん。

③ カレンダーの曜日部分を3文字表示（これまでは1文字表示でSやTが2つあった）

１．[WordPressの管理画面]→[外観]→[編集]
　　→編集するテーマを選択：[wp.Vicuna Ext.]→テーマのための関数(functions.php)の中身をいじる。下記は一部抜粋してきたものだが、下記の4行目を参照。
　　→$day_name = mb_substr( $wd, 0, 1 ); となっていることから、先頭文字だけが表示されることになっている。$day_name = mb_substr( $wd, 0, 3 ); と変更することで、先頭から3文字を表示させることができる。

<?php
        foreach ( $myweek as $wd ) {
                // $day_name = (true == $initial) ? $wp_locale->get_weekday_initial($wd) : $wp_locale->get_weekday_abbrev($wd);
                $day_name = mb_substr( $wd, 0, 3 ); //100221_曜日の先頭3文字を取得。
                if ($day_name == "S") {
                        echo "\t\t\t\t\t<th class=\"". strtolower(substr( $wd, 0, 3)) ."\" title=\"".__($wd, 'vicuna')."\">$day_name</th>\n";
                } else {
                        echo "\t\t\t\t\t<th title=\"".__($wd, 'vicuna')."\">$day_name</th>\n";
                }
        }
?>

④ Tag CloudのCSSの変更

１．Tag Cloudの色を変更して、色でエントリ数の大小を判断できるようにした。

以下のサイトを参考にした。
http://3ping.org/2007/10/20/1428

最後に

　こんな感じになりました。100221現在のパンログの様子。


　今回もまぁ楽しかった。まだまだ直したいところがある。今後やりたいな、と思っていることは、

① タグクラウドの数を減らす。今全部のタグが表示されているので。
② Amazon本の紹介コーナーで10冊ぐらいからランダムで2冊を出せるようにする。
③ 100ブログ作っちゃおう大作戦に向けて、すぐに作れるように、ブログ全体のテンプレ化をはかる。
④ cssが簡単にいじれるように、キャプチャした画像とcssのソースを紐付け、どこをいじればどこが修正されるかまとめたドキュメントを作る。
⑤ SyntaxHighlighterのphpの表示を直す。上記のphp表示を綺麗に見れるように。

　あとは、もっと記事を書け、コンテンツを増やせ、ってとこだなｗ

　頭の中にはたくさん眠っているが、まだ体現できていないので、少しずつ出せるようにしていこう。またコラボしましょう、UGさん！

　パンログを大改造した。具体的には、外観のテーマを「wp.Vicuna Ext. 1.58」に変更し、広告を入れたり、はてぶ・はてなスターを入れたり、Twitterでつぶやく、なんかを追加した。改造に当たっては、一人では埒があかないと感じたので（CSSでとある文字を白にするのに、30分も悩んだし。。）、頼れる研究室時代の先輩でうぐろぐ管理人のUG氏と共にやることにした。Skypeやりましょう、と言ったら夜4時間半、朝1時間ほど付き合ってくれた。感謝！（26日にも3時間ぐらいしゃべってたみたいだｗ）

　UG氏と一緒にやったおかげで、作業がかなりはかどった。また、UG氏からの紹介で、「SyntaxHighlighter」を入れた。これを入れることで、記事上のソースコードがおしゃれに、かつ、見やすく表示されるようになった。パンログのタイトル部分の画像も、UG氏のアドバイスをもとに変更。この部分は不定期だが、たまに変えていって、過去画像保存場所を作りたい。Maniackers Designを見てて、高校時代から憧れてたもの。
　CSSの解析はUG氏と一緒にやってほんとに良かった。一人でいじってる時に思い描いてた通りになった。感謝！


　相談する人がうまく生きれるんだよ – パンログ（081201）でも書いた気づきがある。それは、困ったら人に頼る、ということ。このいかにもシンプルなことが、人生をうまく生きるコツなのだと改めて感じた。

　ブログをいじるだけで、人としゃべるだけで、湧き出るアイディア。人を巻き込む、頼る、ということは忘れないようにしよう。効果絶大。
　

　

　FC2ブログを使用していたときは、記事投稿画面にてEnterキー、あるいは、</br>タグを使用することで、複数行の改行が容易にできていた。

　しかし、WordPressの初期仕様では、複数行の改行ができない。例えば、3回Enterキーで改行しても、10回</br>タグを入れても、一行しか改行されない。「うおー！なんだこの野郎！」と思って、いくらEnterキーを押しても一行分しか改行できない。新規投稿画面だけは無駄に改行し、泣く泣くBackSpaceを押す羽目になるだけだ。

　そんなときはGoogle様に聞くべしってことで、検索をかけたら見つかった。複数行の改行を有効にするWordPressプラグイン。

WordPress改行プラグイン brBrbr
http://camcam.info/wordpress/101


　今回、実際に行った作業手順を下部に記す。

１、DLして、解凍する。（WordPressのVerに注意！）
２、解凍してできたbrBrbr.phpを見つけ、テキストエディタで開く。２７行目のpをdivに書き換える。（$brbr=”<div>\n”.$brbr.”</div>\n”;）
　　　→ このようにすることで、文章内でも<div>タグが使えるようにする。
３、FFFTPを使い、WordPressのプラグインフォルダ（/wp-content/plugins/）にアップロードする。
４、WordPressのダッシュボードで[プラグインの管理]-[プラグイン]-[brBrbr]-[使用する]をクリックする。

　これで、Enterキーでも</br>でも複数行の改行ができるようになる。「うおー！なんだこの野郎！」と思って、Enterキーを押しまくったまんまの人は、改行されまくっているので注意してほしい。

　作者の方、便利なプラグインをありがとうございます。

　FC2から、WordPressに移行しようと思っている。現在、ドメインの取得、サーバ確保、日記・コメントの移転まで完了。あとは、デザインやプラグインやらの設定と、日記にタグを入れたり、カテゴリの再割り当てなどの作業が残っている。あーあと、過去日記の改行が消えてしまったりしているから、一つ一つ日記を見ていって、適宜修正を入れる必要がある。6月中に移転できたら良いなと思っている。7月1日公開予定。

※移転までの流れを追記。（090922現在）

• 090613（土）
  夜：当時付き合っていた彼女と電話しているときに、ドメイン取得、サーバ移転を決意。

• 090614（日）
  未明：ドメイン取得、ロリポップサーバ領域確保。
  夕方～夜：fc2ブログから、過去日記169件、画像154コを移転。（テキストファイル化して、カテゴリを全部未分類にして、画像を全部ローカルに落として…など地道な作業にずいぶんとイライラしてしまったｗ）

• 090620（土）
  未明：UGさんとスカイプしながら、テンプレートの導入・CSSと格闘し、自分好みに修正。
  昼~夕方：過去日記のURL・本文改行、カテゴリ修正、タグ付け（2008年11月分）

• 090621（日）
  夜：CSS弄り。過去日記のURL・本文改行、カテゴリ修正、タグ付け（2008年11月分完了）

• 090622（月）
  夜：過去日記のURL・本文改行、カテゴリ修正、タグ付け（2009年6月分完了）

• 090627（土）
  夜：過去日記のURL・本文改行、カテゴリ修正、タグ付け（2009年5月分完了）

• 090628（日）
  夕方：CSS弄り。コメントアウトしたよ。ちゃんとタグ名とclass名を確認してからやったらうまくいった。最初は、適当にいじって変わるかなーとかやってたんだけど。
  過去日記のURL・本文改行、カテゴリ修正、タグ付け（2009年4月分完了）

• 090803（月）
  夜：ブログのテンプレを変更。過去日記のURL・本文改行、カテゴリ修正、タグ付け（2008年12月分完了）。

• 090922（火）
  朝：過去日記のURL・本文改行、カテゴリ修正、タグ付け（2009年1月分完了）

• 090925（金）
  夜：過去日記のURL・本文改行、カテゴリ修正、タグ付け（2009年2月分完了）。あとは、2009年3月分を残すのみ！