Как вывести последние публикации с миниатюрами из постов

Автор:
(Людмила Лунева)

Веб-дизайнер и разработчик сайтов на wordpress

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

<ul class="news">
         <?php query_posts('showposts=5'); ?>
         <?php while (have_posts()) : the_post(); ?>
            <li>
               <!-- Здесь ваше изображение -->
               <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a><br/>
               <?php the_time('l | d.m.Y') ?> | <?php comments_popup_link('Комментариев нет.', '1 Комментарий', 'Комментариев %'); ?>
            </li>
            <?php endwhile; ?>
</ul>

Вот что у нас получилось:
Как вывести последние публикации с миниатюрами из постов
Превью изображений можно показать различными способами:
- через произвольные поля.
- при помощи стандартного для WordPress вывода изображений;
- скриптом, выводящим первое изображение из поста;
Я использую вывод изображений из произвольных полей.

Вот так ↓

Открыть ↓
Для разблокировки содержимого, введите код из последнего, присланного вам письма.

В этом коде мы проверяем, есть ли изображение в посте, из которого идет вывод и, если картинка там есть, она выводится. Кроме того, мы вызываем скрипт timthumb.php и передаем ему изображение с параметрами:
h=100 - высота;
w=200 - ширина;
q=100 - качество изображения;
Благодаря чему изображение обрезается до указанного нами размера.
Больше об этом вы можете прочитать в посте Как изменить размер изображения на лету.
Ключ для вывода - 'thumbnail'.
Как говорят американцы, enjoy…

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1

(2 голоса, в среднем: 5 из 5)

Комментарии

  1. Спасибо пригодилось, мой любимый блог в рунете на тему wp )

  2. Здрвствуйте!
    В посте Вы писали про способы вывода первого изображения из поста в анонсах, а именно:
    - скриптом, выводящим первое изображение из поста.
    Меня интересует как и каким скриптом это делается.
    Просто хочется автоматизировать, а не писать постоянно в произвольных ролях. Уж слишком это время затратно.
    Подскажите пожалуйста что за скрипт и как его установить и настроить только подробнее если можно, так как учусь.
    Спасибо заранее!
    Да, еще надо чтобы выводились так:
    В постах у меня размер 150х150 обтекает текстом и рамка, а в анонсах надо чтобы после опубликования появлялась так же с параметрами как в посте, но только размер был бы 70х70 пикселей.

    • А что, Гугл уже не работает?
      Вот нашла для вас _http://arniwebdesign.com/kak-vyvesti-pervuyu-kartinku-iz-posta

  3. Ksana, спасибо, много нового узнал от Вас. Вывод первой картинки из поста предполагает размещение картинки средствами WP, так? У меня картинки вставлены тегом, лежат совсем в другом месте, но есть одна особенность. Имя файла .jpg совпадает с ярлыком записи. Когда-то делал это специально, знал что пригодится... 🙂 Скажите, пожалуйста, как можно автоматизировать вывод картинки? Я понимаю, что можно, но не знаю как. Гугл не помог. Спасибо.

    • В wordpress можно вывести изображения несколькими способами.
      Если у вас картинки добавлены в текст поста, то вам, скорее всего, подойдет вывод первого изображения из поста.
      Поищите в Google по этому запросу.

  4. Доброго времени!
    Спасибо вам большое за удобные и понятные подсказки для Вордпресс!
    Подскажите, пожалуйста, как можно вывести в рубрике в самом начале список всех постов из нее (как сделано на этом блоге)

    • В файле archive.php нужно написать условие типа, если загружается категория, то показываем список постов из нее.
      Сам код вывода довольно объемный, так что я не смогу вставить его в комментарии. Но могу опубликовать в одном из будущих постов - следите за обновлениями блога.

      • буду признательна!
        я сейчас сделала вывод статей - но он ограничен 10 штуками (видно срабатывает глобальная настройка блога)
        оставлю пока так, буду следить за обновлениями.

  5. спасибо. сейчас попробую внедрить
    а каким образом вы осуществили блок "обо мне/новости/популярное/в планах"? - очень здорово!!

    • Это скрипт Табы.
      Описать его работу в коротком комментарии сложно.
      Поищите его в интернете - собственно, таких скриптов много. Какой то из них несложно найти.

  6. Если вдруг не секрет, то можно еще спрошу...
    Как сделан блок "музыка, которую я слушаю"?
    Пробую искать, но, вроде, в слайдер картинок не получится поставить видео.
    Так удивительно - очень часто бываю на самых разнообразных сайтах, но таких штук не встречала. Респект.

    • Обычный цикл, в котором выводятся последние видео-файлы из категории. Добавляются они через произвольные поля. А к выводу подключен jquery-плагин Сycle.

      • здорово. большое спасибо за подсказку.. буду пробовать осуществить..
        пока не умею что-то делать с произвольными полями, но обязательно что-то найду
        и табы - да.. очень рада, все получилось)))

  7. Ксана мне нужен код я хочу скачать у вас темы

    • У вас, нгаверное, была RSS подписка?
      теперь код будет приходить по email-подписке. Подробности на странице Как скачать тему.
      Кроме описанного там способа, подписаться можно также, кликнув по картинке книги в слайдере (находится в сайдбаре) и на открывшейся странице ввести свой email в форму подписки.
      Пожалуйста, переподпишитесь еще раз.

  8. Извините уважаемая Ксюша, можно вопрос не по теме.
    Как сделать выбор шаблонов для категорий (так же как для страниц). Для WP 2.7 был плагин, (черипанова, если я не ошибаюсь). А как это реализовать на WP3...

    • Я не знаю такого плагина.
      Можно создать файл шаблона для нужной вам категории, назвать его category-1.php, где 1 - это ID категории.
      Этот файл нужно положить в папку с темой - wordpress сам найдет и будет использовать его для отображения этой категории.

  9. Вот нашел, думаю многим пригодится
    http://jsxgraph.uni-bayreuth.de/wiki/index.php/Time_series_II
    даже плагин есть для WP
    http://wordpress.org/extend/plugins/jsxgraph/
    но вот не пойму как выводить данные
    Пожалуйста, помогите разобраться.

    • Арнольд, вам лучше обратиться к автору плагина - он наверняка свой плагин знает лучше и сможет объяснить как им пользоваться.

  10. Спасибо, полезная статья. А не подскажете, как выводить миниатюры в сайдбаре рядом с пунктами меню?
    Вроде бы это дело надо включать в sidebar.php. Но реально если там что-то менять, то на вывод не влияет. Можно спокойно закамментировать весь код внутри if, меню будет отображаться точно также. Не могу понять, куда вставить код про миниатюру. Может это связано с тем, что работает динамическое меню? Его надо отключить?

    • Плагин category-page-icons вам в помощь :).

      • Спасибо! Я решил уже проблему немного другим путем, через плагин Latest Post from each Category.
        Но спасибо Вам, буду знать на будущее!

  11. Извиняюсь за глупый вопрос. В какие файлы эти 2 кода вставлять?

    • Зависит от того, где именно вы хотите показывать список последних публикаций.
      Если в сайдбаре, то вставьте в файл sidebar.php.

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

    • CSS - свойство float.
      Подробнее, читайте здесь - http://htmlbook.ru/css/float.

  13. Нифига не понятно. Вызываем....колдуна вызываем что ли? Напишите что куда вставлять а не каким-то птичьим способом, я не телепат. Потратил время на ваш сайт, чтобы скачать ерунду а нифига не понял что куда....

    • Мне кажется, я все описала очень подробно.
      Если же вы не поняли, значит не стоит за это браться самому.
      Закажите кому-нибудь на fl.ru :).

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

    • Не совсем.
      Если использовать мой код, тогда нужно еще загрузить скрипт timthumb.php на сайт и положить его в папку scripts.

  15. Огромное спасибо за полезную информацию

Ответ на комментарий

Войти, чтобы написать отзыв.

Внимание: все отзывы проходят модерацию.

Топ комментаторов
АватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватар
Самые комментируемые записи
Самые читаемые записи

Для того чтобы снять блок и увидеть скрытый контент или ссылку на закачку, подпишитесь на обновления блога.

В каждом письме публикуется код разблокировки.

Пользуйтесь кодом только из последних, пришедших вам на Email, писем. Закрыть »

Постов 204
Отзывов 5336