Каталог продуктов на WordPress — Как создать собственный каталог на WordPress (2019)



В этом видео я покажу и расскажу, как можно сделать каталог чего-либо на WordPress.

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

Я покажу другой вариант решения.

Для примера я буду создавать каталог домов из бруса в Подмосковье.

Данные я буду брать с сайта «ДомСтрой официальный сайт группы компаний DomCtroy»

Использовать пример сайта я буду из видео «Как создать сайт за 10 минут САМОМУ» — http://testwp.sitebiznes.ru

Устанавливаем необходимые дополнения:

01:27 Плагин Classic Editor

Смотрите видео Как в WordPress 5 вернуться к старому редактору

02:03 Плагин Cyr to Lat reloaded – транслитерация ссылок и файловых имен

02:43 И новый шаблон (тему оформления) Astra

03:26 Плагин Child Theme Configurator для создания дочерней темы.

06:38 Далее мы установим плагин Custom Post Type UI для создания новых типов материалов WordPress, отличных от статей и постов.

После установки переходим в меню CPT UI — Add/Edit Post Types (добавить или редактировать типы поста)

Обязательными для заполнения являются три пункта

Post Type Slug

Идентификатор вашего нового типа поста.

Plural Label

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

Singular Label

Тоже что и выше только в единственном числе.

Далее находим параметр Has Archive и устанавливаем его значение True

Нажимаем на кнопку Add Post Type.

В меню администратора появляется новый пункт Дома

Изменим значок для пункта меню.

Для этого выбираем пункт меню CPT UI — Add/Edit Post Types и вкладку Edit Post Types

Переходим на сайт Dashicon

И выбираем нужный значок — dashicons-admin-home

Вставляем значение в поле Menu Icon и сохраняем

Давайте добавим два примера новых типов записей.

Например:

Московская область Истринский район Снегири

Московская область Истринский район Павловское

Организуем вывод нового типа постов.

Переходим в меню CPT UI — Toolset на вкладку Get Code

Копируем код в файл functions.php вашего шаблона темы

И сохраняем изменения в файле.

Теперь плагин Custom Post Type UI можно удалить.

Новый тип постов всё равно сохраниться.

13:56 Теперь устанавливаем плагин Advanced Custom Fields для создания дополнительных полей для нового типа постов.

Создаем дополнительные поля и заполняем их значения для двух примеров домов из бруса в Подмосковье.

28.05 Организуем вывод значений полей на страницу с описанием

35:04 Выводим изображения

40:42 Добавляем плагин Easy FancyBox

45:58 Добавляем поле для ссылки на Яндекс.Карты

48:29 Инструмент для определения координат — API Яндекс.Карт 2.0 http://webmap-blog.ru/tools/getlonglat-ymap2.html

Пример ссылки на Яндекс карту с меткой https://yandex.ru/maps/?pt=36.946764,55.873834&z=15&l=map

52:57 Добавляем код Яндекс.Карты в наш шаблон страницы.

01:04:18 Получаем ключ для API Яндекс.Карт https://developer.tech.yandex.ru/

01:13:16 Добавляем условие для вывода дополнительных полей.

Скачать архив с файлами: здесь

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