2008年3月アーカイブ

Overtureのキーワードアドバイスツールとまではいきませんが、2008年3月現在、フリーで使えるものをまとめてみました。

muryoutouroku.com
http://www.muryoutouroku.com/
表示件数は少ないが具体的な検索回数を知ることができます。

Google AdWords
https://adwords.google.co.jp/select/KeywordToolExternal
具体的な検索回数ではなグラフで表示されますが、関連キーワードや類義語も含め検索可能。

Google Trends
https://adwords.google.co.jp/select/KeywordToolExternal
Google AdWords同様グラフで表示されますが、複数キーワードの比較を見ることが可能

Movable Typeで連続して検索を行った場合、

「現在検索中です。検索が終わるまでお待ちください。」

というエラーメッセージが表示されます。
これは Movable Typeの仕様で、連続した検索実行を抑止している為だそうです。
ちなみに、デフォルトの抑止時間は、3.31では20秒、3.2では60秒に設定されています。

3.3?でこの抑止時間を短縮するには、mt-config.cgi に

ThrottleSeconds 10

を追加することで、連続実行抑止時間を変更きます。
数字の単位は「秒」で、上記の例は10秒（=検索してから10秒以内に再検索されたらエラーにする）設定になります。

3.2での変更方法は下記参考サイトに詳しく記載されておりますので、そちらをご覧ください。

参考サイト 小粋空間

レイヤー機能とJavaScriptを組み合わせ折りたたみメニューを実現します。

JavaScriptソース

function show(inputData) {
  var objectID=document.getElementById( "title_" + inputData );
  var buttonID=document.getElementById( "category_" + inputData );
  if(objectID.className=='close') {
    objectID.style.display='block';
    objectID.className='open';
  }else{
    objectID.style.display='none';
    objectID.className='close';
  }
}

HTMLソース

<ul>
  <li>
    <a href="javascript:void(0)" id="category_1" onclick="show('1');">大分類</a>
    <div id="title_1" style="display: none;position:relative;" class="close">
    <ul>
      <li>小分類1
      <li>小分類2
      <li>小分類3
    </ul>
    </div>
  </li>
</ul>

サンプル

• 大分類
  • 小分類1
  • 小分類2
  • 小分類3

背景画像を使用して、角丸ボックスを実現します。

各角に利用する画像を用意します。

このとき、○○○_l ＋ ○○○_rの横幅がボックス幅より短い場合、背景が途中で切れるので注意が必要です。○○○_lの横幅を1000px程度に設定しておけばおｋ。

CSS

.kadomaru_box  { width:200px; }
.kadomaru_header_l,
.kadomaru_header_r,
.kadomaru_footer_l,
.kadomaru_footer_r,{
  font-size:1px;
  height:8px; /* 角丸画像の高さに合わす */
}
.kadomaru_header_l { background:url(kado_header_l.gif) no-repeat 0px 0px;}
.kadomaru_header_r { background:url(kado_header_r.gif) no-repeat right 0px;}
.kadomaru_footer_l { background:url(kado_footer_l.gif) no-repeat 0px 0px;}
.kadomaru_footer_r {background:url(kado_footer_r.gif) no-repeat right 0px;}
.kadomaru_box_contents { padding:0 8px; background-color:#ccc; /* 角丸画像の色に合わす */}

HTMLソース

<div class="kadomaru_box">
  <div class="kadomaru_header_l">
    <div class="kadomaru_header_r"></div>
  </div>
  <div class="kadomaru_box_contents">
    <!-- 文章などを記述 -->テキストテキストテキストテキスト
  </div>
  <div class="kadomaru_footer_l">
    <div class="kadomaru_footer_r"></div>
  </div>
</div>

サンプル
失敗例