можно использовать скрипт timthumb.php, например. но проще реализовать это стандартным способом. у wp давно есть свой механизм миниатюр, которому не нужны произвольные поля. если использовать the_post_thumbnail(), то проблем с размерами миниатюр (какой бы изначально ни была картинка) не возникает.
Здравствуйте!
Как сделать что бы миниатюры увеличивались при нажатии?
Вот, например, как на этой странице —
http://albaraka.ru/maslo/lnyanoe-maslo/
нужно что бы принажатии на картинку она увеличивалась
salam-design
обернуть картинку ссылкой ссылающий на оригинал. Подключить плагин Lightbox Plus.
Спасибо!
Это — миниатюра записи.
Непонятно где можно обёрнуть её ссылкой.
Где это делается?
Плагин активирован. А что с ним делать?
Я использую «jQuery Lightbox For Native Galleries»
Скачала, а что с ним делать?
оборачивать ссылкой на оригинал нужно в шаблоне. но в каком именно — зависит от темы. у вас своя или стандартная?
Шаблон стандартный.
Это CSS нужно менять в «Одна запись (single.php)»
тут (см. ниже) что ли?
<div class=»product-block»>
<div class=»product-box product-page» id=»post-<?php the_ID(); ?>»>
<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), ‘large’); ?>
<img class=»item_image» src=»<?php bloginfo(‘stylesheet_directory’); ?>/timthumb.php?src=<?php echo $large_image_url[0]; ?>&h=193&w=193&zc=2″ alt=»»/>
<div id=»item_structure»>
… … …
Спасибо!
самое простое — вставить в нужном месте:
<?php
if ( has_post_thumbnail()) {
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >';
the_post_thumbnail('thumbnail');
echo '</a>';
}
?>
но у вас миниатюра делается скриптом зачем-то (зачем? ведь к посту уже прикреплена картинка и есть стандартный способ ее вывода). если так и нужно, то замените the_post_thumbnail(‘thumbnail’); на это ваше:
<img class="item_image" src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $large_image_url[0]; ?>&h=193&w=193&zc=2" alt=""/>
single.php отвечает за вывод отдельной записи. если речь о таком случае, то да, в это файле меняйте.
Спасибо! Да, тут и надо поменять.
Но не нахожу в этом коде
Вот полный код single.php
<?php get_header(); ?>
<div id=»home-content»>
<?php include_once(__DIR__ . ‘/sidebar.php’); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class=»category-box»>
<h2 class=»group-title»><?php the_title(); ?></h2><br clear=»all/»>
<div class=»product-block»>
<div class=»product-box product-page» id=»post-<?php the_ID(); ?>»>
<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), ‘large’); ?>
<img class=»item_image» src=»<?php bloginfo(‘stylesheet_directory’); ?>/timthumb.php?src=<?php echo $large_image_url[0]; ?>&h=193&w=193&zc=2″ alt=»»/>
<div id=»item_structure»>
<?php the_field(‘structure’); ?>
<br clear=»all» />
</div>
<br clear=»all» />
<?php the_content(); ?>
<br clear=»all» />
<?php the_field(‘description’); ?>
</div>
<!—<p class=»price-box»>Цена: 300 руб.</p>—>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
<div class=»clear»></div>
<?php wp_reset_query(); ?>
</div>
<?php get_footer(); ?>
А если ваш код вставить вместо этого нашего, то
картинка увеличивается при нажатии, но не совсем как нужно
(на белом фоне, а нужно что бы поверх сайта, как все другие картинки, например, эти — http://albaraka.ru/sertifikatyi/
)
и
в записи отображается по правому краю, а надо по левому, как тут — http://albaraka.ru/maslo/lnyanoe-maslo/
но у вас миниатюра делается скриптом зачем-то (зачем? ведь к посту уже прикреплена картинка и есть стандартный способ ее вывода).
Не знаю зачем. Нужно убрать этот скрипт?
честно говоря, голова сегодня варит уже очень плохо, постараюсь завтра помочь. надо добавить нужные классы к моему коду. сейчас дам примерный код. за lightbox вроде бы отвечает класс cboxElement. должно быть как-то так:
<?php
if ( has_post_thumbnail()) {
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large');
echo '<a class="cboxElement" rel="lightbox" href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >';
the_post_thumbnail('thumbnail');
echo '</a>';
}
?>
а вот как добавить класс item_image к картинке я сейчас не скажу. завтра. этот класс отвечает за оформление картинки, поэтому она не в нужном месте получается. либо ждите помощи от других, либо завтра я допилю.
1.
Не красиво получается, с высокими картинками. Все картинки стали урезанными. Уменьшать надо пропорционально размерам.
2.
С точки СЕО у картинок alt и title описание не относится к данной статье.
Здравствуйте!
Спасибо большое!
Вижу, стали урезанными.
А как это исправить?
