検索ボックスのカスタマイズ

Seesaaブログでは現在、旧テンプレートと新テンプレートがあります。 もちろんいろんな点で違うんですけど、検索ボックスも違うんですね。今回取り上げるのは、旧テンプレートの検索ボックスを新タイプの検索ボックスのような見た目になるよう、カスタマイズする方法です。 まず、旧タイプのテンプレートを確認しておきましょう。 検索ボックスはラジオボタンでウェブと記事を選択するシステムになっています。 これ、ユーザビリティからいくと不親切な気がするんですよ。記事内検索ができる形にしておくのが良いし、他社のいろいろなブログを見ると、現在はそうなっているのが主流だと思います。 次に、新タイプのテンプレートの仕様と比べてみると… こんな具合に変更しようというわけ。 実はこのブログでもすでに、カスタマイズ済みです。 ほとんどコピペだけで完成するので安心してね。

続きを読む

検索結果ページをカスタマイズ (2/2)

前回はこちら。検索結果ページをカスタマイズ (1/2) なぜ検索結果ページをカスタマイズする必要があるか知らない方は、まず前回の記事を読んでくださいね。 さて、今日は実際にHTMLに修正を加えていきますよ。 最終目標は上の図です。 落ち着いて考えれば、難しいことではないので大丈夫です。^^

続きを読む

するーっとスクロールする「ページトップへ」

すでお気づきの方もいらっしゃるかと思うのですが。いないとちょっぴり寂しい気分になっちゃうかもしれないのですが。 「↑このページの先頭へ」というリンクを、記事下とページ下に表示するようにしました。 今さら感が爆発しそうですが(笑)。 その辺はよしなに。 パッと飛んじゃうリンクだと、同じページの上に移動したんだか、他のページに移動したんだか、見てる側には区別がつかないでしょ? だから、するすると上にスクロールするリンクにしてみました。 今回参考にさせていただいたのは、こちらの記事です。 ページの先頭へスルッと戻るスクリプト - Co.Com とこが、Fuji 今回は、いつもより作業のプロセスが多めです。 でも、一つひとつ落ち着いて考えれば難しいことはないです。コピペが多いですしね♪ では、いきましょー! 1. backtotop.js を作る 任意の場所に、テキストファイルを新規作成します。 (例:デスクトップを右クリックして、新規作成 > テキスト ドキュメントを選択。) 作成したドキュメントの本文に、下記の内容をコピペしてください。 function backToTop() { var x1 = x2 = x3 = 0; var y1 = y2 = y3 = 0; if (document.documentElement) { x1 = document.documentElement…

続きを読む

イメージツールバーを表示させない

Internet Explorer 6では、画像の上にカーソルを乗せると、こんな↓イメージツールバーが表示されます。 画像にカーソルを乗せると、イメージツールバーと、imgタグのalt=""で指定している言葉が表示されます。こんな感じですね。↓ 大きくない画像がいくつも並ぶサイト・ブログの場合、うっとおしいこともありますね。 これを非表示にする方法があります。 今回は、ホームページ素材@ImageLifeのお世話になりました。 <meta http-equiv="Imagetoolbar" content="no"> このメタタグ↑を、HTMLに挿入します。 手順は次の通り。 1.マイブログ>デザイン>HTML と進み、編集するHTMLの画面を開きます。 2.hedderタグの部分に上記メタタグをコピー&ペーストします。   よくわからない場合は、<hedder>の下の行に入れればOK。 3.再構築して終了。 このブログでは、イメージツールバーが表示されないようにしました。 上の画像にカーソルを乗せて、イメージツールバーが表示されないことを確認してみてください。 これは、他社のブログでも、ホームページでも有効な技です。 ※おまけの解説 写真のバラについてブルーバユー(Blue Bajou) 1993年 ドイツKordes社 作出 系統:フロリバンダ 藤色ともシルバーブルーとも受け取れ…

続きを読む

トラブルの原因

この3日ほど、ブログが動きませんでした。 投稿、保存、削除、再構築などの編集作業ができない状態が続きました。 閲覧だけはできたんですけどね。 Seesaaサポートと何回かやり取りをして、今回ブログがいじれなくなった原因がHTMLであろうとわかりました。 直前にHTMLをいじったの確か。でも、しばらくは問題なく動いていたんだけどなぁ…。 自分なりに気がついたことは、Seesaaの記事下広告が表示されなくなっていたので、それに関わるトラブルなんじゃないかと思うんですが、なにぶん初心者なので根拠のない推測の域を出ません。 前の状態のバックアップ(カスタマイズを加えたもの)は当然取ってあったので、戻そうとしました。 でも。でも。戻せないんです。再構築されないんです。 問題なく動いていたHTMLだったのに。 Seesaaサポートには、HTMLに手を加えたものはサポート外である旨を伝えられました。 それは仕方ないですね。 自分でトラブルを解決できない以上、デフォルトに戻すしかありませんでした。 そのため、検索件数がゼロだった場合にメッセージが表示されるようにしたカスタマイズが加えてあるのに、それを使うことができなくなってしまいました。 HTMLをいじるカスタマイズにはこういうトラブルも付いてくる可能性があるのです。 自分で治せるようになりたいですね。しみじみ…。 これからは、なるべくHTMLをいじる必要のないカスタマイズを探していこうかと思いま…

続きを読む

管理人からのコメントを区別

2017年1月24日現在、このカスタマイズは旧システムテンプレート・新システムテンプレートともに機能しています。 ただ、配布元が削除するように言っているので、使用に関しては自己責任でお願いします。 【追記】 2010/1/29 Seesaaの仕様変更に伴い、このカスタマイズは正常に動作しなくなっています。 メールアドレス欄は、メールアドレスしか受け付けなくなり、背景色などのカスタマイズは反映されなくなったみたいです。 お気に入りのカスタマイズだったので、すごく残念です…。 ブログのコメント欄って、掲示板のように管理人の区別ができないんですよね。 不便を感じるのは私だけでしょうか? 他人に私になりすまされても、困りますね。いずれ改善してほしいなと思うのですが、今はカスタマイズで乗り切りましょう。 管理人からのコメントと他の人のコメントがパッと見て区別ができると、「あ、コメントの返事が書き込まれた!」とか、わかりやすいですよね。 このブログでは、私のコメントにだけ、背景色が付いて、管理人アイコンが付くようにしてあります。 これで、他の人のコメントとは視覚的に違うのがわかるでしょ? とってもいいカスタマイズだと思うので、ぜひ試してみてくださいね! 今回のカスタマイズも、PERSONA@BLOGにお世話になりました。 カスタマイズ自体はそんなに難しくありません。 PERSONAさんが、コピー&ペーストでできるようにしてくださっているからです。感…

続きを読む

もっと見る