Расширенное использование вложений WordPress Создание специального изображения для категории


Оглавление (нажмите, чтобы открыть):

Шаблон категорий WordPress. Полное руководство

Сегодня хотелось бы поговорить о категориях в WordPress они же рубрики. Возможно, вы замечали на некоторых сайтах разные стили или оформление одной категории отличающийся от другой. И отсюда возникает вопрос: как это делается? Как добиться подобного результата? Секрет заключается в создании шаблона для определенной категории и последующих его действий. Это откроет больше возможностей, например, можно поменять структуру постов, добавить иконку, цвет, описание к выбранной категории. То есть внести изменения, которые коснутся лишь одной рубрики.

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

Иерархия шаблонов для категорий в WordPress

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

Category-slug.php – самая высшая должность и WordPress в первую очередь ищет этот файл. Он носит название самой категории так называемый ярлык или краткий заголовок. К примеру, у вас есть раздел «Программы» и для него необходимо создать шаблон. Первым делом переходим в админ-панель на вкладку «Записи-Рубрики», выбираем необходимую рубрику и видим какой у нее ярлык.

Следовательно, шаблон должен быть создан с названием category-programmy.php . И все что вы в нем измените коснется только этой категории.

Category-id.php – первый заместитель. В его название входит уникальный идентификатор категории. Найти его можно там же где и ярлык только в адресной строке.

Число «8» это и есть >category-8.php .

Category.php – это идет уже базовый шаблон или стандартный, как удобнее.

Archive.php – файл архивов. Он принимает на себя удар если тема не содержит ни одного из выше упомянутых файлов.

Index.php – индексная страница.

Первый этап закончен. Переходим из обзора в начальную практику.

Создание шаблона для категорий

В роли подопытного кролика сыграет тема «Clean and Clear» это уже не впервой, так что ей не привыкать. Теперь предположим необходимость создать шаблон для категории с идентификатором «8». Открываем тему и ищем файл « category.php ». Но оказался тот случай, когда тема не содержит в себе данного файла. Если следовать иерархии, то ответственный файл за категории становится archive.php .

Копируем его на рабочий стол и переименовываем в category-8.php после забрасываем обратно в папку с темой. В итоги – шаблон создан Изменения, которые будут внесены в нем затронут лишь рубрику с ID-8. Таким же путем создается шаблон с ярлыком только вместо ID прописывается название категории.

Манипуляция со шаблоном для категорий

Подошли к последнему этапу – основная практика. Какие действия можно проделать с шаблоном и как?

1. Добавить обычный текст.

2. Поменять структуру постов

Что я имею в виду под словами «структура постов» — изменение вида с одноколоночного на двух- или трех- . Такой вид, в большинстве, применяется для каталогов в интернет-магазинах или просто потому, что так нравиться. Я уже писал, как сделать двухколоночный вывод постов. Абсолютно минимальными действиями, но в нем имелись свои недостатки. Они небольшие, если не учитывать особые случаи, к примеру, определенное количество записей и количество слов в анонсе.

А создание отдельного шаблона даст полную власть и решение, что оставить, а что удалить. Сейчас мы организуем двухколоночную структуру, в определенной категории, с определенным количеством записей.

Первую часть «создание шаблона» мы прошли в начальной практике поэтому перейдем сразу во вторую. В шаблонном файле удаляем все содержимое, кроме главного контейнера (в нем находятся все последующие блоки), и оставляем функции вызова «header, sidebar, footer». В главный блок добавляем цикл, заголовок постов и вывод миниатюр. Вот, что получилось у меня:

Давайте разберем некоторые функции.

cat=8 – идентификатор категории (через запятую можно добавить несколько).

showposts=40 – количество записей.

Осталось стилизовать внешний вид.

В результате получилось следующее.

Условные теги для категорий

На самом деле к созданию шаблона прибегают в крайних случаях. Чаше всего используют условные теги поскольку это намного проще. Рассмотрим один пример. Поставлена задача — добавить разные иконки ко всем рубрикам. Если продублировать каждую категорию, то сколько же шаблонов получиться – уйма! Плюс добавляется рутинная работа. А если подумать… не легче ли использовать условные теги? Ответ-да.

Список нескольких возможностей:

Различный текст для каждой категории

Разные картинки для каждой категории


Отображение текста только на первой странице рубрике

Описание категорий только на первой странице

Разные шаблоны для категорий записей WordPress, как реализовать по данному примеру?

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

Создал разные шаблоны типа single-cat-ID.php — все работает.

Теперь, я добавил произвольные типы записей вордпрес и добавил к ним категории, вот таким способом:

Получилось! Хочу сделать, для этих записей свой шаблон, тем же способом, что и для обычных записей — не получается. Подскажите, почему?

Получаем превью изображения, добавленного через плагин Advanced Custom Fields в WordPress

Advanced Custom Fields – наверное, один из самых популярных и бесплатных плагинов для WordPress, с помощью которого можно организовать удобное добавление, вывод и управление дополнительных полей на вашем сайте.

Плагин поддерживает большое количество типов полей, которые можно создать и вывести в последующем. Сегодня же нас интересует тип «Изображение», и мы рассмотрим его немного подробнее на примере одной поставленной задаче.

Все дело в том, что при создании поля с таким типом перед нами встает выбор из трех типов вывода данных из такого поля. Это изображаемый объект, ссылка на изображение и ID изображения.

Первый выводит массив с данными об изображении, который содержит в себе ID изображения, формат, название файла и другие параметры. Второй логично выводит ссылку на изображение, а третий – его ID.

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

Чтобы не перегружать вашу страницу лишним весом, мы научимся получать превью нашего изображения, добавленного через этот плагин.

Итак, для начала вам необходимо в типе вывода данных выбрать «ID изображения». А дальше уже дело техники.

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

Где «images_1» – это название вашего поля, его вы указывали при создании.

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

На что здесь стоит обратить внимание?

$size – это переменная, которая содержит в себе размер. Допустимые значения – это thumbnail, medium, large и full или массив вида:

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

Каждый из кодов вы вставляете в файл вашей темы, отвечающий за краткий вид вывода информации или же полную версию материала.

WordPress.org

Русский

Поддержка → Проблемы и решения → Категории и подкатегории в Портфолио.

Категории и подкатегории в Портфолио.

Хотел попросить Вашей помощь в следующем:

Как Вы знаете, Портфолио в WP отображает только один тип категорий или точнее их может быть много, НО, как быть, если нужно добавить и подкатегории.

Нужно сделать так, чтобы посетителей мог сортировать работы не только по типам (визитки, флаеры, книги и т.д.) но и к каждой из категории можно было выбрать и одну из предпочитаемых:
Категория ВИЗИТКИ
Подкат: Деловые
Подкат: Животные
Подкат: Природа

Если есть такой плагин то буду рад любой информации. А может быть придется в таком случае заменить портфолио, к примеру, Блогом или еще чем?

Как Вы знаете, Портфолио в WP

Нет, мы не знаем. В ВП нет никакого «Портфолио».

Но может создаваться плагинами или темой.

SeVlad, скажите, какой был смысл писать то, что Вы написали?
Я обратился за помощью а Вы написали какой-то набор слов, не имеющий какой-либо полезной нагрузки… Даже если WP не имеет своего Портфолио (я не продвинутый потребитель), это что-то существенно меняет?

Ок, попробую ещё раз — мы не знаем чем и как у Вас сделано ваше портфолио. Соответственно — это Вы нам должны сказать.

Могу показать только сам шаблон:

1. Если хотите понимать о чем порой идет речь и быть понятым на этом форуме — изучите азы терминологии ВП
2. На сайте по указанной ссылке установлена тема unique. Такой темы нет в официальном каталоге тем для ВП, что затрудняет её изучение в целях помощи вам. Если это платная премиум тема и она куплена вами — обратитесь в её поддержку, что входит в стоимость темы.
Если эту тему вы нашли на просторах интернета, на одной из многочисленных помоек, распространяющих «шаблоны» для ВП — ваши дела еще хуже. И вот вкратце почему

Spectrum, я обратился к поддержке темы, которую купил официально и мне сказали, что в портфолио нельзя внедрить подкатегории и оно будет показывать только основные категории или то же самое что показать только виды товаров, но не показать их разновидности по странам, размерам, ценам и т.д.

я обратился к поддержке темы, которую купил официально и мне сказали, что в портфолио нельзя внедрить подкатегории

На этом форуме никто не станет покупать эту тему чтобы разобраться как там устроено портфолио и тем самым помочь вам.

Вот именно поэтому вам не надо было начинать с платных тем.

Чтобы хоть как-то помочь вам могу посоветовать только одно — посмотреть в сторону плагинов для портфолио https://ru.wordpress.org/plugins/search/category+portfolio/ , а еще лучше подобрать бесплатную тему из оф. каталога, в которой вы сами сможете создать нужное вам портфолио (а не навязанное в теме) с помощью тех же плагинов.
И у вас будет широкое поле для творчества и настройки портфолио и помощь вам оказать в этом случае будет проще.
P.S. Только не поддавайтесь заблуждению типа «Если бесплатно — значит это хуже чем платно». В отношении WP это скорее наоборот…..

  • Ответ изменён 1 год назад пользователем O.
Мастер Йода рекомендует:  Новые предупреждения от инструмента проверки разметки от Google

All in One Seo Pack — убрать описание для категорий — WordPress

Сайты на WordPress давно уже получили широкое распространение и всеобщую любовь. В связи с такой большой популярностью реализуются и совершенствуются различные инструменты, упрощающие жизнь обычных пользователей. Одним из таким замечательных инструментов служит плагин для Сео-оптимизации — All In One SEO Pack, который позволяет с легкостью задавать и менять заголовки, описания и ключевые слова для большинства страниц сайта.

На этом бы рассказ и закончился, если не одна особенность — плагин не позволяет вручную менять эти данные для категорий. А нынче любая мелочь может стоить позиций в поисковых системах, целевых пользователей и ключевых продаж. Поэтому каждый оптимизатор стремится любые нюансы учесть и настроить на своем проекте. А значит сегодня мы будем учиться убирать автоматически сформированное описание для рубрик. Это может быть полезно в тех случаях, когда описание реализовано другими средствами и выводится в шаблон (например, произвольными полями). Итак, поехали.

