Как сделать миниатюру ссылкой на сам пост, к которому относится это превью?

Question

[Сергей Смирнов]

Всем привет!
Меня эта тема вордпресс "Panoramic" очень уж напрягает, всё в ней не как у людей))
Вот очередная проблема нарисовалась - миниатюры постов (№2 на фото), оказывается, почему-то неактивные - обычно нажав на миниатюру поста мы попадаем в сам пост. Миниатюры в архивах (разделах) работают так, как и сами заголовки постов (№1 на фото) - кликаешь по названию или по миниатюре, и попадаешь в сам пост.

В файле functions.php вот так задан вывод этих миниатюр:

add_theme_support( 'post-thumbnails' );
add_image_size( 'panoramic_blog_img_side', 352, 230, true );

Затем я нашёл в каком месте прописана "фишка" с этими миниатюрами и дописал, чтобы они стали ссылками на свои же посты, к которым они относятся \ch-devonrex.com\wp-content\themes\panoramic\library\template-parts\content.php :

<?php
/**
 * @package panoramic
 */
 
$classes = 'blog-post-side-layout ';
if ( !has_post_thumbnail() ) {
	$classes = 'post-no-img ';
}
?>

<article id="post-<?php the_ID(); ?>" <?php post_class( $classes ); ?>>
    
   
<div class="post-loop-images">
<?php echo get_the_post_thumbnail() ?>
</div>				
   
    <div class="post-loop-content">
    
    	<header class="entry-header">
    		<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>

    		<?php if ( 'post' == get_post_type() ) : ?>
    		<?php endif; ?>
    	</header><!-- .entry-header -->

    	<div class="entry-content">
    		<?php
				if ( get_theme_mod( 'panoramic-blog-archive-layout', 'panoramic-blog-archive-layout-full' ) == 'panoramic-blog-archive-layout-full' ) :
					the_content( sprintf(
						/* translators: %s: Name of current post. */
						wp_kses( __( 'Continue reading %s <span class="meta-nav">&rarr;</span>', 'panoramic' ), array( 'span' => array( 'class' => array() ) ) ),
						the_title( '<span class="screen-reader-text">"', '"</span>', false )
					) );
				else :
	    			/* translators: %s: Name of current post */
	                the_excerpt();
				endif;
    		?>
    	</div><!-- .entry-content -->

    	<footer class="entry-footer">
    		<?php panoramic_entry_footer(); ?>
    	</footer><!-- .entry-footer -->
    
    </div>
    
    <div class="clearboth"></div>
</article><!-- #post-## -->

Дописал вот это:

<div class="post-loop-images">
<a href="<?php the_permalink(); ?><?php echo get_the_post_thumbnail() ?></a>
</div>

И получил эффект лайтбокса, когда страничка открывается как бы картинкой.
Как избавиться от этого, чтобы был просто переход на сам пост, а не открытие поста в картинке?

А иногда и такое выскакивает при нажатии на миниатюру поста:

Answer 1

[Орхан Гасанлы]

add_theme_support( 'post-thumbnails' );
add_image_size( 'panoramic_blog_img_side', 352, 230, true );

это не вывод миниатюр. всего лишь включена поддержка миниатюр и задан размер миниатюр.

И получил эффект лайтбокса, когда страничка открывается как бы картинкой.
Как избавиться от этого, чтобы был просто переход на сам пост, а не открытие поста в картинке?

Посмотрите в консоли браузера какой класс или дата-атрибут является триггером для запуска лайтбокса и удалите его. Или закомментируйте строчку с js кодом.

Comments

[Сергей Смирнов]

теперь вообще при добавлении <?php the_permalink(); ?> исчезают миниатюры в разделе.

[Орхан Гасанлы]

Сергей Смирнов,
мне сложно судить, ибо вы не предоставили ссылку на сайт.

теперь вообще при добавлении <?php the_permalink(); ?> исчезают миниатюры в разделе.

уверен, проблема не в коде.

чтобы убрать лайтбокс -
1) вам нужно убрать триггер, который его запускает (class, id, сам тег img, дата атрибут)
2) закомментировать строчку JS кода, который вызывает его
3) если нужно отключить на конкретной странице, то можно еще сделать deregister && dequeue этот скрипт предварительно узнав его handle. Понадобится плагин query monitor, чтобы узнать handle этого скрипта

[Сергей Смирнов]

