1.1 CMS WordPress. Настройка среды разработки WordPress

1 Система управления содержимым сайта (Content Manager Systems)   Система управления содержимым (контентом) (Content management system, CMS) — информационная система, используемая для создания, редактирования и управления сайтом. Также CMS называют: системой управления сайтом движком для сайта CMS представляет собой заготовку-каркас сайта с панелью управления.  С помощью CMS можно: быстро создавать сайты подобирать и настраивать внешний […]
Далее…
 

1.10 Интернет-магазин. Оплата и доставка товаров. SEO оптимизация

1. Настройка оплаты и доставки товаров Настройка оплаты в интернет-магазине Для денежных расчетов в Интернете чаще всего используются платежные системы, которые позволяют принимать оплату за товары или услуги. Агрегаторы платежных систем предоставляют комплекс различных вариантов оплаты, поэтому не требуется настраивать подключение к каждому платежного сервису отдельно. Агрегаторы взымают комиссию за их использование (около 3% от […]
Далее…
 

1.11 Интернет-магазин. Google Analytics

1. Установка на сайте системы аналитики Google Analytics Google Analytics — Это сервис для сбора любой интересующей статистической информации по сайту: Аудитория Источники трафика Поведение Конверсии Для того, чтобы установить на сайте систему аналитики Google Analytics, нужно войти в аккаунт Google и перейти по ссылке https://analytics.google.com/ Далее может быть три варианта.   Первый вариант (нет […]
Далее…
 

1.12 Cайт «Социальная сеть»

1. Плагин BuddyPress. Использование плагина BuddyPress для создания социальной сети Собственную социальную сеть можно создать с помощью плагина BuddyPress. Это может быть небольшая социальная сеть для своей компании, спортивной команды, фан клуба, музыкальной группы и т.д. Такой функционал может также применяться для сайта знакомств, в системе обучения, для общения сотрудников компании. В такой социальной сети […]
Далее…
 

1.2 Создание сайта-визитки. Настройка сайта. Особенности темы Twenty Twenty-One. Landing page

1 Настройка сайта 1.1 Общая настройка сайта Настройка внешнего вида сайта, наполнение его контентом, а также обеспечение дополнительной функциональности осуществляются в панели управления. a) В разделе «Настройки» на левой панели меню можно изменить: в разделе «Общие» – название сайта, e-mail администратора, формат даты и времени, язык сайта. в разделе «Чтение» – как и сколько показывать […]
Далее…
 

1.3 Темы CMS WordPress. Подключение скриптов и стилей 

1. Темы CMS WordPress. Подключение скриптов и стилей  1.1 Темы CMS WordPress  Тема (шаблон) WordPress – это набор файлов, который определяет внешний вид сайта. WordPress предоставляет бесплатные темы, называемые по году выпуска (Twenty Twenty One, Twenty Twenty, Twenty Nineteen, Twenty Seventeen, Twenty Sixteen и т.д.). WordPress предоставляет возможность изменения текущей темы. Для этого нужно перейти […]
Далее…
 

1.4 Перенос сайта на хостинг

1 Перенос сайта Landing-page на хостинг 1.1 Хостинг XENN Переносим сайт Landing-page на хостинг http://xenn.xyz. Допустим, был создан хостинг-аккаунт http://kate.rurs.net. После проведения оплаты хостинга Вами было получено письмо «[0HOSTING] Хостинг “Блог” для kate.rurs.net активированный» с необходимой информацией для созданного хостинг-аккаунта. Шаг 1. В письме находим блок: Данные для входа в панель управления Имя пользователя: u6265637 […]
Далее…
 

1.5 Создание форума. Настройка почты на хостинге