Как сделать это «малой кровью» или настройками я не нашел, поэтому будем править код плагина. Идем на фтп по пути: /wp-content/plugins/all-in-one-seo-pack. Нам нужен файл aioseop_class.php — открываем его в режиме редактирования. И примерно на 2128 строке находим следующий код:

Этот код как раз и отвечает за вывод описания в рубриках. Поэтому, если мы не хотим показывать сгенерированное описание (которое выводится через meta description), то нужно обернуть код в следующую конструкцию:

Чтобы получилось вот так:

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

Всем высоких позиций и довольных заказчиков!

Используем формат изображений WebP в WordPress

Здравствуйте, друзья! И снова пост касается оптимизации изображений — как использовать на сайте WordPress картинки/изображения в формате WebP? Для изображений формата WebP используется более эффективное сжатие. И поэтому они загружаются быстрее и потребляют меньше трафика, чем изображения PNG и JPEG. Как загрузить webp в wordpress? Ни как. Загружать изображения формата WebP в WordPress нельзя. Данный формат просто не поддерживается движком.

Хотя WordPress поддерживает самые популярные форматы графических файлов, в том числе JPEG, PNG, GIF и ICO. WebP в этот список ещё не добавлен. А что делать? Выход есть. Вам просто нужно использовать плагин.

Используем формат изображений WebP на сайте WordPress

С помощью плагина можно автоматически конвертировать все картинки на сайте Вордпресс в современный формат WebP. Таким образом, мы обеспечим автогенерацию изображения формата WebP, вместо PNG / JPEG, для браузеров поддерживающих WebP. А которые не поддерживают WebP мы отправим изображения в формате jpeg и png. Хотя на сегодняшний день формат WebP поддерживается большинством современных браузеров.

Google активно продвигает WebP и будет продолжать это делать. Хорошим решением будет наличие нескольких форматов изображений и выдача нужного типа изображения по ответу браузера — поддерживает WebP или нет.

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

Будет лучший рейтинг в поиске Google (эффективность учитывается поисковиком Google). Положительное влияние наличия формата WebP на сайте на поисковую выдачу уже замечено.

Изображения WebP в WordPress

Конвертировать изображения в формат WebP — лучшая альтернатива JPEG и PNG. Формат WebP предлагает превосходное качество картинки и уменьшает размер файла для ускорения загрузки сайта на WP. Для сайта Вордпресс есть WebP плагин рекомендуемый Google PageSpeed Insights.

Для начала делаем анализ сайта с помощью инструмента PageSpeed Insights. Смотрим отчёт. Видим такую рекомендацию в разделе Оптимизация: Используйте современные форматы изображений. Открываем вкладку и видим решение для сайта WordPress — чтобы загружаемые изображения автоматически конвертировались в формат WebP, надо использовать специальный плагин или сервис.

Google обновил инструмент PageSpeed Insights и стало намного проще узнать с помощью каких модулей можно решить ту или иную проблему. Нажимаем ссылку Плагин:

Чтобы загружаемые изображения автоматически конвертировались в формат WebP

Откроется страница плагинов с меткой convert webp. Переходим в каталог плагинов поддерживающих русский язык. Видим:

Плагины WebP для Вордпресс

Здесь, нас интересует только плагин WebP Express, он на первом месте. О модуле Opti MozJpeg Guetzli WebP рассказывал сам автор плагина у меня в блоге — тут. Перейдём непосредственно к WebP Express.

WordPress плагин WebP Express

WebP Express обеспечивает авто-генерацию изображения формата WebP вместо jpeg/png для браузеров поддерживающих WebP. Работает со всеми картинками (изображения медиабиблиотеки, гарелереи, изображения темы и так далее):

WebP Express — для высококачественной оптимизации изображений на сайте WordPress

С помощью бесплатного плагина WebP Express вы можете автоматически создавать сгенерированные изображения WebP в браузерах, которые поддерживают WebP, и в то же время предоставлять файлы JPEG / PNG пользователям Safari.

Почти 4 из 5 мобильных пользователей используют браузер, который способен отображать изображения webp. Тем не менее, на большинстве веб-сайтов, они обслуживаются jpeg изображений, которые, как правило, вдвое больше размера изображений webp для данного качества. Какая трата пропускной способности! Этот плагин был создан, чтобы помочь исправить эту ситуацию.

Очень легко, администраторы WordPress могут размещать на своих сайтах автоматически генерируемые изображения WebP в браузерах, которые поддерживают его. И в то же время, обслуживая файлы jpeg и png в браузерах, которые не поддерживают формат WebP. Plugin использует библиотеку WebP Convert для преобразования изображений в WebP на сайте Вордпресс.

WebP Express настройка

Как использовать WebP Express? Да очень просто. Первым делом нужно установить и активировать plagin стандартным способом, из админки. Главное в WebP Express — это правильно настроить его. После активации плагина в админке Настройки — пункт WebP Express. Очень странно, указано что, переведён на русский, но родного ни строчки, сплошной английский. Не беда, браузер переведёт. Большинству сайтов подойдут рекомендуемые настройки, как на скриншотах:

Страница WebP Express Settings

Далее, настройки в разделе Conversion:

Настройте WebP Express

И последнее по настройкам. Отметьте галочками, как показано на снимке. Первый вариант: галочки в Replace tags with

tags, adding the webp to srcset и Dynamically load picturefill.js on older browsers работает с кэшированием WordPress. Отлично работает с кэшированием страниц, потому что все браузеры обслуживают один и тот же HTML:

Настройки WebP для сайта Вордпресс

Второй вариант: не работает с кэшированием страниц если вы не используете плагин Cache Enabler , который может поддерживать две кэшированные версии каждой страницы:

Делайте замены только в браузерах с поддержкой webp

Правила перезаписи будут активированы при первом нажатии волшебной кнопки «Сохранить настройки» (Save settings). Все правила перенаправления быдут сохранены в вашем файле .htaccess .

Следующий шаг после настроек данного плагина — это проверка его работы в различных браузерах. Открываете сайт в браузере, по картинке кликаете правой кнопкой мыши и выбираете «Просмотреть код»:

Проверка в браузере работу WebP Express

В Microsoft Edge пока не поддерживается формат WebP и поэтом картинку выдаёт в обычном расширение jpeg или png. Скоро и Edge будет поддерживать современный формат.

Так друзья, проверьте снова сайт инструментом PageSpeed Insights. И вы увидите что, рекомендация — Используйте современные форматы изображений — исчезла:

Проверка сайта — как ускорить загрузку изображений

В заключение

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

Будем надеяться, что в будущем WordPress представит поддержку WebP. Пока это не произойдет, я рекомендую использовать специальные плагины WebP, которые могут помочь вам размещать изображения WebP на вашем веб-сайте Вордпресс. Тем самым, вы значительно ускорите загрузку страниц своего сайта на ВП. А это важно для продвижения.

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

Массовое добавление категорий и меток в WordPress

Сегодня расскажу как добавить рубрики в WordPress, когда требуется создать 10, 20 и более элементов. Такая задача может возникнуть, например, для туристического сайта, если вы создаете категорию для страны, а в ней планируется множество подкатегорий с городами. Подобный вопрос задавали в комментариях, поэтому решил поискать подходящие плагины. И у меня получилось:)

В блоге, кстати, уже была похожая статья про страницы и посты — тогда все решилось с помощью Bulk Page / Content Creator. Что касается, указанных ниже модулей, то их плюсом есть возможность кроме рубрик массово добавлять метки и некоторые другие таксономии.

В принципе, вы можете создать категории в WordPress по одной вручную без каких-либо дополнительных плагинов за счет базовых функций системы. Для этого переходим в раздел «Записи» — «Рубрики».

Здесь нужно заполнить поля:

  • название категории;
  • ярлык (slug) — используется для формирования URL’а записей.
  • родительская рубрика, если требуется.
  • описание (не обязательное поле).

Потом кликаете по кнопке в самом низу страницы, тем самым создавая категорию в WordPress. Ничего сложного. Метки добавляются похожим образом в разделе «Записи» — «Метки». Единственное, что там в настройках нет возможности выбирать родительский элемент.

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

Quick Bulk Term Taxonomy Creator

Quick Bulk Term Taxonomy Creator — отличное решение для разработчиков, позволяющее создавать таксономии с учетом иерархии. Поддерживается версия WP до 4.4.2, последнее обновление было недели две назад. Оценка 4,8 и более 500 загрузок.

После установки и активации модуля заходите в раздел «Инструменты» — «Quick Term Creator». Чтобы добавить категории в вордпресс выбираете в пункте Taxonomy значение «Рубрики». После этого вставляете список новых элементов в форме ниже (по одному в строке).

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

Bulk Term Generator

Плагин Bulk Term Generator также позволяет добавить рубрики с учетом иерархии и поддерживает разные таксономии. Например, для установленного модуля магазина woocommerce можно массово создавать категории/метки товаров, категории доставки и т.п.

В начале работы заходим в раздел «Bulk Term Generator», где для параметра Taxonomy в выпадающем списке выбираем значение «Рубрики». Далее на странице появится информация об имеющихся элементах и форма для создания новых.

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

К сожалению, в рассмотренной мной версии Bulk Term Generator 1.2.0 попался глюк, когда при вводе списка новых элементов не получается перейти на следующую строку. Я нажимаю Enter, вижу, что в форме создается некий отступ, но курсор остается в текущей строке. Модуль распознает данный отступ, но отсутствие визуального отображения немного сбивает с толку. То же самое происходит и при копировании элементов из буфера обмена — отступы не видны, но плагином определяются.

Отличный плюс модуля — редактирование списка добавленных таксономий.

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

BulkPress — массовый импорт / экспорт рубрик

Напоследок рассмотрю еще один плагин, позволяющий массово создать категории в WordPress — называется BulkPress. Он из данной подборки самый популярный (7 тыс. загрузок), но уже не обновлялся более двух лет. Тем не менее, мне удалось запустить его и добавить нужные рубрики в последней версии вордпресс.

После активации модуля в адмике появится новый одноименный раздел — BulkPress. В пункте меню Terms сможете создавать элементы таксономий, а в Posts — записи и страницы. Выбираем первый.

Иерархию для разделов можно установить 2-мя способами в зависимости от вашей структуры сайта:

  • размещаете список элементов, а внизу выбираете родительскую рубрику;
  • используете символ слэша «/» для определения подкатегорий.
Мастер Йода рекомендует:  Подборка интерактивных самоучителей, которые помогут в увлекательной форме изучить основы