azerphoenix, вот в этом разделе нужно чтобы миниатюры стали ссылкой на свои же посты https://ch-devonrex.com/category/katzchen/ и я вот думаю, если блокировать лайтбокс здесь, не будет ли он блокироваться везде по сайту? Ведь нужно, чтобы фото галереи работали как и работают сейчас.

[Орхан Гасанлы]

я вот думаю, если блокировать лайтбокс здесь, не будет ли он блокироваться везде по сайту?

ваш вопрос противоречит сам себе. Если бы сделаете deregister & dequeue лайтбокса ЗДЕСЬ, то понятное дело, что эт оне отразится на других страницах.
В functions.php сделайте проверку на категорию и если отображается страница этой категории, то dequeue этот скрипт

[Сергей Смирнов]

Вы не могли бы написать мне на почту или давайте я вам напишу, скажите куда. Я не силён во всём этом, а сделать миниатюры ссылками на их посты. Помогите пожалуйста, за мной не заржавеет ...

[Орхан Гасанлы]

Сергей Смирнов, если нужна платная поддержка, то обратитесь во фриланс биржу. Например, на kwork.ru
Я тут только на вопросы отвечаю. И вне системы не поддерживаю пользователей.

Answer 2

[WP Panda]

не верно так

<a href="<?php the_permalink(); ?><?php echo get_the_post_thumbnail() ?></a>

верно так

<a href="<?php the_permalink(); ?>"  title=""><?php echo get_the_post_thumbnail() ?></a>

А модальное окно, х.з как там оно у вас устроено, смотрите настройки или инициализацию FancyBox

Comments

[Сергей Смирнов]

Да, блин, не работает эта фигня <?php the_permalink(); ?> как только не прописывал её, и так как вы написали тоже писал.. Да, при включённом плагине FancyBox выбивает ошибку как в вопросе у меня на картинке, а когда отключаю FancyBox тогда эта хрень <?php the_permalink(); ?> открывает страницу "окно в окне"..

[WP Panda]

Сергей Смирнов, Прописывать правильно, так как я указал. И только так.
Если посмотреть внимательно, то кроме fancybox у вас там еще пляшет lightbox от nextgen.

и вообще

Да, при включённом плагине FancyBox выбивает ошибку как в вопросе у меня на картинке, а когда отключаю FancyBox тогда эта хрень <?php the_permalink(); ?> открывает страницу "окно в окне"..

Вот этого в текущем состоянии на сайте не видно, так, что сказать что-либо более не возможно.

[Сергей Смирнов]

Здравствуйте. Благословений Вам и спасибо за то, что помогаете разобраться в этом вопросе.
Сделал я всё так как вы сказали. Было вот так:

<?php
/**
 * @package panoramic
 */
 
$classes = 'blog-post-side-layout ';
if ( !has_post_thumbnail() ) {
	$classes = 'post-no-img ';
}
?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $classes ); ?>>
    
    <?php
    $thumbnail_id = get_post_thumbnail_id($post->ID);
    $args = array(
		'p' => $thumbnail_id,
		'post_type' => 'attachment'
    );

    $thumbnail = get_posts( $args );
	$thumbnail_image = wp_get_attachment_image_src( $thumbnail_id, 'panoramic_blog_img_side' );
	?>
    <div class="post-loop-images">
        
        
					<img src="<?php echo $thumbnail_image[0]; ?>" alt="<?php echo $thumbnail[0]->post_title; ?>" />
        
    </div>

После изменения, стало вот так:

<div class="post-loop-images">
        
    <a href="<?php the_permalink(); ?>"  title=""><?php echo get_the_post_thumbnail() ?></a>
    </div>

При включённом плагине Easy FancyBox, захожу в раздел на сайте https://goldenaby.ru/category/aby/ (загляните и вы, я там всё так и оставил, нажмите на миниатюру в разделе этом), кликаю по превью любого поста и выскакивает вот такое:

Затем я отключаю плагин Easy FancyBox и получается, что при нажатии на миниатюру открывается страничка в "окно в окне". Это можно и сейчас увидеть на сайте, я оставил всё так как есть после изменения в коде и отключения Easy FancyBox.

[WP Panda]

тем не менее fancybox на митиатюру повешен

[Сергей Смирнов]

WP Panda, плагин fancybox же сейчас отключён. Не совсем вас понял. И что мне надо сделать? Вообще плагин удалить? Так он мне нужен для галерей в постах на этом сайте.