Каталог продуктов на WordPress

Автор: | 22.02.2019

После долгого перерыва решил возобновить свой блог.

Сейчас занимаюсь другими направлениями, в частности продвижением на YouTube и Instagram.

На всё не хватает времени.

Постараюсь, хотя бы раз в неделю, радовать Вас новыми материалами.

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

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

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

Использовать пример сайта я буду из видео «Как создать сайт за 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

Пример ссылки на Яндекс карту с меткой 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 Добавляем условие для вывода дополнительных полей.

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *