Меню

Auto post thumbnail настройка



Плагины для работы с миниатюрами WordPress

Миниатюры – это небольшие (сегодня стало модно делать их большими) изображения, которые повествуют о содержании статьи и привлекают кликнуть. Миниатюры WordPress стал поддерживать ещё двумя версиями раньше.

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

Получается, что те, кто изначально не выводил миниатюры WordPress, сегодня оказался вне моды. И исправить всё теперь будет сложно – не будем ведь добавлять вручную миниатюры в сотни или тысячи записей. Это мазохизм.

В данной статье мы вам расскажем о плагинах, которые могут добавить миниатюру в WordPress автоматически. И ещё об одном интересном плагине.

Auto Post Thumbnail

Этот плагин для работы с миниатюрой WordPress прост и прозрачен, хоть и на английском. После его установки и активаций, он сразу же начинает работать и устанавливать миниатюры ко всем записям, в которых их нет. На роль миниатюры идёт первая картинка в записи.

Если изображения в записи вообще нет, то картинка не будет установлена вообще. Миниатюры WordPress не будут также установлены для записей, в которых она уже есть.

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

Auto Post Thumbnail PRO

Это платная версия предыдущего плагина, которая позволяет работать с миниатюрами WordPress более продвинуто. В дополнение к описанным основным функциям, имеются следующие:

  • Автоматическое создание миниатюры в WordPress для видео;
  • Установка одинаковой заглавной картинки для всех записей и страниц, которую вебмастер может выбрать сам;
  • Удаление всех миниатюр автоматически;
  • И несколько других функций.

Category Featured Image

Последний плагин для работы с миниатюрами WordPress, который позволяет устанавливать их к постам, рассортировав их по рубрикам. То есть, к записям одной рубрики – одна картинка, к записям другой – вторая и так далее. Для некоторых сайтов это будет очень удобная вещь, которая позволяет автоматизировать работу.

Данный плагин создан теми же разработчиками, что и два предыдущих. Поэтому использовать их все можно совместно и всяких конфликтов не будет. Но если всё-таки что-то пойдёт не так, то почитайте тут.

Источник

Как в WordPress можно выводить посты из категории с миниатюрами (их создание в Auto Post Thumbnail и catch_that_image)

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодняшний маленький пост я решил посвятить ответу на вопрос, который мне уже несколько раз задавали в комментариях и по почте. У меня не так давно в конце всех статей появился блок из девяти (можно задать любое количество) карточек статей, которые были опубликованы ранее в той же рубрике, что и просматриваемая публикация.

Про внутреннюю перелинковку и ее способы реализации на этом блоге я уже писал, поэтому здесь не буду наводить тень на плетень и рассказывать, почему Википедия из-за своей всеобъемлющей перелинковки (ну, и не только) находится в Топе по подавляющему числу информационных запросов обоих поисковых систем.

Как выводить статьи из категории WordPress в виде миниатюр

В общем, с большим трудом я попробовал вспомнить как это реализовано, ибо уже успел все успешно забыть (в бытность студентом за одни-три дня мог любой предмет, где есть логическая связь, по любым имеющимся материалам в голову запихнуть, а через день после сдачи все обнулить). Однако, не суть.

Итак, описываю мой случай. Функция, которая позволяла выводить предыдущие N статей из той же рубрики, у меня работала уже несколько месяцев и была она взята с этой страницы известного знатока кода WordPress под ником Kama. Но мне хотелось немного акцентировать на этих ссылках внимание, поэтому и задумался о добавлении превьюшек.

Если бы я иллюстрации для блога загружал встроенными в Вордпресс средствами, то кроме основного изображения, на хостинге лежали бы еще и его миниатюры, с заданными в настройках размерами. В этом случае их можно было легко прикрутить к ссылкам с помощью функции the_post_thumbnail. Появилась она в Вордперессе не так чтобы давно, но не все ее еще используют.

Читайте также:  Zyxel keenetic giga iii настройка принтера

Кроме заголовка и миниатюры можно даже некоторый фрагмент текста статьи добавить, как это сделал Уважаемый Ринат в комментарии 138 на блоге Димокса:

В начале кода «return 10» задает число слов, которое будет выводиться в анонсе статьи с помощью (если ничего не путаю, ибо в PHP нуб), в конце кода в ($post->ID, $the_cat_id, 5) цифрой 5 задается число предыдущих постов из той же категории, к которой относится данная публикация.

Все замечательно, и я даже пару дней такой вид тестировал на блоге (правда для вывода миниатюр использовался чуть более сложный способ, который описан ниже). Но потом чего-то не вставило и я поменял на то, что Вы наблюдаете сейчас (если я опять все не поменял):

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

Да, чуть не забыл, все это безобразие нужно вставлять непосредственно в то место шаблона WordPress, где предыдущие посты и должны выводиться. Обычно это файл single.php или index.php (если сингла нет) из папки с используемой вами темой оформления:

Если хотите, чтобы предыдущие посты из этой же категории показывались сразу после текста статьи, то найдите в коде single.php или index.php место:

И лепите приведенный чуть выше громадный кусок кода сразу за ним. ВАЖНО. Все должно заработать, но все равно сначала сделайте на всякий пожарный резервную копию файлов вашей темы и не пользуйтесь возможностями WordPress по редактированию файлов шаблона, ибо при работе, например, в связке Файлзилы и Нотепад++ у вас всегда будет возможность сделать откат при неудаче или ошибке.

Создание миниатюры из первой картинки поста

Использование функции « the_post_thumbnail» это оптимальный вариант, который я не реализовал (на самом деле реализовал с помощью упомянутого чуть ниже плагина Auto Post Thumbnail и результирующий код приведен в самом низу статьи) потому, что файлы иллюстраций для статей кидаю сразу на хостинг через лучший ФТП менеджер, а в текст статьи вставляю шаблон, в котором потом меняю название файла картинки и его описание в атрибутах Alt и Title тега Img:

Привык я это делать еще до того, как WordPress стал поддерживать миниатюры и, следовательно, даже если бы я перешел на новый способ добавления графики на блог, то часть статей все равно осталась бы без миниатюр.

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

P.S. Способ автоматического создания миниатюр найден — это плагин Auto Post Thumbnail. После установки заходите в его настройки и жмете на кнопку для создания миниатюрных картинок различных размеров, за основу которых будет браться первая картинка поста.

Полчаса ожидания и миниатюры для всех статей блога будут созданы автоматически. Лепота.

Почему-то у меня мысль (поиск) сначала пошла по второму руслу и именно этот вариант и был реализован, а в последствии заменен на классическую функцию работы с миниатюрами the_post_thumbnail (array (200,200).

Произошло это потому, что описанный здесь вариант имел один существенный недостаток (если я не ошибаюсь) — функцией вытягивается полноразмерное изображение из поста, которое потом средствами языка стилевой разметки CSS уменьшается до нужного размера миниатюры (с помощью height и width).

Читайте также:  Настройка двигателя от минска

Если для блога KtoNaNovenkogo.ru это критично, но не сильно, ибо первые картинки изначально имеют не очень большой вес (в среднем 30 кило), то для фотоблога это будет серьезной проблемой.

Собственно, про способ выдергивания первой картинки из любого поста в WordPress. Достаточно будет в файл вашей темы оформления под названием functions.php (в любом месте, но после окончания какой-либо другой функции, а не ее середине) добавить следующую функцию catch_that_image:

Добавляете, а затем чуток изменяете приведенный чуть выше громадный код функции show_previous_posts_from_category, т.к. нам теперь вместо стандартной функции the_post_thumbnail нужно будет использовать только что добавленную catch_that_image.

У меня получилось примерно так в PHP коде (он вставляется в single.php или index.php вашей темы по описанному чуть выше принципу):

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

Возможно, что сделано по нубски (CSS как шахматы, в которых я знаю как ходить, но это не позволяет мне играть хоть сколько-нибудь прилично), но работает. Гиперссылка имеет Href в виде ссылки на нужный пост (из той же рубрики) и она покрывает сразу два блока:

  1. Первый с пустым контейнером Div, фоном для которого выступает выдернутое с помощью функции catch_that_image первое изображение из этого поста (он задается CSS свойством background), которое с помощью свойств width:200px и height: 150px уменьшается до нужных мне размеров, а при помощи background-size: 100% отображается не его верхняя левая часть, а уменьшенная копия.
  2. Второй контейнер Div с помощью функции trim_title_chars (110, ‘. ‘) позволяет отобразить чуть ниже этого фонового изображения заголовок поста, в котором отображаются только первые 110 символов, ибо мои тайтлы очень длинные (читайте про мета теги title, description и keywords) и вносят сумбур в стройные ряды карточек постов. Если обрезать не нужно, то можете вставлять традиционную функцию the_title ().

Ну и понятно, что все, что можно было вынести в классы, я вынес, поэтому будет не лишним их здесь привести (живут они в отдельном файле стилей style.css в папке с темой оформления):

Опять же, нубский стиль, но работает. С помощью border задается сплошная рамочка в один пиксел шириной, а с помощью Padding и margin — внутренние и внешние отступы (код хорошо анализировать с помощью Фаербага или его встроенных во все браузеры аналогов).

Float заставляет карточки постов плавать и прижиматься к левому краю, но не забывайте, что остальные блоки кода не замечают плавающие элементы, поэтому во избежании их прилипания снизу следует указать в CSS свойствах нижнего (следующего после них) блога свойство Clear:both для возможности задания отступов от него до плавающих вверху блоков карточек предыдущих постов. Интересно, я бы сам понял, что написал, не пиши это собственноручно. Сомневаюсь, но объяснять подробнее лень. Извините.

Последние две строки заставляют не отображать подчеркивание ссылок при наведении на них мыши (читайте про селектор hover и text-decoration) и задают серенький фон при наведении на карточку курсора, что добавляет, на мой взгляд, некую живость. List-style-type убирает нумерацию у используемого мною Html списка (OL и LI).Тупо, глупо, но интересно.

P.S. Если у вас миниатюры уже есть, или же вы их создали для всех постов автоматически с помощью упомянутого чуть выше плагина Auto Post Thumbnail, то можете использовать более простой и легкий в плане нагрузки на сервер способ:

Как на страницах рубрик выводить миниатюры постов

Ну и еще чуток о том, как организовать вывод постов на страницах категорий (рубрик), меток (тегов) или временных архивов WordPress в виде миниатюр (превьюшек) и заголовков этих статей. Собственно, сделать тоже самое, что мы только что сделали, но при этом еще оставив пагинацию (нумерацию страниц — читайте про пагинацию с WP-PageNavi). Сложного тут ничего нет. Если у вас в теме уже имеется файл archive.php, то его нужно будет лишь немного подкорректировать, убрав из него:

Читайте также:  Powershell настройка сетевых адаптеров

Кстати, первый вариант выводит анонс статьи до тега More, а второй только 50 (по-моему) первых слов. Хотя, количество слов можно варьировать, дописав в functions.php следующий код:

Но не суть. Итак, удаляем оговоренную конструкции, а также стоящую чуть выше часть, где выводится заголовок статьи:

И вместо них вставляем уже упомянутый чуть выше фрагмент:

Но не все так просто. Нужно попасть внутрь цикла и правильно распорядиться с уже имеющимися блоками. Я, как уже говорил, не силен в ПХП, но путем сравнительно непродолжительных итераций смог получить нужный мне результат. Делал я это для другого проекта, в шаблоне которого файла archive.php не было и я его создал на базе имеющего файла index.php. Объяснять суть довольно долго, поэтому приведу оба файла, а вы сможете сравнить и сделать по аналогии у себя так же.

Был такой вот index.php:

Из него путем удаления лишнего и добавления нужного получился такой вот файл archive.php:

Вот, собственно, и все. Ах, да. Мне не понравилось, что на страницах рубрик и меток отображается столько же постов, что и на главной. Мне хотелось больше. Сделать это оказалось не сложно — достаточно заменить конструкцию на:

Где и указать нужное число статей, отображаемое на страницах архивов. Все.

Источник

Auto Post Thumbnail — создание миниатюр к постам автоматически

Миниатюры к статьям на wordpress блоге – это очень простая и удобная функция, позволяющая в считанные секунды снабдить пост поясняющим изображением. Но, учитывая что поддержка миниатюр в платформе wordpress о достаточно недавно, многие шаблоны его попросту не поддерживают и поясняющие картинки в старых шаблонах стоят прямо в тексте.

И, при попытке использовать функцию миниатюр в шаблоне происходит дублирование картинок – остается старая картинка и появляется миниаютюра. Хорошо, если блог ведется несколько месяцев, а если несколько лет (не заниматься же возней с картинками целый день)? Но, и это можно решить с помощью замечательного плагина Auto Post Thumbnail.

Плагин Auto Post Thumbnail позволяет миниатюры картинки из первого изображения в посте. Если же миниаютюра уже установлена, то ничего не происходит. Плагин работает очень просто, а главное эффективно.

Установка данного плагина предельно проста, просто скачиваете его с официального сайта разработчика и устанавливаете, загрузив его в папку с плагинами с помощью ФТП соединения или обычной загрузкой из админки блога.

После того, как вы установили плагин у Вас в меню блога появится новый пункт с названием плагина — Auto Post Thumbnail, в котором сущесвует всего одна кнопка Generate Thumbnails, нажав на которую произойдет генерация миниатюр ко всем существующим постам в вашем блоге.

После завершения работы плагина рекомендую пройтись по блогу, для того, чтобы проверить насколько корректно отображаются посты. Если происходит дублирование – две картинки в качестве миниатюры, то вероятно в вашем шаблоне ранее была поддержка миниатюр и, чтобы исправить эти ошибки нужно внести некоторые изменения в коде шаблона. А именно отредактировать функцию the_content заменив ее с php_the_content на

во всех файлах темы в home.php, archive.php, index.php и других, везде, где она присутствует.

Далее в шаблоне удалим функцию, выводящую миниатюры. Для этого идем в файл single.php и удаляем примерно такой код.

После этого в кратких записях должны выводится миниаютюры, а в полных то изображение, которое вы задаете к посту. Но еще раз скажу, проще использовать современные шаблоны, поддерживающие все нужные функции, тот же templatemonster предлагает качественные wordpress шаблоны для вас. причем имеются как платные, так и бесплатные варианты. Но. если вы не хотите расставаться с каким — либо полюбившимся шаблоном, то это способ для вас.

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

Источник

Adblock
detector