jqueryをwordpressで使い隊2指先ポインターをつけたり消したり

わかりやすい参考書があって、サイトもあって実装したアコーディオンパネルですが、それをホームページになじませるためには、もっと努力が必要でした。
WEB関連の仕事をしている人の陥りがちなミスについて書いておこうと思います。

今回 「Web制作の現場で使うjqueryデザイン入門」 を読んで参考にしたjquery はこれです。
http://editors.ascii.jp/m-kobashigawa/jquery_sample/014/sample1.html
サンプルではStep1 Step2 と続いていきますので。順番にクリックするのはむずかしくありません。
ですが私の作ったのはリンク集で、dt にはカテゴリ分類を当てはめているので、クリックする場所と思わない人もいることに気がつきませんでして。

そこでカーソルを指先ポインターにする必要がありました。↓のタグでリンクのないところでも指先ポインターがあらわれます。

<span style="cursor: pointer;">文字列</span>

実際はこれ マウスオーバーしてみてください。リンクははっていません。
リンクはないのに指先ポインターがでるよ

また指先ポインターは、通常リンクをはっているところで、カーソルがIから変化するポインターです。 WordPressの場合タイトルにそのページのリンクがついているのがデフォルトですが、
デザインを多種類に展開して元の投稿デザインが違ったり、ダイナミックなページ遷移のためにはこのリンクは必要ですが、作っているのはそうではないサイトですので、クリックしても同じページを読み直すだけのリンクの場合が多いのです。もちろんタイトルにマウスを持っていくと指先ポインターが現れて、蛇足ですので、リンクをはずしました。 
これはそのままにしている企業サイトも多いのでは?と思います。 
single.phpを変更します。

<h3><a href="<?php the_permalink(); ?>"><!--?php the_title(); ?--></a></h3>

のリンクを削って

<h3><!--?php the_title(); ?--></h3>

これらの二つの間違いは、私が全然気がつかなかったところで、「変だよ」指摘してくださった方がいました。 インターネットをみるときのうぶな正しい感覚と思います。感謝です。
ここまでやって、実装と言えるのではないかと思います。 まだまだだなあ。 私。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です