• Миниатюры на сайте выводятся из произвольных полей вот так:
    <img src=»<?php global $post;echo get_post_meta($post->ID, ‘thumbnail’, true);?>» width=»498″ height=»280″ ‘/>
    Исходные размеры картинок всегда разные, как сделать так что бы миниатюры автоматически уменьшалась до 498 на 280?
    Надеюсь все верно объяснил.

Просмотр 15 ответов — с 1 по 15 (всего 25)
  • можно использовать скрипт 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»>
    … … …

    Спасибо!

    Тема у нас Tiara

    самое простое — вставить в нужном месте:

    <?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 описание не относится к данной статье.

    Здравствуйте!
    Спасибо большое!

    Вижу, стали урезанными.
    А как это исправить?

Просмотр 15 ответов — с 1 по 15 (всего 25)
  • Тема «image resize» закрыта для новых ответов.