LOVING CAT

結構何処にでも使われているのでLightboxの存在は知っていましたが、やっぱり便利なので私も導入することにしました。
有名ですが、こういうやつです。

1. Lightbox 2 Wordpress PluginからプラグインファイルをDL。ダウンロード先が結構見つけづらいので、「download」でブラウザ検索するといいかも。
2. ファイルを解凍した後、プラグインフォルダへアップロード。注意したいのはこのとき、「lightbox-2-wordpress-plugin」フォルダの中身をプラグインフォルダ直下に置くこと。
3. あとは挿入した画像のアンカータグに rel="lightbox" と記述するとできあがり。画像が複数あり、スライドショーみたいにNEXTをつけたかったりするのなら rel="lightbox[roadtrip]" と記述する。この属性のついたページ内のすべての画像が行き来できるようになる。ただしアーカイブページだったりすると記事ごとに動作をわけたりはできない。

rel="lightbox[roadtrip]" はXHTML1.1ではvalidになりません（rel要素に「[]」を記述することが許されていない）ので、残念ながら使わないことにしました…。

私の環境で発生したトラブルの回避法。

Closeが押せない（閉じるリンクがCloseの文字画像より下に発生）

div と p に設定した line-height が原因。とりあえず、 line-height は p にだけ設定し、 div には設定しない

Closeを押すとその横にスクロールバーが発生

原因はよく分からない。文字コードの問題かも？CSSに以下のような変更を加えると解決しました。（ググって見つけたはずのソース元が見つからない…）でも overflow:auto; を解除しちゃったら、巨大な画像を処理する際に不具合が出そうだなあ。うーんまあいいか。

font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
/* 元の設定
overflow: auto;*/
overflow: hidden;
width: 100%;
}

私はYapbを使っているので、サムネイル表示になるページ、トップとブログページに適用させています。これだといちいち属性を書き加えなくて良いから楽ですが、アップロード機能から使いたい場合はちょっと一手間かかりますね。クイックタグに追加しておくといいかも。

(まだ評価されていません)

 読み込み中 ...

いろいろやってみた後でなんなんですが、原因は導入しようと考えていた画像承認プラグインでした。日本語に対応してなかったんですねー多分。スパム対策は今、WPに最初から入っていたAkimetでほぼ駆逐できています。でもものすごい量で毎日驚いています…；
この不具合は一度すべてのプラグインを無効化してみるといいかもしれませんね。プラグイン同士の干渉であったり、そのWPバージョンに対応していなかったりといったことが原因のような気がします。

　やっと直りましたー。ああ疲れたー。
　ページは見えるんですが、ログインできなかったんです。管理者なのに私。DBのデータ見られるのに。どんだけぇ～ですよ、もう！
　エラー内容はこちらのページと同じでした。

Warning: Cannot modify header information - headers already sent by (output started at /サーバー名/wp-config.php:1) in /サーバー名/wp-login.php on line 12
Warning: Cannot modify header information - headers already sent by (output strted at/サーバー名/wp-config.php:1) in /サーバー名/wp-includes/pluggable.php on line 317
Warning: Cannot modify header information - headers already sent by (output started at　/サーバー名/wp-config.php:1) in /サーバー名/wp-includes/pluggable.php on line 318
Warning: Cannot modify header information - headers already sent by (output started at /サーバー名/wp-config.php:1) in /サーバー名/wp-includes/pluggable.php on line 279
　またwp-adminに直接アクセスすると、
Warning: Cannot modify header information - headers already sent by (output started at /サーバー名/wp-config.php:1) in /サーバー名/wp-includes/pluggable.php on line 279

cite : WordPress Japan :: トピックを表示 - 管理画面に入ろうとするとワーニングが表示される

　同ページ内にあるこの対処方法で解決！ …ってわけじゃなかったんですよね、コレが；

