Home > WordPerss

WordPerss Archive

もさもさくん

技術系のメモに使用していたBloggerのブログをやめて、nubobo.netで動かす事にしました。

もさもさくん
http://mosa.nubobo.net/

ブログのデザインを変更

写真の表示サイズが長辺480pxと小さかったのでもう少し大きくしようと思い、とりえあず3ペインから2ペインなデザインにしようと思いましたが、テンプレートいじくるのが面倒なのでせっかくなのでテーマごと変更しようと考えました。

今まではWordPress MEに付属していたEasyAllというテーマをカスタマイズして長期間使用していましたが、さすがに飽きてきたところなので丁度良かったです。

今回はwp.Vicunaというテーマのninjaスキンに変更してみました。ほとんどいじっていませんが、なかなかよさげな感じです。
但し、かみさんから英語表記な部分(Continue reading等)が不評だったので、そのうちgettextのファイルいじって日本語にするかも。

それより大変だったのが写真のサイズ拡大化でした。
まず現在の長辺480pxを600pxにしようと考えて、行った作業は下記の通り。
◆wp_postmetaテーブルから変換対象の画像ファイル名の一覧を抽出
select * from wp_postmeta where meta_key = '_wp_attached_file';
◆wp-includes/media.phpのimage_resize()を用いて長辺600pxに変換するphpを書いて実行。
 ※なおmedia.phpのimage_resize()はImageMagickを使うパッチ当てています。
  参考:もさもさくん: WordPressの画像縮小にImageMagickを使う方法
◆wp_postmetaテーブルのメタデータを書きかえ。手で書き変えました。。(大変だった)
select * from wp_postmeta where meta_key = '_wp_attachment_metadata';
◆WordPressの管理画面より再度貼り付け。(これも面倒)

wp_postmetaのメタデータが怪しい構造だったのでwp_postmetaの書き換えを手でやりましたが、自動化すれば良かったと後悔。とりあえずK20D購入後の写真は全て拡大化しました。
しかしサイズが大きくなると見栄えも変わりますねえ。

2008/04/05 新宿御苑で花見2

前回の続きです。似たような写真が続きます。。

PENTAX DA 18-55mm F3.5-5.6 AL II

PENTAX DA 18-55mm F3.5-5.6 AL II

続きを読む

Highslide JS導入

http://vikjavev.no/highslide/

画像をクリックすると拡大してくれるAjaxライブラリです。

似たようなものにLightboxというものがありますが、試用したところIE7だけ背景が透けずに真っ黒になってしまったりしてしまった為やめました。

その後色々調べているうちにHighslide JSを発見。こちらの方が気に入ったので導入してみました。

下の画像をクリックしみると動作がわかります。2007年12月の高幡不動の紅葉です。

2007/12/02 高幡不動の紅葉 (1) 2007/12/02 高幡不動の紅葉 (2) 2007/12/02 高幡不動の紅葉 (3)

開いたウィンドウはドラッグして移動できます。右上のコントロールボックス内の矢印で次の画像や前の画像へ移動したりできます(キーボードのカーソルキーも使えるっぽい)。×か画像をクリックすると元の大きさに戻ります。

面白いので全部の画像に適用しました。難点はタグの要素を追加しないといけないこと。これが結構面倒です。気が向いたら自動で設定されるようにしたいですなぁ。

WebクリエイティブのためのCMSテンプレートデザイン (Web Designing BOOKS) 次世代ブログ WordPressで一歩先をいく 実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips

外観を少し変更

なんとなく変えてみた。WordPressMEのテーマ「EasyAll」をベースにいじくっています。
主な変更は下記の通り。
 ・横幅を950pxへ広げた
 ・2カラムから3カラムへ
 ・最近のコメントを表示するようにした。
その他細かいところを修正・変更。

幅950pxというのはYahoo!JAPANがそれくらいらしい。解像度XGAなユーザは横にお気に入りとか表示させていたら横スクロールバーが出るやもしれんなぁ。。

これだけの変更でも随分時間がかかっちまったわい。もっと変えたいような気もするけどモチベーションが低下してきたのでここまでとしよう。

最近仕事でWeb系の開発をしたのでスタイルシートを忘れていないということと、結構前にphpを覚えたのが役に立ったかもしれない。

Windowsだけだけども下記ブラウザでも変にならないことをチェックした。IE6だけXPで他はVista。
 ・IE7
 ・IE6
 ・FireFox 2.0.0.12
 ・Opera 9.25
 ・Safari 3.0.4β

WordPress標準ガイドブック―導入&基本操作からフルチューンまで WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック WordPress 2.2でつくる!最強のブログサイト―2.1/2.2対応

Akismetでスパム対策

wordpressにはAkismetというスパム対策プラグインが標準搭載されているのだけど、最近スパムの処理が面倒になってきたので最近使い始めてみた。
(自分はてっきりデフォルトで有効化されているものだと思っていましたw)

効果のほどは絶大で、今のところ全てのスパムが引っかかってくれてます。
ただトラフィックに影響するとのことなので自宅で運用する際には少し気になるところですなぁ。

ドメイン取得

VALUE DOMAINで「nubobo.net」というドメインを取得。1年990円だし安いものです。
古いvaioをサーバーにしようと思うけど、ひとまずはXreaのサーバーで運用しようかと。
おかげでWordPressのデータ移行を何回もやったので慣れてしまったよ。

アップロードした画像データがinline-uploading.phpで表示されなくて悩み、ソース追いつつデバッグまでしたのだけど、postmetaテーブルの配列と思われる記述の中にある数字が文字列の数という事にやっと気づき解決しました。
少しはPHP覚えた方が良いなぁ・・。

広告位置変更

自動挿入広告をやめ、場所を変更。
広告の内容がイヤンな感じだけど、しょうがない。。

WordPressにしました

geeklogはCMSとしては使いやすそうなのだけど、ブログとしては微妙かなぁ。。
1ヶ月ちょいの命でした・・w
WordPressは今までインストールはしたことあったけど、実運用したことがなかったのでちょっと使ってみようかなと。
とりえあえずgeeklogの記事は全て移行。あとはちょこちょこカスタマイズしないとですな。
まぁのんびりやっていくことにします。

ホーム > WordPerss

Bookmarks
Flickr
www.flickr.com
Twitter
Blog Parts
あわせて読みたいブログパーツ
Search
Feeds
Meta

Return to page top