記事一覧はてなブログをどうやって当サイトのデザインにしているかを書いています。ブログというのは思いついたら書くというパターンが多いですので、なかなかサイト全体の構造をわかりやすく表示することが難しく、その分全文検索が重要になります。はてなブログには、サイドバーに表示できる検索モジュールが付属していますが、これはサイドバーだけではなくどこにでも表示できるものです。当サイトでは、アニメーションでタイトル下に出し入れするようにしています。次のようになっています。書けるところであればどこにでも入れれば検索フォームが表示されます。記事中でも書けます(多分)。入れる検索窓は、ページを開いた時に目につくところに表示された方がいいとは思いますが、デザインとの兼ね合いがありますので、当サイトでは検索アイコンを表示しておき、クリックすると検索窓が上からアニメーションで降りてくるようにしています。ひと手間多くならないように自動的にフォーカスが当たるようにしています。次のコードを入れます。/></form></div>サブミットボタンは汎用ボタンに変更しています。働いてしまってサブミットしません。submit関数を指定しています。追加、削除し、表示非表示のトリガーにしています。検索窓は、表示されるとフォーカスが当たるようになっています。アニメーション関連だけで、フォームの色やサイズなどデフォルト設定は省略しています。}後はアイコンや検索窓の位置を調整すればうまくいくと思います。Usリンク@半径とことこ60分そんなには褒めないよ。読者になる当サイトははてなブログで運用しています。Kulkarniはてなブログをはじめよう!ausnichtsさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。