パソコン・ウェブ制作

WordPressのブロック要素全体をクリックできるように修正

投稿日:2014年10月5日 更新日:

※記述に間違いがあったので訂正しました。(2014.10.8)

キャプチャ

今日は天気があまり良くないので、朝一で外出した後は家でじっとしていたので、ちょこちょことサイトの修正をしました。
※作業開始前に必ずバックアップを取ってください
※素人のカスタマイズですので同じように設定しても動作しない場合があります。あらかじめご了承ください。

ブロック要素全体をクリックできるように

まずはJavaScriptの設定

リンクをテキストだけではなく、全体をクリックできるように修正をしました。
今回はjQueryを使って対応しています。

jQueryは外部ファイル読み込みにしました。
この記述の下あたりに、適用させたいidやclassを指定します。
ここでは、トップページの一覧に適用させるので「#topnews」「div#topnews dl」となっています。
※記述が一部間違っていました。(2014.10.8)

 CSSの設定

style.cssに下記を追記しました。

これでOKです。

右側の「NEW POST」やランキング表示も同様に設定をしたので、クリックしやすくなりました。





-パソコン・ウェブ制作
-

執筆者:


comment

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

*

関連記事

FC2ブログからWordPressに移行しました

約4年前から、キャンプレポートに特化したブログをFC2で更新していたのですが、2014年からWordpressに切り替えてリニューアルしました。 キャンプに頻繁に行くことが出来なくなり、更新が出来なか …

WordPress Popular Posts

WordPress Popular Postsを導入しました

閲覧数をランキング表示してくれるWordpressのプラグイン「WordPress Popular Posts」を導入しました。 普通にランキング表示するだけであれば、難しくはないのですが、Sting …

transmit

MacでFTP接続するとSocket write errorになってしまう

※12月1日(月)20時時点、ノートンの設定を変更せずとも接続ができています。 Contents FTP接続ができない同じような症状で困っている人多数でも設定がたくさんあるんです・・・ノートンのファイ …

カテゴリ

WordPressのカテゴリ一覧表示をカスタマイズしました。

シンプルすぎるWordpressのカテゴリ一覧表示をカスタマイズしました。 ※作業開始前に必ずバックアップを取ってください ※素人のカスタマイズですので同じように設定しても動作しない場合があります。あ …

Hit bit HB-101

ソニーPC事業譲渡で思い出したMSXとの出会い

Hit bit HB-101 VAIOブランド譲渡のニュースで思い出したのだけど、私のパソコンルーツはソニーのMSX、HiTBiTを購入したのが始まりだったということ。 今後何回か書いていきたいと思っ …

バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
散水栓から立水栓に変更しました
2018年10月10日 に投稿された
ピルツ19買っちゃった!
2018年8月17日 に投稿された
ランボルギーニ・カウンタック LP400と500の違いって?
2014年1月5日 に投稿された
ワンポールテントが欲しい
2018年8月8日 に投稿された
トイレタンクのオーバーフロー管を交換しました
2015年11月8日 に投稿された
森のまきばオートキャンプ場
2017年1月15日 に投稿された
日産キューブ
キーレス連動ドアミラー格納装置取り付けました
2014年3月1日 に投稿された
エンジンルーム
自動車整備士が不足しているのは自業自得じゃないのかな・・・
2014年4月16日 に投稿された
モビリティパーク
2016年9月11日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