Для второго случая в самом низу страницы нужно установить галочку в пункте «Create inexistent parent terms». Это позволяет создавать родительские рубрики, которые отсутствуют на сайте, но используются в списке.

Для этого плагина можно также упомянуть модуль BulkPress — Export, позволяющий экспортировать список рубрик сайта в нужном формате (в том числе и под BulkPress) с сохранением иерархии. Это пригодится для быстрого переноса категорий с одного проекта на другой.

Итого. Это далеко не все модули, позволяющие массово создавать категории в WordPress, однако другие были более древними или же имели меньше загрузок. Что касается рассмотренных решений, то первый плагин Quick Bulk Term Taxonomy Creator неплох, хотя там нет возможности указывать slug у записей. Если вам придется потом все редактировать, это будет хлопотно. Bulk Term Generator более функциональный, но глюк с отображением переносов строк может слегка запутать. К тому же тут можно выбрать только один родительский элемент за раз. Последний модуль BulkPress давно не обновлялся, хотя планы у разработчиков были большие. Можете также его попробовать.

А вы как добавляете метки и создаете рубрики в WordPress?

Создаем пользовательский шаблон для вложений в WordPress

Опубликовано: ADv Дата 16.09.2013 в рубрике Своя тема 2 комментария

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

Прежде чем начать, важно, чтобы вы понимали как иерархия шаблонов работает для вложений. Вы можете указать его как mime_type.php. Примеры Mime type — image.php, video.php, application.php и т.д. Для указания его только для определенного типа изображений можно назвать image_gif.php. Если mime_type.php не найден, то он ищет attachment.php, а затем ingle-attachment.php, затем single.php, затем index.php.

В зависимости от того, над каким проектом вы работаете, вам может не понадобиться создавать image_gif.php. Достаточно будет image.php или даже attachment.php.

Все, что вам нужно сделать, это открыть пустой файл и скопировать в него все содержимое single.php. Можно сохранить его с именем single-attachment.php или любым другим mime_type по вашему желанию. Затем замените код цикла на что-то вроде следующего:

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

Финальный вариант:

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

SEO Маяк

Блог Виталия Кириллова | Все о создании,
продвижении сайтов и заработке в интернете

Создание и продвижение сайтов, заработок в интернете

Картинки для категорий (рубрик) — изображения WordPress

Всем привет! Сегодня на seo-mayak.com мы продолжим расширять возможности движка и в рамках темы «Изображения WordPress» разберем функционал, который позволит добавлять картинки для категорий.

В стандартной сборке WordPress у категорий нет такой возможности. У записей (single) есть, у страниц (page) тоже, а вот категории как-то мимо.

Вообще, непонятно, почему разработчики WordPress до сих пор не внедрили такой функционал, он как бы сам собой напрашивается.

По-моему картинки для рубрик очень даже нужны!

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

Понятно, что наличие индивидуальной картинки, закрепленной за каждой категорией значительно упрощает решение данной задачи. Другой вопрос, как это все осуществить?

Можно, конечно, воспользоваться плагином Taxonomy Images или подождать, когда разработчики движка озадачатся картинками для категорий, а можно взять и самим создать такой функционал, чем мы сегодня и займемся. Поехали!

Создаем функцию-каркас для вывода картинок на странице редактирования категорий

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

Можете скопировать и загрузить на сайт мой вариант заглушки:

Далее, открываем для редактирования файл functions.php и в самое начало после знака вставляем следующую функцию:

Обратите внимание на строчку №22

Здесь надо прописать путь до картинки-заглушки.

После чего в админке, на странице редактирования категорий должен появится интерфейс для добавления картинки:

Конечно, кнопки пока работать не будут, так как к ним еще надо надо привязать стандартный загрузчик изображений WordPress.

Выводим загрузчик изображений WordPress

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

Итак, для подключения к кнопкам стандартного загрузчика изображений WordPress, копируем и вставляем в файл functions.php еще одну функцию:

Теперь, если нажать на плюсик, то откроется знакомый нам вордпрессовский загрузчик картинок:

Загружаем картинку и ее миниатюра отобразится на странице редактирования категории вместо заглушки:

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

Сохранение данных в таблице wp_termmeta

В прошлой статье я подробно разбирал таблицу wp_termmeta, кому интересно можете почитать. Сейчас же я не буду углубляться в объяснение деталей.

Итак, чтобы настроить сохранение данных в БД, нам понадобиться еще одна функция:

Теперь, после обновления страницы редактирования рубрики, в таблице wp_termmeta сохранятся следующие данные:

Получается, что в поле meta_key у нас записался ключ id-cat-images, который будет одинаковый для всех картинок, а в поле meta_value записалось ID изображения.

Этих данных вполне достаточно, чтобы вывести картинку или картинки в нужном месте на сайте. Приступим.

Вывод изображения на странице категории

Для того, чтобы вывести изображение на странице категории, к которой это изображение было прикреплено, надо открыть файл archive.php или category.php (зависит от шаблона) и вставить следующий код:

В строчке №5 можно указать размер изображения:

thumbnail — миниатюра;
medium — средний размер;
large — крупный размер;
full — исходный размер.

Если надо вывести картинку с описанием категории, то надо добавить в строчку №5 функцию category_description() :

Также в коде предусмотрен класс . image_id , к которому можно привязать какие угодно стили.