1 Создание форума с помощью плагина bbPress Для создания форума воспользуемся плагином bbPress. Устанавливаем плагин и активируем. В начале следует задать общие настройки для форумов. Для этого нужно зайти в пункт левого меню «Настройки» — «Форумы» и устанавить следующее значение: На гл. странице форума должен отображаться – «Темы по последним постам» (в случае, если форумов […]
Далее…
 

1.6 Интернет-магазин. Плагин WooCommerce

1 Создание интернет-магазина    1.2 Установка WordPress на localhost Распаковываем архив wordpress-5.8-ru_RU.zip в папку shop: Переходим в localhost/phpmyadmin/ Создаем базу данных с таким же именем, как папка (shop): Переходим по ссылке localhost/shop, нажимаем кнопку «Вперед», далее заполняем: Нажимаем кнопку «Отправить». Нажимаем кнопку «Запустить установку». Заполняем входные данные сайта Нажимаем «Установить WordPress» Нажимаем «Войти» Заполняем поля […]
Далее…
 

1.7 Интернет-магазин. Перенос интернет-магазина на хостинг. Настройка работы магазина на хостинге.

1 Перенос интернет-магазин на хостинг. Интернет-магазин на хостинг переносится по тем же правилам, что и обычный сайт WordPress. Интернет-магазин – сайт WordPress, который требует наличия базы данных и папки для рамещения файловой части. Хостинг-план «Блог» на хостинге http://xenn.xyz/ дает возможность создавать несколько баз данных. Шаг 1. Для того, чтобы создать новую базу данных, нужно зайти […]
Далее…
 

1.8 Настройка почтовых сообщений WooCommerce. Виртуальные и скачиваемые товары

 1. Настройка почтовых сообщений WooCommerce  Настройка почтовых ящиков на сервере  Для того, чтобы почта считалась надежной, желательно использовать почтовый ящик хостинга (можно создать новый):  и настроить перенаправление на собственные почтовые ящики: Настройка почтовых сообщений WooCommerce Настройка почтовых сообщений магазина WooCommerce производится на закладке «Email’ы»: Далее вводим параметры отправителя Email: От кого будет приходить письмо (название […]
Далее…
 

1.9 Интернет-магазин. Апсейлы и кросселы

1. Апсейлы и кросселы  Апсейлы Апсейлы – товары, которые связаны с указанным товаром. Они будут отображаться на карточке товара с надписью «Возможно, вас также заинтересует…» Для того, чтобы добавить апсейл, нужно в настройках товара найти блок «Данные товара» и выбрать закладку «Сопутствующие». Далее в поле ввода «Апсейл» нужно начать набирать название сопутствующего товара, а затем […]
Далее…
 

2.1 Темы (шаблоны) CMS WordPress. Создание пользовательских тем. Создание темы на основе темы WordPress.

1. Темы (шаблоны) CMS WordPress  Тема (шаблон) WordPress – это набор файлов, который определяет внешний вид сайта. WordPress предоставляет бесплатные темы, называемые по году выпуска (Twenty Twenty One, Twenty Twenty, Twenty Nineteen, Twenty Seventeen, Twenty Sixteen и т.д.). WordPress предоставляет возможность изменения текущей темы. Для этого нужно перейти с помощью меню на закладку «Темы», на […]
Далее…
 

2.10 Фреймворки Kirki Customizer и Redux

Customizer Kirki. Настройки темы  Kirki — WordPress Customizer Framework, дополнение для стандартного кастомайзера в WordPress, которое значительно расширяет набор его возможностей. Плагин Kirki для WordPress: https://wordpress.org/plugins/kirki/ Загрузим плагин Kirki, нажав на сссылку и активизируем его. В папке inc темы создадим файл сustomizer.php, в котором будут храниться настройки кастомайзера Kirki. Например, такой код создаст секцию «General […]
Далее…
 

2.11 Зачетное задание. Создание темы на основе верстки «Sydney philarmonia choirs»

1. Создание темы на основе верстки «Sydney philarmonia choirs»  https://wordpress.org Площадки для продажи шаблонов WordPress https://themeforest.net/ https://www.templatemonster.com https://ultron.pro https://creativemarket.com Шаг 1. Генерация шаблона темы Для создания темы целесообразно использовать генератор шаблонов. Генерация шаблона темы с помощью генератора шаблонов http://underscores.me/. Для этого нужно в поле ввода вставить название темы – Sydney 2021 и нажать Generate: После […]
Далее…
 

2.2 Создание темы как дочерней. Создание простой темы с нуля

1. Создание дочерней темы  Вариантом первого способа является создание дочерней темы. Для этого в папке темы создается еще одна папка, в которой будут расположены только те файлы, в которых требуется внести изменения.  Тогда при обновлении темы авторские правки не будут затронуты. https://codex.wordpress.org/Child_Themes Пример создания дочерней темы. Одним из способов создания новой темы является видоизменение старой […]
Далее…
 

2.3 WP CLI. Добавление шаблонного контента. Создание темы на основе фреймворка bootstrap

1. WP CLI WP CLI (WordPress Command Line Interface) — командная строка управления WordPress. Создавать и управлять сайтом WordPress можно с помощью специального интерфейса командной строки для WordPress.  WP CLI позволяет: Создавать сайт WordPress  Управлять темами и плагинами Саоздавать и управлять базами данных Управлять кешем и др. Для того, чтобы настроить интерфейс, нужно выполнить такие […]
Далее…
 

2.4 Hooks и actions. Корректное подключение скриптов и стилей. Кеширование.

1. Файл functions.php и корректное подключение  стилей и скриптов Файлы CSS и JS не должны подключаться непосредственно в обычным способом, потому что: Могут меняться URL Могут меняться протоколы (http или https) Скирипты и стили не должны присутствовать на всех страницах 2.1 hooks Файл functions.php не обязателен для темы WordPress, но очень полезен. С его помощью […]
Далее…
 

2.5 Поддержка меню. Создание областей header, footer, сайдбаров и областей для виджетов

1. Поддержка меню https://codex.wordpress.org/Navigation_Menus Для создания меню для навигации по сайту прежде всего необходимо зарегистрировать меню, подобно тому, как регистрировались скрипты и стили. Для регистрации меню нужно воспользоваться функцией register_nav_menu( string $location, string $description ) https://developer.wordpress.org/reference/functions/register_nav_menu/ Функция имеет только два параметра: $location – идентификатор меню $description – краткое описание Например: add_action( ‘after_setup_theme’, ‘register_my_menu’ ); function […]
Далее…
 

2.6 Циклы. Части шаблона. Теги шаблонов. Динамическая генерация контента. Пагинация

1. Цикл https://codex.wordpress.org/The_Loop https://developer.wordpress.org/themes/basics/the-loop/ Цикл – механизм, используемый WordPress по умолчанию для вывода постов из базы данных. Количество выводимых постов определяется переменной, задающей максимально количество постов на странице. Цикл может быть использован для разных целей, например, чтобы: отображать заголовки сообщений и выдержки на главной странице сайта; отображать контент и комментарии к одному посту; отображать контент […]
Далее…
 

2.7 Создание пользовательских шаблонов страниц

1. Создание пользовательских шаблонов страниц Иерархия шаблонов На данный момент в теме присутствует только один шаблон – index.php. Страницы, записи, лента блога, архвы выглядят одинаково. Однако у WordPress существует возможность создавать различные шаблоны страниц для различных целей. Шаблоны, которые могут быть созданы, представляют собой иерархию, согласно которой соблюдается очередность их подключения. https://developer.wordpress.org/themes/basics/template-hierarchy/ https://wphierarchy.com/ WordPress определяет, […]
Далее…
 

2.8 Taxonomy и Terms. Пользовательские типы постов. Произвольные поля. Плагин Advanced Custom Fields

1. Taxonomy и Terms. Таксономия (taxonomy) — это группа терминов. Таксономии используются для группировки постов. В WordPress существуют встроенные элементы таксономии – это рубрики, а также метки (метки отличаются от ртубрик тем, что у них нет иерархии). Помимо этих таксономий существуют также встроенные таксономии рубрики ссылок и форматы постов, использующихся для оформления (обычные статьи, галереи, […]
Далее…
 

2.9 Создание панели настроек темы с помощью WordPress Customizer API

WordPress Customizer API   WordPress Customizer API —  интерфейс для настройки опций темы: цвета, маркеры, виджеты, меню и т. д. Customizer позволяет настраивать тему через административную панель, отображая все произведенные изменения в реальном режиме времени. Попасть Customizer темы в можно, выбрав в административной панели пункт Внешний вид -> Настроить. По умолчанию присутствуют основные настройки темы. […]
Далее…
 

3.1 Плагины и actions и filter hooks. Содание пользовательского хука

Плагины и actions и filter hooks  Часто для создания нестандартных сайтов функциональности WordPress «из коробки» не хватает. Поскольку редактировать исходный код ядра платформы WordPress строго не рекомендуется, оптимальная возможность для данного случая – использовать плагины. Плагины — скрипты, которые позволяют расширять функциональность WordPress, но в то же время легко подключаются и отключаются. Существует очень большое […]
Далее…
 

3.2 Создание простых плагинов. Активация плагина. Безопасность.

Плагин – добавление времени Допустим, нужно создать плагин, добавляющий ко всем заголовкам постов время создания поста. Для этого сначала нужно создать в папке плагинов соответствующий файл (например, time-to-post-title.php) с текстом:   <?php /* Plugin Name: Time to Post Title Plugin URI: https://example.com/ Version: 1.0 Author: M.A.I. Author URI: https://example.com/ License: GPL2  */   Далее – […]
Далее…
 

3.3 Локализация WordPress. Работа c административной панелью. Создание шорткодов.

Локализация WordPress Локализация (перевод) может применяться как к темам, так и к плагинам WordPress. Существуют следующие способы перевода: Перевод темы или плагина на сайте сайт translate.wordpress.org. Перевод темы или плагина помощью файлов файл .po, .pot, .mo. С помощью плагина Loco Translate   Перевод темы или плагина на сайте сайт translate.wordpress.org Перевод на сайте translate.wordpress.org. может […]
Далее…
 

3.4 Базы данных в WordPress. Создание плагина «Количество просмотров записи»

Во время стандартной установки WordPress автоматически создается база данных со следующей структурой: https://codex.wordpress.org/Database_Description https://wp-kama.ru/note/wp-database-schema Самые важные данные в WordPress — записи (посты) сайта. Они содержатся в таблице базы данных WordPress wp_posts. В этой таблице также хранятся страницы и элементы меню навигации. https://codex.wordpress.org/Database_Description#Table:_wp_posts Посмотреть на эту таблицу можно, зайдя в http://localhost/phpmyadmin/ и выбрав в левом меню […]
Далее…
 

3.5 Плагины и технология Ajax. Создание плагина для бесконечной ленты.

AJAX, Ajax (Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее. Технически Ajax в нашем случае реализуется при помощи асинхронного (фонового) обмена информацией между серверным кодом php […]
Далее…
 

3.6 Создание виджетов. WordPress Cron — планировщик задач

Создание виджетов в CMS WordPress. Назначение виджетов, как и плагинов, а также файла functions.php – расширение функционала сайта. Создание виджета WordPress похоже на построение плагина, однако виджет, как правило, более компактен и располагается в одном файле. Для организации виджета требуется реализация функций:   function widget() – вывод виджета function update() – обновление виджета function form() […]
Далее…
 

3.7 Создание плагина «Карусель»

Создание плагина Kit Carousel для отображения последних постов указанной категории с настройками. Техническое задание Нужно создать плагин, который будет отображать последние посты  указанной пользователем категории в виде карусели постов. Настройки плагина задавать в административной панели. Кроме того, должна быть возможность выбора записей пользовательского типа, а также записей, включающих определенный тег. Добавить возможность включения плагина с […]
Далее…
 

3.8 Генератор шаблона плагина WordPress Plugin Boilerplate Generator.

Создание плагина с помощью генератора шаблонов WordPress Plugin Boilerplate. Чтобы создать плагин WordPress, можно воспользоваться генератором шаблонов, что экономит время, затрачиваемое на разработку кода, кроме того, получаемый код соответствует стандартам WordPress (Best Practices) и принципам OOP. Сгенерированный шаблон включает в себя также все необходимые элементы  для  создания административной части и локализации. https://developer.wordpress.org/plugins/plugin-basics/best-practices/   Генерация шаблона […]
Далее…
 

3.9 Создание плагина «Система бронирования»

Создание плагина бронирования в CMS WordPress.   Создадим плагин для бронирования. Название для плагина можно выбрать произвольно, но желательно, чтобы это название не совпадало с названиями уже существующих плагинов. В папке wp-content\plugins создадим папку для плагина kitbooking, в этой папке – файл kitbooking.php.   <?php /* Plugin Name: Kit Booking Plugin URI: https://github.com/miwanoff/kitbook Description: Booking […]
Далее…