対象:ホームページ・Web制作
回答数: 3件
回答数: 7件
回答数: 3件
井上 昭弘
ITコンサルタント
1
【ブロック全体のリンク設定について】
- (
- 5.0
- )
はじめまして。株式会社雅の井上と申します。
下記のように、HTMLとCSSそれぞれ記述して頂ければ、ご希望の動作になるかと思います。
<!-- html-->
<a href="<?php the_permalink() ?>" class="block">
<div class="flo_le9 clearfix <?php echo add_class($related); /* Green 独自関数 - テーマ用のクラスを付ける */ ?>">
<div class="flo_le7">
アイキャッチ画像掲載
</div>
<div class="flo_ri2">
タイトル・本文・続きを読む を掲載
</div>
</div>
</a>
<!-- html-->
<!-- css-->
/*
* aタグをブロック要素に変更
*/
.block{ display: block;}
/*
* aタグのオンマウス時処理_背景色変更
*/
.block:hover{ background: #eee;}
<!-- css-->
尚、例で頂いたURLのサイトでは背景色がふわっと変わるようになっておりますが、これは別途javascript等のスクリプト処理が必要になりますので、今回は省いております。
評価・お礼
plussman さん
2013/05/18 15:35
ありがとうございます。出来ました!感謝しております!!
フワッと出る方法も教えていただくことは可能でしょうか?
(現在のポイント:-pt)
この回答の相談
wordpress初心者です。
トップページに最新ブログ記事を表示させる際に
記事全体(アイキャッチ画像・タイトル・本文・日付)にリンク設定をするにはどうしたらよいでしょうか?また「hov… [続きを読む]
plussmanさん (東京都/53歳/男性)
このQ&Aに類似したQ&A