Seesaaブログのちょっとしたカスタマイズ titleタグ編

その筋では、もっともカスタマイズ性が高いとうわさのSeesaaブログですが、そのシーサーブログでのちょっとしたカスタマイズを紹介。

通常、シーサーブログの<title>タグの表記は

サイト名: サイト記事のタイトル

のように、まず最初にサイトのタイトルが来て、その後に各記事のタイトルが入る仕様になっています。このタイトルをたとえば

サイト記事のタイトル: サイト名

このような形にする場合のカスタマイズの方法をご紹介します。タイトルよりも先に、各記事の名前を表示させたい、という場合に有効な改造です。

手順としては

１、管理画面に入ります。

２、デザイン→HTMLを選択します。

３、標準ではデフォルトＨＴＭＬが適応されているので、その項目の右上のあたりにある「HTMLの追加」のリンクを押します。

４、すると、ブログの大まかな形を制御しているHTMLが現れます。

こんなかんじ。ここで注意！この作業をやる前に、上記のソース部分を全てバックアップしておいてください。間違って更新してしまうと、ブログが正しく動かなくなる可能性があります。

５、「HTML名」はなんでもいいです。カスタマイズ　とでもしておきましょう。ソースを見ると、

<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>

と書かれている部分が、上から１０行目のあたりにあると思います。この部分が<title>タグの出力を制御している部分になります。この記述を

<title><% if:extra_title %><% extra_title %>: <% /if %><% blog.title %></title>

このように書き換えて保存します（絶対にバックアップは撮っておいて下さい）。

６、デザイン→HTMLを再び選択して、現在、「デフォルトHTML」となっているチェックボックスを、先ほど保存した「カスタマイズ」を適応して保存します。

この画像の場所をクリックです。これで変更が完了です！ブログのエントリー記事を見て見てください。サイトのタイトルとエントリーのタイトルが入れ替わっていれば成功です。

他にも、Seesaaブログは色々なカスタマイズが可能です。広告もほぼ全てのものを非表示にすることも可能ですので、壊さない範囲で色々といじくってみてください（笑）

Filed under Tips, てるよし, メモ, 未分類 | Comment (0)

どこが読まれているかが読める便利ツール User Heat（ヒートマップ・ツール）

Webサイトの記事がどう読まれているのか？このツールは、訪問者が、Webのページのどこの段落を注目して読んでいるのか」と「どの場所がクリックされているかを調べて、その調査結果を共有するシステムです。

基本的に人間の目線は、「Ｆ字型」に動くと言われていますが、全てのサイトで本当にそうなっているのか？また、そうだとしてもサイトごとに個性もあり、それぞれが多少違う動きをしているはずです。そんな疑問を一発解消！超便利ツールをご紹介いたします。

このツールを使えば、どの部分がクリックされているのかやマウスカーソルの動き、よく読まれている場所を一発網羅。Webサイトの運営に必ず役に立つツールと言えるでしょう。ホームページへJavascriptによるタグを貼るだけで実装できる仕組みとなりますので、この機会に是非！ＴＯＰページだけでなく、タグを貼ったページ分、解析が出来るようです。

http://userheat.com/
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール

Filed under Tips, Web全般, Wordpress関連のメモ, てるよし, ドクターK, メモ, 未分類 | Comment (0)

IE6で透過ＰＮＧを背景にした場合にリンクが効かなくなる不都合

IE6でie7.jsを使った際、透過PNGを背景にするとリンクが効かなくなるという問題がありまして、その解決方法をご紹介いたします。方法はいたって簡単！透過ＰＮＧを背景にしている要素のa（アンカー）タグに、position:relativeを追加すると解決します。微妙に困る仕様ですが、それを差し引いても便利なie7は偉大です。！

Filed under CSS, Dreamweaver, Tips, てるよし, メモ, 未分類 | Comment (0)