web-dev-qa-db-ja.com

画像上にマウスを置いたときに投稿のタイトルと抜粋を表示する方法

私は1つのファッションウェブサイト、現在（http://test-domain.zakirsajib.co.uk/）を開発することに少し忙しいです。抜粋が表示されます。それを実現することはできませんでした:)

どんな手がかりも役に立ちます。

サイトはワードプレス環境で開発されているので、任意のPHPとCSS（CSSの部分が行われているが、ちょうどPHPの部分から少し助けが必要）

customizationcsstitleimages
1
Zakir Sajib

テンプレートに入れる必要があるPHPは

<?php the_title();?>

そして

<?php the_excerpt();?>

あなたがホバーをするために使っているものは何でもにまとめられる

2
toomanyairmiles

画像のaltとtitleの欄に設定してもらえますか。

img src="whatev" alt="<?php the_title(); ?>: <?php the_excerpt(); ?>" title="same code as alt" />

もちろん、これはWPループ内でのみ機能しますが、画像を表示している場合はループ内にあると思いますか？

1
Rev. Voodoo

私は長い間Internet Explorerを使用していませんが、 '[alt']を設定しても_ ​​IE以外のブラウザではツールチップテキストとして表示されないと確信しています。これらのブラウザでは 'title'属性を設定する必要があります。

1
Arnold

あなたはこれを試すことができます。目的を果たします。

<div class="post-content">
    <img src="" alt="img" />
    <div class="post-entry">
        <?php the_title();?><br>
        <?php excerpt();?>
    </div>
</div>

必要なCSS

.post-content {background: #f60;} .post-entry {display:none;} .post-content:hover .post-entry{display:block;}

0
Shreyo Gi