【WordPress】Ktai Styleで画像が表示されない時

Google Analyticsが携帯サイトにも対応し始めたので、携帯のアクセス解析もじっくりとGAで観察出来るようになった。
WordPressの携帯用変換プラグインKtaiSyleへのトラッキングコード導入方法は、前回の記事「
【WordPress】Ktai styleにGoogle Analyticsのトラッキングコードを埋め込む方法」を参照。

アクセス解析を真剣に始めて、いろいろと分かったことがあるが、携帯サイトも真剣に作らんといかんなぁと思い、今回ちょっとしたリニューアルを行った。

色々とKtaiStyleのテーマを再構築していて気づいたけど。。。
KtaiStyleって記事中の画像をサムネイル化してちゃんと携帯でも表示してくれるのね。。。
知らなかった。。。僕の今までの環境だったら、画像へのテキストリンクしかなかった。。。
ほったらかしって良くないですね。。。
ちゃんと最初でしっかりと構築すべきだった。
でも、なんでサムネイル画像が表示されないんだろう??と色々調べ、知人にもヘルプを頂いたので、備忘録としてメモ。

躓いた時はやはり原点に立ち返るのが一番早い。
Ktai Styleのサイトの「よくある質問と答え」にまさに答えがあった。

3G 端末で見ても画像がインライン表示されない
3G 端末, ウィルコム, スマートフォン等で見たとき画像がインライン表示されない場合は以下の点を確認してください。

* ウェブログ配下の画像であるか (外部サイトの画像は従来通りリンクへの変換です)。
* 当該画像が入っているディレクトリーに、WordPress (ウェブサーバー) からの書き込み権限があるか。wp-content/uploads 配下のディレクトリーのパーミッションが 757 になっていないと縮小画像が作成できず、インライン表示もされません。
* 当該画像の img 要素で alt 属性が空になっていたり、width, height 属性の値が 1 になっていないか。この場合、適切な alt 文字列を補完してやったり、適切な width, height 値を与えてやれば画像が出ます。WordPress 2.5 のメディアアップロードは、デフォルトでは「キャプション」(== alt 属性用の文字列) が空白ですので、何も指定しない場合、alt=”” という img 要素を作ってしまいます。
* PHP に GD が組み込まれているか確認してください。GD がない場合は画像の縮小処理ができないため、すべてリンクになります。GD がないと、WordPress の利用自体が不便になるため、サーバー管理者に PHP の再インストールを要求してみてください。

どうしても原因不明の場合、shrinkage.php の21行目にあるコメント (KS_SHRINKAGE_DEBUG) を外してデバッグモードにしてください。この場合、サムネール作成時のエラーがブラウザーに表示されますので、その内容と shrinkage.php のソースコードを突き合わせて原因を調べてみてください。

僕の環境ではphpのGDライブラリがおかしかったみたい。
phpの再構築をしなおして、再トライしたら、画像表示された。

携帯サイトの構築も真剣にやらんとなぁ。

携帯サイト コーディング&デザイン

著者/訳者:高木 悠介

出版社:ソフトバンククリエイティブ( 2008-12-26 )

定価:¥ 2,709

Amazon価格:¥ 2,709

大型本 ( 260 ページ )

ISBN-10 : 4797348488

ISBN-13 : 9784797348484


コメントを残す

メールアドレスが公開されることはありません。

two × 4 =