Вывод подрубрик с миниатюрами в виде каталога

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

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

Представляю функцию вывода подрубрик с миниатюрами в виде каталога на странице родительской категории.

Выборка по мета полям из БД осуществляется с помощью функции get_terms().

Функцию вставляем в файл functions.php. Далее ищем файл, который отвечает за вывод рубрик. Обычно это файл archive.php, чуть реже это может быть category.php.

В нужное место в файле (за пределами цикла WordPress) вставляем код вызова функции:

В функции я задал класс .cat-thumbnail, с помощью которого можно без труда расставить изображения и ссылки как захочется, например так:

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

Надеюсь у Вас все получится! Подписывайтесь на обновления блога , будет интересно.

С уважением, Виталий Кириллов

27 лучших плагина WordPress, которые вы должны использовать в этом году

От автора

На момент написания статьи в каталоге плагинов WordPress (WordPress Plugin Directory) числились 55 328 плагинов. Разобраться в таком количестве расширений трудно не только начинающему пользователю, но и профессионалу. В этой статье я хочу показать 27 лучших плагина WordPress, которые использую сам и знаю, что используют большинство профессионалов.

Если вы не знаете, как установить плагин WordPress, читайте эту статью, чтобы узнать. Не помешает почитать про белый экран, обновление плагинов и резервное копирование.

Важно! Не используйте все рекомендованные плагины. Установка каждого нового плагина должна быть направлена на решение конкретной задачи, влияющей на улучшение работы сайта и упрощения его администрирования. Установка однотипных плагинов и плагинов ради развлечения, только помешают работе сайта.

Почему только 27 лучших плагина WordPress?

На самом деле, вместе с лучшими альтернативами в статье предложены около 40 отличных плагина WordPress, которые помогут сделать ваш сайт лучше.

WPForms

Если вашему сайту WordPress нужна контактная форма, то простой плагин WPForms для вас. Плагин имеет мощный инструмент перетаскивания, который вы можете использовать для создания красивых онлайн-форм всего за несколько минут.

Бесплатный вариант плагина «WPForms Lite», можно установить из консоли сайта по названию или скачать на его странице ТУТ.

Особенности WPForms pro

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

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

Используется на более чем миллионе сайтов!

MonsterInsights

Если вы делаете сайт для людей, вам нужно знать статистику посещаемости вашего сайта и её анализ. Вы должны знать, как люди находят сайт, откуда входят и как используют. MonsterInsights лучший и очень популярный плагин, который упростит синхронизацию вашего сайта с аналитическим сервисом Google Analytics.

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

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

Облегченная версия плагина доступна для бесплатного скачивания с официального каталога WordPress ТУТ. Также доступна из консоли сайта на вкладке Плагины>>Добавить новый.

Yoast SEO

Для меня Yoast SEO лучший плагин оптимизации сайта WordPress из 27 лучших плагина WordPress. Этот помощник позволит вам легко оптимизировать сайт WordPress для продвижения в поисковых системах. Yoast SEO заботится обо всей технической стороне SEO для вашего сайта. Страница плагина в каталоге ТУТ.

Настройки плагина позволяют:

  • Создать пользовательские шаблоны заголовков (title) и описаний (description) для всех видов контента сайта: постов, разделов, меток, форм.
  • Позволяет легко закрыть от поисковиков выбранные типы контента сайта, чтобы он не попал в индекс и поисковую выдачу. Используемый метод не требует редактирования файла robots.txt.
  • Создать SEO заголовок и описание всего сайта, отличное от названия сайта в общих настройках.
  • Включить создание карт сайта для постов, рубрик, меток, картинок, форм, вложений.
  • Синхронизировать сайт с социальными сетями.

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

Sucuri

Полное название «Sucuri Security — Auditing, Malware Scanner and Security Hardening». Это плагин для защиты веб-сайта от вредоносных программ, атак и других потенциальных уязвимостей. Страница плагина ТУТ.

После активации Sucuri весь трафик вашего сайта будет проходить через их серверы CloudProxy, и каждый запрос проверяется на наличие вредоносных кодов. Таким образом, Sucuri снижает нагрузку на ваш сервер и повышает производительность сайта, при этом блокирует весь вредоносный трафик от доступа к вашему серверу.

Плагин предлагает своим пользователям набор функций безопасности для веб-сайта, каждый из которых призван оказать положительное влияние на их безопасность:

  • Аудит безопасности
  • Мониторинг целостности файлов
  • Удаленное сканирование вредоносных программ
  • Мониторинг черного списка
  • Действия после взлома
  • Уведомления о безопасности
  • Брандмауэр сайта (премиум версия)

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

Мастер Йода рекомендует:  Форум, работающий с базой данных MySQL PHP

Он отслеживает все, что происходит на вашем сайте, включая изменения файлов, последний вход, неудачные попытки входа в систему и многое другое …

Он позволяет проводить сканирование на стороне сервера для защиты вашего сайта от зараженных и зараженных сервером заражений.

Я бы внес в список лучших плагина WordPress альтернативу: плагин безопасности Wordfence Security.

OptinMonster

Знаете ли вы, что более 70% посетителей сайта, покидающих ваш сайт, никогда не вернутся? Почему? Потому что большинство людей находят ваш блог, читают его и уходят и это естественно. Было бы неплохо, если бы вы могли мотивировать некоторых из этих людей подписаться на ваш блог? Именно в этом OptinMonster может вам помочь.