http://wordpress.org/support/topic/104244?replies=7
http://codex.wordpress.org/FAQ_Troubleshooting
該当ファイルの『< ?php』タグの前や『?>』タグの後ろのスペース、改行等のゴミを削除したら直ったとのことです。

cite : WordPress Japan :: トピックを表示 - 管理画面に入ろうとするとワーニングが表示される

　開始タグの前・終了タグ後ろには空行も空白も変な文字もなくて、ファイルの文字コードをUTF-8にしても同じでした。
　苦し紛れに『?>』の上の空行を消してS-JISでアップしてやると直りました。…なんでだ？(笑)

　たぶん、不具合が出始めた時期からして、間違って一部違うバージョンのファイルを上げてしまったため…と思うんですが、何度もファイルを上げ直し、アップデートし直し、データベースを入れ替えたり、データ内の文字コードを正したりといろいろやったのでなんかもうよくわかりませんです。

　でももう一つのWPでは空行を消したりしなくても動くから不思議なんですよねー。

　てかコメントスパムひどいから画像承認つけようかな。やっと不具合直ったところだから何もさわりたくない気もしますが(笑)ユーザー登録制にしてログインしないとコメントできないようにしてみようかなー。

(まだ評価されていません)

 読み込み中 ...

※わかりにくそうだったので改訂しました。

　Yapbを導入していると、普通のテーマのままでも特に何もしなくてもちゃんと投稿した画像は表示されます。設定画面でカスタマイズすることもできます。

　ここで何を語るかというと、うちのサイトのイラストページをどうやってるかということですね。
　ざっと流れを書いてみます。

1. 「イラスト」カテゴリを作成
2. 「イラスト」の子カテゴリを作成（「オリジナル」とか「版権」とかそういうのです）
3. 「イラスト」カテゴリのテーマファイルを作成（詳細は下記）

続きを読む

(まだ評価されていません)

 読み込み中 ...

　クイックタグのカスタマイズです。参考になるかどうかわかりませんが、カスタマイズは自己責任でどうぞー。

　nDiaryのsecretフィルタのような、ネタバレ領域を消したり出したりしたい！というわけで、なんとかWordPressに移行する方法をメモしておきます。下のものがサンプルです。

見る／隠す

　こんなソースです。

<p class="secret_warning">
<a href="javascript:reverse('secret20070714T000000');" title="見る／隠す"><span class="guide">見る／隠す</span></a>
</p>
<div class="secret_section" id="secret20070714T000000">ネタバレ領域。</div>

　これには各ネタバレ領域にIDを振る必要があります。
　日付時刻をIDにして毎回自分でやればいいんですが、面倒なので今の時刻をクイックタグで取ってきてもらおう、というわけです。
　WP-AddQuicktagは単純にタグを挿入するだけのものなので時刻を取ってくることはできないようです。なので、直接WordPressのファイルをいじることにしました。短絡的ですゴメンナサイ。
　流れは下記の通り。詳しい解説はさらにその下にあります。

1. wp-includes/js 下にある quicktags.js をいじる
2. secret.js を作る
3. header.php に secret.js へのパスを書いておく
4. css の設定をする

続きを読む

(まだ評価されていません)

 読み込み中 ...

1. 『Yet another photoblog « johannes.jarolim.com』からダウンロード。
2. プラグインフォルダにアップロード、有効化。
3. yapbフォルダ下に cache フォルダを作成、パーミッションは 777 に。
4. WordPressのupload用のフォルダ（その他の設定 » ファイルアップロードに関する設定 » アップロードディレクトリの指定 のところのフォルダ）を用意していない場合は作成する。これが用意されていないと動きません。

　こんな感じです。特に4番目のが分からなくて大変でした。

　なお、公式ページの『Adapting Templates « johannes.jarolim.com』のサンプルソースに誤りがあります。「img」 → 「image」 に直す必要があります。
（コメント欄で言及されていますが、本文は修正されていないので注意）

<!– now the full featured image tag –> <img src="<?php echo $post->image->getThumbnailHref($thumbnailConfig) ?>" alt="<?php the_title() ?>" title="<?php the_title() ?>" width="<?php echo $post->img->getThumbnailWidth($thumbnailConfig) ?>" height="<?php echo $post->img->getThumbnailHeight($thumbnailConfig) ?>" />

cite : Adapting Templates « johannes.jarolim.com

　それからパラメータですが、これは phpthumb というライブラリを使っているので、プロジェクトページの『phpThumb』を参照するといいと思います。
「Demo」をクリックした先、『Demo of phpThumb()』を見ると何が出来るか大体わかるかと思いますが、簡単にメモしておきます。

w

横幅

w=50 とすると横幅50pxに縦横比固定で縮小される。

h

高さ

h=50 とすると高さ50pxに縮小される。 w=50&h=50 などとすると長い辺が50pxになって縦横比固定で縮小される。

zc

トリミング

Zoom-Crop。ズームして切り取る、つまりトリミングするかどうか。する場合は「zc=1」というように指定。真ん中が切り取られます。

far

足りない分を補完、のばす

「w=50&h=50&far=1&bg=cccccc」とすると50×50pxに縦横比固定で縮小、足りない部分を#ccccccの色で補完して指定の縦横サイズを保つ。bgを指定しない場合はひきのばして縦横サイズを保つ。

　ほかにもいろいろあります。

(1 票, 平均: 5 点 / 最高点 5)

 読み込み中 ...

　予告していたWordPress導入メモを。
　このサーバーはロリポップ！なのですが、SQLサーバーの評判があまりよろしくなく、時間によって処理が重いのが難点です。でもま、次回契約までとりあえずこのまま様子見。

　ロリポップでのインストール手順は『Knowledge of WP « ロリポップでWordPress (for WP ME1.5.1.3)』を参考にさせていただきました。
　文字コードはUTF-8を選択。EUC-JPだと日本語に対応していないプラグインを入れた際に不具合が出たのでやめました。
.htaccessをすでに作成している場合は、消しておいた方がいいと思います、インストールがうまくいきませんでした。

　以下、使っているプラグインを紹介します。

Yet another photoblog

WordPressをフォトブログとして使用するためのプラグイン。1投稿に1画像をセットできます。※これについての注意点などは「Yet another photoblog 導入メモ」にあります。

Pagebar

ページバーというよりはページナビゲーションと言った方がいいのでしょうか。1ページ先にしか飛べないのは面倒？ということで、入れてみました。でもまだ数が少ないから使ってません(笑)近々使うことになると思います。

Commented entry list

最近のコメントを表示するプラグイン。

Wordpress Dashboard Editor

ダッシュボードをカスタマイズするプラグイン。デフォルトではいろいろなRSSを読み込んで表示するので遅い。読まない記事が多いという人は待ち時間の節約になりますね。

　ほとんど日本語化されていないプラグインですが、まあカンでなんとかなるなる！

　WP-Amazonも入れてあるんですがいまいち使いづらいので結局nDiaryのamazon-shopフィルタで生成したソースを貼り付けるという始末(笑)
　WP-AddQuicktagも入ってますがなぜか編集　画面では問題ないのですが新規投稿では作ったクイックタグが出てこず、結局使えません。
　な、なぜなんだー。しょうがないので wp-includes/js にある quicktags.js に書き加えて使っています。
「WordPress Plugins/JSeries » WP-AddQuicktag (ja)」の方を使うとうまくいきました。文字コードの問題かな？

　ネタバレエリアをnDiaryで使っていたsecretフィルタみたいにしたかったのですが、IDを日付時刻にして自動挿入するにはこのプラグインでは力不足のようで、どのみちこれをいじるしかなかったようです。
※詳しくは「quicktags.js カスタマイズ ネタバレ領域作成」に書いてあります。

(まだ評価されていません)

 読み込み中 ...