Как я могу изменить свой «читать дальше» на изображение с эффектом наведения?

Question

В настоящее время я редактирую свой готовый макет, загруженный в Интернет, и я хочу отредактировать ссылку «Подробнее» на изображение.

Лучший пример, которого я хочу достичь, это как на сайте www.hongkiat.com . При наведении курсора «Продолжить чтение» фон меняется.

мой код в шаблоне такой:

<div class="entry">
<p><?php the_content('Read More...'); ?></p>
</div><!--entry-->

Большое спасибо заранее!

Answer 1

Если у вас есть

<div class="entry">
<p><?php the_content('<span class="readmore">Read More...</span>'); ?></p>
</div><!--entry-->

Вы можете добавить поведение в CSS следующим образом:

span.readmore{background-color:red}

Answer 2

Вы можете добавить тег HTML <img> в качестве параметра:

<?php the_content('Read more...<img src="' . get_bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read more..." />'); ?>