OptinMonster помогает вам расширить список адресов электронной почты и получить больше подписчиков с помощью всплывающих окон и других типов высоко конвертирующих визуальных форм.

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

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

UpdraftPlus

UpdraftPlus один из лучших плагинов для WordPress для резервного копирования сайта, с миллионом активных установок.

С бесплатной версией плагина которые вы можете скачать на его странице (https://wordpress.org/plugins/updraftplus), можете легко настроить полные, ручные или запланированные резервные копии всех файлов вашего сайта, включая базу данных, плагины и темы. Восстановление ваших файлов простое и вы можете сделать его с минимальными техническими знаниями.

Лучше всего, плагин поддерживает несколько облачных хранилищ, включая Google Диск, Dropbox и Amazon S3.

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

Constant Contact

Constant Contact — это самый популярный сервис электронной почты для малого бизнеса. Он поставляется с множеством настраиваемых шаблонов электронной почты, которые помогут начать работу. Когда вы начнете, вам будет предложено выбрать вашу отрасль и ваш предыдущий опыт работы с электронным маркетингом. Основываясь на выборе, вы получите настроенные контент и рекламные идеи, которые помогут вам повысить уровень маркетинга по электронной почте.

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

Beaver Builder

Полное название «WordPress Page Builder — Beaver Builder». Это один из лучших конструкторов для создания страниц WordPress, посадочных страниц, лендинг пейдж с перетаскиванием элементов и быстрой настройкой. Бесплатная версия: Beaver Builder Plugin, Lite Version.

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

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

Beaver Builder работает с любой темой WordPress, давая вам полный контроль над вашим контентом. Если вы перестали использовать плагин, ваш контент перенесется в редактор WordPress.

WooCommerce

WooCommerce самая популярная платформа для электронной коммерции на платформе WordPress. Несомненно, это самое лучшее решение, которое позволит вам продавать как цифровые, так и физические товары на вашем веб-сайте.

Благодаря сотням бесплатных и платных расширений WooCommerce упрощает сбор и расширение вашего магазина, поэтому вы можете начать продавать продукты за считанные минуты.

Если вы хотите создать интернет-магазин пользовательской сборки, вы можете легко нанять разработчиков WooCommerce благодаря большому сообществу.

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

WooCommerce отлично переведен на русский язык, понятен в настройках, почти не требует редактирования кода. Я редактирую форму регистрации пользователя для покупки, которая по умолчанию, включает более 12 полей.

AddToAny

Плагин AddToAny Share Buttons скачан полмиллиона раз и протестирован до версии wp 5.0, которой еще нет. Он позволяет делиться информацией на сайте с другими пользователями через соц. сети на базе Share платформы AddToAny.

Есть кнопки Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других сайтов и приложений для обмена и социальных сетей.

Head and Footer Scripts Inserter

Плагин «Head and Footer Scripts Inserter» дает возможность легко и быстро вставлять собственные скрипты (HTML, JavaScript и CSS) в разделы заголовка (head) и/или нижнего колонтитула (footer) рабочего шаблона сайта.

Работает плагин независимо от тем и автоматически переносит пользовательские скрипты при смене темы сайта. Пользовательские скрипты (HTML с JavaScript, CSS и другие) нужно добавить на странице настроек плагина, всё остальное плагин сделает за вас.

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

LiveChat

Плагин «LiveChat – WP live chat plugin for WordPress» лучший инструмент для создания чата, который позволит вам связаться с посетителями вашего сайта и направить их в нужном направлении. Страница плагина ТУТ.

Добавление поддержки чата на ваш сайт позволяет мгновенно общаться с посетителями и клиентами онлайн и оперативно решать вопросы или проблемы. Благодаря LiveChat плагину WordPress вы можете не только увеличить свои продажи — так как это самый быстрый способ устранить возражения покупателей, но и создавать более прочные отношения с клиентами.

Photo Gallery by Envira

Плагин Photo Gallery by Envira — Responsive Image Gallery for WordPress лучший плагин для создания WordPress галерей. Он поставляется с набором готовых шаблонов, которые позволяют легко настраивать внешний вид вашей галереи.

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

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

ThirstyAffiliates

ThirstyAffiliates Affiliate Link Manager — обязательный плагин для аффилированных маркетологов, который позволит вам легко организовать все ваши партнерские ссылки в одном месте. Вы можете группировать свои партнерские ссылки в иерархические категории.

Управление вашими ссылками в ThirstyAffiliates означает, что если вам нужно изменить партнерский URL, это можно сделать из панели ThirstyAffiliates, а не менять ссылку в сотнях статей.

Также вы можете заменить длинные некрасивые URL-адреса на кроткие красивые ссылки.

TablePress

Плагин TablePress позволяет легко создавать и управлять отзывчивыми таблицами в WordPress. Вы можете редактировать данные таблицы, легко вставлять их в свои сообщения и страницы.

Дополнительная библиотека JavaScript добавляет такие функции, как сортировка, разбиение на страницы, фильтрация и многое другое для посетителей сайта. Таблицы можно импортировать и экспортировать из/в файлы Excel, CSV, HTML и JSON.

Revive Old Post

Плагин «Revive Old Posts — Auto Post to Social Media evive Old Post» позволяет автоматически делиться своими новыми и старыми сообщениями на своих учетных записях в социальных сетях. Он позволяет вам делиться своим контентом на нескольких платформах, включая Facebook, Twitter. Интегрирован с Google Analytics.

Жемчужина лучших плагина WordPress, аналогов нет, есть альтернатива: модуль плагина JetPack.

EWWW Image Optimizer

Изображения основная причина медленной работы сайта. Плагин EWWW Image Optimizer автоматически сжимает ваши изображения в блогах без снижения качества.

Используемый алгоритм сжатия картинок может существенно повлиять на скорость вашего сайта. Поскольку большинство пользователей не оптимизируют свои изображения перед их загрузкой, плагин EWWW Image Optimizer, может быть чрезвычайно полезен.

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

WP SMUSH

Smush Image Compression and Optimization – это бесплатный плагин для сжатия изображений на сайте. Большие файлы изображений могут замедлять работу вашего сайта. Серверы плагина сожмут фото, уменьшат его размер, удалят ненужную информацию (EXIF) без потери качества. На сегодня у плагина более 2,7 миллиона активных установок и он по праву должен быть в списке лучших плагина WordPress.

WP Mail SMTP

WP Mail SMTP от WPForms помогает устранить проблему доставки электронной почты, с которой сталкиваются многие сайты WordPress. Устраняется проблема путем маршрутизации писем через надлежащий протокол SMTP (Simple Mail Transfer Protocol) вместо протокола вашего сервера хостинга.

Популярные почтовые клиенты, такие как Gmail, Outlook постоянно совершенствуют свои услуги для уменьшения спама электронной почты. Однако правильной проверки подлинности нет, и электронные письма часто попадают в папку СПАМ, либо не доставляются вообще. WP Mail SMTP решает эту проблему.

Coming Soon Page

Плагин Coming Soon Page & Maintenance Mode by SeedProd является самым популярным (600 000+ пользователей) плагином включающим режим обслуживания сайта (Maintenance).

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

В настройках плагина есть возможность показывать таймер обратного отсчета, социальный обмен и отслеживание посещений.

Также плагин пригодиться, если вы работаете над новым дизайном или изменениями сайта. С помощью плагина вы можете быстро создать красивую страницу «Технического обслуживания».

User Role Editor

Плагин User Role Editor отличный плагин для администрирования ролей пользователей сайтов электронной торговли, корпоративных сайтов или любого типа веб-сайтов с несколькими авторами различных прав доступа.

Better Search Replace

Better Search Replace плагин WordPress, который помогает быстро находить и заменять различные элементы на вашем сайте. Эта работа очень похожа на функцию «Найти и заменить» в Microsoft Word или эквивалентном программном обеспечении.

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

Ad Inserter

«Ad Inserter — WordPress Ads Management with AdSense Header Integration» лучший плагин из 27 лучших плагина WordPress для размещения рекламы на сайте и монетизации сайта.

Кроме этого Ad Inserter предоставляет множество дополнительных опций для вставки любых кодов JavaScript, CSS, HTML, PHP, кодов аналитики, отслеживания или другой рекламы в любом месте сайта на страницах, постах, виджетах.

W3 Total Cache

W3 Total Cache мощнейший плагин с миллионами активных установок для кэширования WordPress. Кэширование улучшает производительность вашего сервера, кэшируя каждый элемент вашего сайта, а также предлагает интеграцию сети доставки контента.

Независимо от того, размещен ли ваш сайт на хостинге или выделенном сервере, вы сможете использовать плагин для повышения производительности веб-сервера и сокращения времени загрузки страницы.

Он предлагает поддержку Google Accelerated Mobile Pages (AMP) и Secure Socket Layer (SSL).

Разработчики утверждают, что плагин может обеспечить экономию пропускной способности до 80% путем минимизации, процесс уменьшения размера вашего HTML, CSS, JavaScript и фидов без негативного воздействия.

W3 Total Cache сложен в настройке, поэтому рекомендую лучшую альтернативу, плагин «WP Super Cache». 2 млн. активных установок. https://ru.wordpress.org/plugins/wp-super-cache/

WP-Optimize

WP-Optimize эффективный инструмент для автоматической очистки базы данных WordPress, чтобы она работала с максимальной эффективностью. Удаляет все ненужные данные (файлы с ошибками, спам комментарии, устаревшие копии, корзину). Также пингбэки, трекбэки, истекшие временные параметры, пустые метки и массу других ненужных данных.

wpForo Forum

wpForo Forum лучший плагин для создания форума WordPress. Полноценное, но легкое решение для создания инструмента коллективного обсуждения на сайте WordPress. Поставляется с современными и отзывчивыми макетами и стилями форума. Этот плагин предоставляет все необходимое для создания эффективного и профессионального сообщества. Мощный и красивый форум с уникальными функциями.

Вывод

Статья называется 27 лучших плагина WordPress. На самом деле в ней вместе с альтернативами, 37 плагина, тестированных на версии wp 4.9.5, а некоторые проверены на версии wp 5.0. Я знаю, что все предложенные плагины исправно обновляются и прослужат не только в этом 2020 году, но и в далекой перспективе.

Добавить комментарий