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

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

WebP + Nginx + WordPress

WebP — формат сжатия изображений как с потерями, так и без потерь, предложенный компанией Google Inc. в 2010 году. Основан на алгоритме сжатия неподвижных изображений из видеокодека VP8.

Подготовка WordPress

Для автоматической конвертации jpg и png картинок в wordpress будем использовать плагин “WebP Express”. Но сам плагин в не будет создавать дополнительную нагрузку …

Подключаем Elasticsearch к WordPress, настройка плагина ElasticPress (Autosuggest) для Nginx

Подключаем Elasticsearch к WordPress, настройка плагина ElasticPress (Autosuggest) для Nginx

WordPress + Elasticsearch

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

Устанавливаем Elasticsearch на сервер. На момент написания статьи ElasticPress совместим с Elasticsearch не выше версии 7.10.Если ваша система с WordPress в Docker исполнении, часть конфига из docker-composer:

$ nano docker-composer.yml

elasticsearch:

Поднимаем web-сервер с WordPress в Docker для разработки

Поднимаем web-сервер с WordPress в Docker для разработки

WordPress + Docker

Иногда для тестирования плагинов, тем, доработки функционала требует чистый WordPress. В данной статье я продемонстрирую, каким оразом я разворачиваю рабочее окружение с готовым web-сервером (Nginx + php-fpm + MariaDB) и установленным финальным релизом WordPress.

Требования

Для работы нам понадобится:

Программа для виртуализации VirtualBoxОбраз CentOS 8.2 (7.2 Gb)Хостинг, на который мы загрузим наш kickstart-файл, для быстрой установки …

Подключаем YML в Турбо-страницы Яндекса для интернет-магазинов в WordPress

Подключаем YML в Турбо-страницы Яндекса для интернет-магазинов в WordPress

Подключаем YML в Турбо-страницы Яндекса для интернет-магазинов в WordPress

Недавно Яндекс представил возможность для подключения интернет-магазинов к турбо-страниц. Благодаря этому в карточке товара в поисковой выдаче Яндекса стала отображаться кнопка “Добавить в корзину”

Как это выглядит в поисковой выдаче Яндекса для мобильных устройств:

Поисковая выдача

Рассмотрим вариант подключения YML-файла для Турбо-страницы на примере сайта по продаже геодезического оборудования Альфа …

Как подключить “Турбо-страницы” в мобильную поисковую выдачу Яндекса

Как подключить “Турбо-страницы” в мобильную поисковую выдачу Яндекса

Вот так будет выглядеть мобильная поисковая выдача, где сайт отображается с опцией “Турбо”

Поисковая выдача

Рассмотрим подключение “турбо-страниц” на примере одноименного плагина для WordPress

Плагин Яндекс.Турбо

Установка и настройка плагина

Устанавливаем и активируем плагин “Яндекс.Турбо” и переходим в настройки.

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

Блок “Настройки”

Имя RSS-ленты: это имя будет отображено в URL RSS-ленты

Разбиение RSS-ленты: Если у …

Отображение тэгов (меток) в ленте блога на WordPress

Отображение тэгов (меток) в ленте блога на WordPress

На примере темы Ultra:
В админке переходим: Внешний вид – Редактор.
Для редактирования выбираем файл loops/loop-thumbnail-left.php

Ищем строку:

<footer class=”entry-footer”>
<!–?php ultra_entry_footer(); ?–>
</footer><!– .entry-footer –>

И меняем её на:

<footer class=”entry-footer”>
<!–?php
// вставка тэгов
?–>
<!–?php if (has_tag()) : ?–>
<!– tags –>
<span class=”tags-links”>
<!–?php

Добавляем функцию поиска по сайту рядом с меню в мобильной версии сайта для WordPress темы Ultra

Добавляем функцию поиска по сайту рядом с меню в мобильной версии сайта для WordPress темы Ultra

Заходим в админку – Внешний вид – Настроить
Выбираем пункт “Дополнительные стили”
Добавляем следующие строки:
/* для мобильных устройств (максимальная ширина здается в настройках темы) */
@media (max-width: 1024px){

/* отображаем иконку поиска */
nav#site-navigation.main-navigation .menu-search {
display: block;
left: -38px;
}

/* скрываем иконку поиска при нажатии на конпку “Меню” */
nav#site-navigation.main-navigation.toggled .menu-search {
display: none;
}
}

Добавляем рейтинг к записи с помощью плагина WP-PostRatings

Добавляем рейтинг к записи с помощью плагина WP-PostRatings

Чтобы добавить рейтинг к записи, и разместить этот рейтинг под заголовком:
1. Скачиваем и устанавливаем плагин WP-PostRatings
2. На странице настройки плагина выставляем нужные параметры
3. Вставляем отображение плагина в отдельной записи, для этого редактируем файл single.php
Для шаблона Ultra
Ultra: Отдельная запись (single.php)
Ищем строчку

<h1 class=”entry-title”>
и после неё добавляем

<?php if(function_exists(‘the_ratings’)) { the_ratings(); } ?>
Получим следующий вид:

<div class=”container”>
<h1 class=”entry-title”><?php echo get_the_title(); …

Счетчик просмотров записи в Word Press: плагин Pageviews

Счетчик просмотров записи в Word Press: плагин Pageviews

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

add_action( ‘after_setup_theme’, function() {
add_theme_support( ‘pageviews’ );
});
Это отключает вывод счетчика в конце записи
Чтобы добавить вывод счетчика в нужном месте, открываем файл content-single.php (в теме Ultra), ищем строчку <footer class=”entry-footer”> и …