WordPressを使っているとどうしても気になるのがサイトの表示速度。
サイトを見る人のストレスもそうですが、Googleの検索順位に表示速度も影響があるとされています。
まずなんといっても表示スピードの測定ですが、これはGoogleのウェブマスターツールや、
そのほかにも表示速度測定ができるサイトがいくつかあります。
続きを読む »
検索結果
2012-05-06
2012-04-17
先の記事「カスタム投稿タイプでの投稿をRSSに反映」のやり方で、カスタム投稿タイプの記事をRSSに反映させると、
カスタムフィールドを使用していたため、タイトルしかうまく表示されていませんでした。
その中でカスタムフィールドの値を表示させるにはfunction.phpに下記のコードを書きます。
ついでに画像も表示させています。
続きを読む »
2012-04-02
あるサイトでWordPressで投稿した記事の濁点部分がおかしくなっているので
調べてほしいという連絡がありました。
私の使用している環境（Mac OSX、Windows7 いずれもChrome）では問題なく、
クライアントのWindowsのIE8で現象が出ているとのこと。
続きを読む »
2011-11-15
Google検索はログインしていると、パーソナライズド検索となり、
ログインしている人の傾向に合わせた検索結果が出ます。
そのためSEOをしていて、上位に表示された！と喜んでいても、
実はパーソナライズド検索の影響で、他の人が見たら順位が下だったということが
あったりします。
続きを読む »
2011-08-30
window.openを使ってポップアップウィンドウを使用していたサイトで、
scrollbarsの指定をしていない場合、デフォルトではscrollbars=yesになると思っていたのですが、
実際にはChromeはスクロールバーが出ていましたが、IE、Firefoxではスクロールバーが表示されず
ページが途中で切れてしまっていました。
なので、scrollbarsなどのオプションも必ず指定するようにしましょう。
2010-10-29
Evernoteを一応使ってはいるのですが、正直なところ、まだまだ使い込むレベルではなく、
iPhoneとかでも同期をするのが面倒だったりもしていたのですが、
このChromeのエクステンションは手軽に情報を追加できるので便利です。
技術系のWebネタなどをどんどんクリッピングして、
タグなどでうまく管理できたら使いやすいのではないかなーと思っています。
Evernote Web Clipper
2010-10-19
ひさびさにChromeのエクステンションをチェックしたら、
前にチェックしたときには気付かなかった（なかった？）ものがちょこちょこありました。
「SearchPreview for Google」は、Googleの検索結果にサイトのページのサムネイルを表示するもの。
これは便利！と思っていたのですが、どうもサイトによってはサムネイルがかなり古いんですよね。。
このサイトもサムネイルはなぜか真っ暗。。。
見た目にいい感じはするのですが、サムネイルの精度が気になるところです。
2010-09-14
ChromeやSafariではまったく問題なかったのですが、
このブログのトップページに max-width:100% と position:absolute を使って
写真を背景画像としてブラウザの幅に合わせて表示させていたのですが、
Firefoxだけ画像の元サイズで表示されて、横スクロールバーが出ていました。
#main_photo {
position:absolute;
top:0;
}
と書いていたのを、
#main_photo {
position:absolute;
top:0;
width:100%;
}
と修正することでうまく表示できました。
2010-05-24
Google Chromeで新規のタブを開くと、最近アクセスしたサイトのスクリーンショットが
リンクとして表示されていたのですが、数が少ないのが不満でした。
そこでちょっとエクステンションを探してみたところ、いいのがありました！
それが「Speed Dial」。最大9×9の81個のリンクを載せることができます。
（もっとも81個にするとスクリーンショットはほとんど見えません。）
デザインもなかなかGoodです。
とりあえず6×5の30個で使用することにして、
使っていく中で調整していきたいと思います。
ちなみにこの機能はもともとOperaが搭載していたものらしく、
またFirefoxのアドオンにも同様のものがあります。
2010-05-07
ものすごいマイナーな現象だとは思うのですが、、
Chromeでaタグには text-decoration:none; とし、a:hoverで text-decoration:underline;としたのですが、
なぜかアンダーラインが表示されません。
いろいろ原因を探っていたところ、特定のフォントで、font-size:10px（またはx-small）としたときに、
この現象が起こることに気付きました。
11pxのサイズではちゃんとアンダーラインが出ましたし、
Verdanaなどのちょっと大きめのフォントでは問題なかったのですが、
特にfont-familyを指定しなかったりするとこの現象が起こります。
いくつか解決策はあると思うのですが、
a:hover {
font-size:x-small;
padding-bottom:1px;
}
としたらちゃんとアンダーラインが表示されました。