仕事にヒント

Googleの検索エンジン最適化（SEO）に関するヘルプに、「Google の検索エンジン最適化スターター ガイド（英語）をぜひご覧ください。」と書いてありました。
英文だけどなんとか読めるだろうと、Search Engine Optimization Starter Guide (英語) をダウンロードしたっきりでした。

まずはプリントアウトしようかと思っていたところに、日本語版 Google 検索エンジン最適化スターター ガイド が登場！
早速ダウンロードしました。

WordPress 対応テーマwp.Vicunaを使って構築したサイトのサイドバーに、ウィジェットを追加しました。
サイトの所有者から、「サイドバーにお知らせを載せ、更新したい」というリクエストをもらったのがきっかけです。
このサイト所有者は、HTML・CSSの知識は余りありません。

今まで、wp.Vicunaの構造・デザインは気に入っているけれど、ウィジェット対応にするのは面倒なのかなぁと思っていました。
自分では、直接テーマファイルを変更すればいいし…と。

「WordPressのテーマ、wp.Vicunaをウィジェット (widget)追加に対応させた」を参考にさせてもらい、トライ。
やってみたら案外簡単なのでした。

今回は、wp.Vicunaのソースを残しつつ、ウィジェットで追加する「お知らせ」用にソースを追加しました。
他の項目と異なるスタイルを指定できるので、より「お知らせ」っぽくていいかなぁと。

今まで、ウィジェット対応にしたら、サイドバーは全てウィジェットで管理しなければならないと思い込んでいました。
併用すればいいだけの話だったんですね。
文章の読解力が無いのを痛感しました。
トライ＆エラーで覚えるしかありません。

日経ビジネスオンライン「宋文洲の傍目八目」を読んで以来、宋文洲さんのメールマガジンを購読しています。
自分なりに理解できているかというと甚だ心もとない状態ですが、宋さんのコラムは読んでいてハッとすることが多いです。

今日配信されたメルマガ「人は比較に頼る」もそうでした。
特に、子供たちに向けて書いた宗さんの詞が、心に残りました。
下記にメールマガジンに書かれていた、日本語訳部分を転記します。

恥ずかしいと感じた時、それは運命があなたを磨いている時。
寂しいと感じた時、それは運命があなたに期待している時。
貧しいと感じた時、それは運命があなたを豊かにしている時。
進歩を感じた時、それは運命があなたを奨励している時。
小さな友よ、信じよう、誰かがあなたとずっと一緒にいることを。

次のようなシンプルなCSS、なぜかIE6だけボーダーが表示されませんでした。

div#aaa div.class {
  background-color: #fff;
  border: 1px solid #d5d5d5;
}

背景画像のある見出しを含んでいるからか？floatのある要素を含んでいるからか？
と色々試しましたが、コンテンツが無くてもボーダーは表示しませんでした。
かつ、インラインでスタイルを指定すると表示されます。

結果、IE6用に更にボーダーのスタイルを追加することで、表示されました。

div#aaa div.class {
  background-color: #fff;
  border: 1px solid #d5d5d5;
}
* html div#aaa div.class {
  border: 1px solid #d5d5d5;
}

WordPress 2.7から、管理画面からWordPress本体のアップグレードもプラグインのアップグレードも出来るようになりました。
初めて、自動アップグレードで2.7.1へアップグレードしてみました。

バックアップもとらず、ドキドキしながら、ボタンをクリック。
うまく行ったようです。
このブログは、ロリポップ！で動いています。

で、気を良くして、もう一つのWordPressで動いているブログも自動アップグレードしてみました。
バリュードメイン＋XREAです。

過去にプラグインの自動アップグレードも「プラグインディレクトリが見つかりません」エラーが表示されたりして失敗していました。
今日は、WordPress：XREAでのWP本体の自動アップデートという記事を参考に、.htaccess を変更。
上手く行きました。
以前にも、.htaccess を変更したのですが、書き方が間違っていたのか…。

カチラボというサイト構築の手伝いをしています。

WordPressを使い、テーマはwp.Vicunaをカスタマイズ。
レンタルサーバは、チカッパ！。

IE8でのレイアウト崩れの原因追求の参考になれば、と「開発者ツール」を触ってみました。
結構使いやすそうです。
Web制作者＆開発者のためのIE8概説を参考にしながら、困った時には世話になると思います。

作業中のサイトをIE8で閲覧すると、幅を指定したブロックの中に画像だけがあるとスクロールが表示されてしまいました。
その検証用の記事です。

ソース：
<div style=”width:300px;margin:1em;overflow:auto;”>
<img src=”xxx.gif” width=”300″ height=”150″ />
</div>

原因は、画像を囲むブロックに指定した overflow:auto; でした。
overflow:auto; を外すと。

続きを読む

無理矢理レイアウト作業したサイトをIE8で見ると、悲しい結果に。
IE7では崩れないので、IE7 互換性モードを指定することに。

メタタグを、ヘッダの一番上に追加するという…。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

参考にさせてもらったのは、次の記事。

• IE8の新機能とか互換モードとかCSSハックとか（HiGash.Net）
• [IE] Internet Explorer 8 ドキュメント互換性モードの指定について（WebTecNote）
• Web制作者＆開発者のためのIE8概説

既に更新を終了しているWord Press MEで構築したブログが、500 Internal Serer Error になっていました。
つい数日前まで、正常だったはずなのに、いつの間に…。
サーバは、さくらのレンタルサーバ スタンダード。

何で？何で？と検索したら、パーミッション設定が原因のようでした。
WordPressのサーバ移転メモという記事に、さくらのレンタルサーバでは「フォルダ705、スクリプト705/755のパーミッションで動作確認すること」とありました。
パーミッションを変更して、無事に回復。