パソコン・ウェブ制作

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

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

*

関連記事

ちょこっとリニューアル

シンプルな構成にしました ほんとうにちょこっとなんですけど、ブログリニューアルしました。 このブログはWordpressで作っていますが、テーマを新しくしてカラフルだったサイトを白ベースのシンプルな色 …

Apple Music

3カ月無料の「Apple Music」使ってみました

一昨日から利用出来るようになった「Apple Music」を早速使ってみました。 細かいレポートなどは、沢山のサイトで公開されているので、単純に感じたことを書きたいと思います。 まずは自動更新をオフに …

Stinger5

テーマファイルをStinger3からStinger5に変更しました

Twitterでは「早くStinger5に変えたいなぁ」と何度かツイートしていましたが、ようやっとStinger5に切り替えが完了しました。 見た目はほぼ変わっていません。というか、Stinger3で …

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

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

Marvericks

YosemiteからMarvericksにダウングレード

Twitterで何度かダウングレードについて触れましたが、もっさり具合に限界を感じたので、YosemiteからMarvericksにダウングレードしました。 ダウングレード手順など 多くのサイトで紹介 …

ランドロック
スノーピーク ランドロック買っちゃいましたー!!
2014年9月23日 に投稿された
森のまきばオートキャンプ場
2017年1月15日 に投稿された
バンドブレーキからサーボブレーキに交換
2017年2月26日 に投稿された
ニュー田代オートキャンプ場
2016年10月24日 に投稿された
モビリティパーク
2016年9月11日 に投稿された
ランドロック
スノーピーク ランドロック使用レビューその2
2014年10月20日 に投稿された
室久保グリーンパーク
室久保グリーンパーク
2015年10月26日 に投稿された
オートキャンプインむじな
2017年5月21日 に投稿された
オートキャンプせせらぎ
2016年9月18日 に投稿された
ランドロック
スノーピークのランドロックデビューしました
2014年10月13日 に投稿された
follow us in feedly
にほんブログ村に参加しています
にほんブログ村 アウトドアブログ ファミリーキャンプへ