ユーザビリティの向上
こんにちは。。。
今日はお天気もどんよりとしてて、イマイチ気分が
乗らないんですけど仕事はこなさなくてはなりません。
いつも煮詰まりかけながらの更新で、あなたのお役に
立ててるのか分かりませんが、頑張って記事を書いて
ますので無駄に長い記事、オヤジギャグ等はお許しください。
以前も記事に書いたと思うのですが、ここファンブログの新しいデザインは
不親切な箇所がいくつか有りどうしたもんか考えていました。
そんなこと訪問者には関係のない話しで、いかにサイトを見やすくするか
操作性を向上させるかを考えなければなりません。
以前からあるデザインの場合、コメントをクリックすると
ちゃんとコメントのトップにジャンプしますよねっ！
だが、新しいデザインではページのトップにジャンプする･･･。
それに「続きを読む」をクリックしても同じ･･･。
私みたいに無駄に記事が長いと読者の方にその分
余計にスクロールして貰わなければいけない訳で･･･
それって、面倒くさいですよねぇ…
わたしもそう思います。
ただ、HTMLには何処にジャンプしなさいってのは
書いてあるんです。
だけどジャンプ先にアンカーリンクが書いてない･･･。
はぁ〜、困ったもんだよねぇ･･･
手抜きかよって突っ込みたくなるのは私だけ･･･
でも、「続きを読む」のアンカーリンクは何処に書いたら良いのか
分からず困り果ててました。
これだけが解決じゃなくて、応急的措置になりました (>_<)
まず、スタイルの編集の所にあるメイン・１記事・アーカイブのHTMLを
開いて次のタグを探してください。
<div class="entryInfo">
ここは、記事の投稿者や時間、コメント・トラックバックなどを表示してる部分です。
ここの中で次のタグを探してください。
<a href="{$BlogEntryPermalinkUrl$}#comments"%>コメント({$BlogEntryCommentCount$})</a>
ちゃんとコメントのリンク先が記述してあるんです。
でも、どこにリンクしてるか分からないでしょっ！
BlogEntryPermalinkUrl ってのは･･･
◆ブログエントリ ･･･ 投稿記事の事デス。
◆パーマリンクURL ･･･記事は、他からもアクセスしてくるのでそれぞれにアドレスが振られています。
投稿記事は複数ある訳なので、HTMLに記述するリンク先のアドレスは BlogEntryPermalinkUrl という 変数を代入しているんです。
なんとなく分かりますかぁ！なんとなくで良いですよっ！
大事なのはその次に書いてある #comments なのです。
早い話が、ブログエントリ内の comments と書いたアンカーリンクにジャンプしなさいって事なんです。
ブログエントリ内をどう探しても <a name="comments" id="comments"></a> ってタグが見つからないんです。
見つからなきゃ書き足せば良いやって事で書き足しましたぁ！
どこにって･･･
じゃぁ、１記事のHTMLを開き次のタグを探して下さい。
あっ！その前にバックアップを取ることを忘れないで下さい･･･
<div id="commentForm">
このタグの２，３行下に、こんなタグがあります。
<h3 id="commentTitle">コメント</h3>
見つかりましたかぁ！
このタグをこんな風にすればＯＫ牧場ですよっ！
<a name="comments" id="comments"></a>
<h3 id="commentTitle">コメント</h3>
出来ましたかぁ！？出来たらちゃんと保存してくださいねっ！
これでコメントをクリックしたら、コメント入力欄がトップに表示されて開きます。
訪問者のコメントをトップに出したかったら･･･
これよりかなり下のほうにこんなタグがあります。
<div class="comments">
このタグの下に、こんなタグがあります。
<h3 id="commentPosts">この記事へのコメント</h3>
このタグをこんな風にしてください。
<a name="comments" id="comments"></a>
<h3 id="commentPosts">この記事へのコメント</h3>
出来ましたかぁ！？出来たらちゃんと保存してくださいねっ！
これでコメントをクリックしたら、コメント記事がトップに表示されて開きます。
◆補足説明
現在使われてるアンカーリンクは、<a id="●●●">が使われてますが
古いブラウザに対応するために <a name="●●●" id="●●●"> と name タグも入れてます。
HTMLは、メイン・１記事・アーカイブの３つを修正して下さい。
随分と長くなりましたねぇ・・・
じゃぁ、続きは次回って事でよろしいでしょうか？？ スミマセン！
お詫びにグッドなプレゼントを･･･
マーケティングの極意を記した無料レポートです。
―――― ご案内 ――――――――――――――――――――――――――――――
わずか３０日間でライバルと競合しない自分だけの「独占市場」を手に入れる！
そんなマーケティングの極意を公開したマニュアルを無料でゲット出来ます。
こちらから ⇒ http://gamadasuzo.com/pr/only_market.html
―――――――――――――――――――――――――――――― ご案内 ――――
出来ないと思うのではなく、やってみようと思う勇気があなたの進化を生み出す。
いつも笑顔で 。。
寿 一太朗
ソーシャルブックマークに登録！
いつもランキングの応援をありがとうございます！！
今日はお天気もどんよりとしてて、イマイチ気分が
乗らないんですけど仕事はこなさなくてはなりません。
いつも煮詰まりかけながらの更新で、あなたのお役に
立ててるのか分かりませんが、頑張って記事を書いて
ますので無駄に長い記事、オヤジギャグ等はお許しください。
以前も記事に書いたと思うのですが、ここファンブログの新しいデザインは
不親切な箇所がいくつか有りどうしたもんか考えていました。
そんなこと訪問者には関係のない話しで、いかにサイトを見やすくするか
操作性を向上させるかを考えなければなりません。
デフォルトのスキンでの不具合箇所
以前からあるデザインの場合、コメントをクリックすると
ちゃんとコメントのトップにジャンプしますよねっ！
だが、新しいデザインではページのトップにジャンプする･･･。
それに「続きを読む」をクリックしても同じ･･･。
私みたいに無駄に記事が長いと読者の方にその分
余計にスクロールして貰わなければいけない訳で･･･
それって、面倒くさいですよねぇ…
わたしもそう思います。
ただ、HTMLには何処にジャンプしなさいってのは
書いてあるんです。
だけどジャンプ先にアンカーリンクが書いてない･･･。
はぁ〜、困ったもんだよねぇ･･･
手抜きかよって突っ込みたくなるのは私だけ･･･
でも、「続きを読む」のアンカーリンクは何処に書いたら良いのか
分からず困り果ててました。
これだけが解決じゃなくて、応急的措置になりました (>_<)
コメントクリック後の移動先設定
まず、スタイルの編集の所にあるメイン・１記事・アーカイブのHTMLを
開いて次のタグを探してください。
<div class="entryInfo">
ここは、記事の投稿者や時間、コメント・トラックバックなどを表示してる部分です。
ここの中で次のタグを探してください。
<a href="{$BlogEntryPermalinkUrl$}#comments"%>コメント({$BlogEntryCommentCount$})</a>
ちゃんとコメントのリンク先が記述してあるんです。
でも、どこにリンクしてるか分からないでしょっ！
BlogEntryPermalinkUrl ってのは･･･
◆ブログエントリ ･･･ 投稿記事の事デス。
◆パーマリンクURL ･･･記事は、他からもアクセスしてくるのでそれぞれにアドレスが振られています。
投稿記事は複数ある訳なので、HTMLに記述するリンク先のアドレスは BlogEntryPermalinkUrl という 変数を代入しているんです。
なんとなく分かりますかぁ！なんとなくで良いですよっ！
大事なのはその次に書いてある #comments なのです。
早い話が、ブログエントリ内の comments と書いたアンカーリンクにジャンプしなさいって事なんです。
ブログエントリ内をどう探しても <a name="comments" id="comments"></a> ってタグが見つからないんです。
見つからなきゃ書き足せば良いやって事で書き足しましたぁ！
どこにって･･･
じゃぁ、１記事のHTMLを開き次のタグを探して下さい。
あっ！その前にバックアップを取ることを忘れないで下さい･･･
<div id="commentForm">
このタグの２，３行下に、こんなタグがあります。
<h3 id="commentTitle">コメント</h3>
見つかりましたかぁ！
このタグをこんな風にすればＯＫ牧場ですよっ！
<a name="comments" id="comments"></a>
<h3 id="commentTitle">コメント</h3>
出来ましたかぁ！？出来たらちゃんと保存してくださいねっ！
これでコメントをクリックしたら、コメント入力欄がトップに表示されて開きます。
訪問者のコメントをトップに出したかったら･･･
これよりかなり下のほうにこんなタグがあります。
<div class="comments">
このタグの下に、こんなタグがあります。
<h3 id="commentPosts">この記事へのコメント</h3>
このタグをこんな風にしてください。
<a name="comments" id="comments"></a>
<h3 id="commentPosts">この記事へのコメント</h3>
出来ましたかぁ！？出来たらちゃんと保存してくださいねっ！
これでコメントをクリックしたら、コメント記事がトップに表示されて開きます。
◆補足説明
現在使われてるアンカーリンクは、<a id="●●●">が使われてますが
古いブラウザに対応するために <a name="●●●" id="●●●"> と name タグも入れてます。
HTMLは、メイン・１記事・アーカイブの３つを修正して下さい。
随分と長くなりましたねぇ・・・
じゃぁ、続きは次回って事でよろしいでしょうか？？ スミマセン！
お詫びにグッドなプレゼントを･･･
マーケティングの極意を記した無料レポートです。
―――― ご案内 ――――――――――――――――――――――――――――――
わずか３０日間でライバルと競合しない自分だけの「独占市場」を手に入れる！
そんなマーケティングの極意を公開したマニュアルを無料でゲット出来ます。
こちらから ⇒ http://gamadasuzo.com/pr/only_market.html
―――――――――――――――――――――――――――――― ご案内 ――――
出来ないと思うのではなく、やってみようと思う勇気があなたの進化を生み出す。
いつも笑顔で 。。
寿 一太朗
ソーシャルブックマークに登録！
いつもランキングの応援をありがとうございます！！
|
【ウェブデザインの最新記事】
& Designed by
貴重なご意見ありがとうございます！