Как я могу сделать все изображение кликабельным на моем сайте wordpress.org?

-3

Сейчас мои сообщения можно щелкнуть, щелкнув заголовок, но я бы хотел, чтобы весь образ был связан с каждым отдельным сообщением.

<article id="post-<?php the_ID(); ?>" <?php post_class('card-box col-lg-4 col-md-6 col-sm-12 col-xs-12'); ?>>
<div class="card" data-background="image" data-src="<?php esc_url( the_post_thumbnail_url( 'large' ) ); ?>">
<div class="header">
<?php
$categories = get_the_category();
if ( ! empty( $categories ) ) {
?>
<div class="category">
<h6>
<span class="category">
<?php echo '<a class="category" href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '">' . esc_html( $categories[0]->name ) . '</a>'; ?>
</span>
</h6>
</div>
<?php } ?>
</div>
<div class="content">
<?php the_title( '<h4 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h4>' ); ?>
<span class="date"><?php echo esc_html( get_the_date() ); ?></span>
</div>
<div class="filter"></div>
</div> <!-- end card -->
</article>

Я не хочу использовать js, потому что мне сказали, что это не SEO.

Я попытался использовать тег из заголовка записи и окружить весь div той же ссылкой, но это не сработало.

спросил(а) 2017-03-28T03:52:00+03:00 2 года, 11 месяцев назад
0
60

То, как это делается в HTML:

<a href="...">
<img alt="..." src="..." />
</a>

ответил(а) 2017-03-28T03:56:00+03:00 2 года, 11 месяцев назад
35

Следующее должно работать, если остальная часть кода работает. Что я сделал: я скопировал тег <a> из элемента h4 (заголовок сообщения) и поместил его вокруг изображения (строки 2-4, никаких других изменений в исходном коде):

<article id="post-<?php the_ID(); ?>" <?php post_class( 'card-box col-lg-4 col-md-6 col-sm-12 col-xs-12'); ?>>
<a href="<?php the_permalink(); ?>">
<div class="card" data-background="image" data-src="<?php esc_url( the_post_thumbnail_url( 'large' ) ); ?>">
</a>
<div class="header">
<?php
$categories = get_the_category();
if ( ! empty( $categories ) ) {
?>
<div class="category">
<h6>
<span class="category">
<?php echo '<a class="category" href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '">' . esc_html( $categories[0]->name ) . '</a>'; ?>
</span>
</h6>
</div>
<?php } ?>
</div>
<div class="content">
<?php the_title( '<h4 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h4>' ); ?>
<span class="date"><?php echo esc_html( get_the_date() ); ?></span>
</div>
<div class="filter"></div>
</div>
<!-- end card -->
</article>

ответил(а) 2017-03-30T18:28:00+03:00 2 года, 11 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема