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

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

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 […]
Далее…
 

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

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

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

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

3.10 Создание системы бронирования с помощью плагина Salon booking system

Шаг 1 Установка WordPress Скачать и установить WordPress: https://wordpress.org/download/ https://wp.web-online.net.ua/cms-wordpress-nastrojka-sredy-razrabotki-wordpress/ Папку и базу данных можно назвать booking Шаг 2 Устанавливаем тему Astra Шаг 3 Устанавливаем плагин Starter Templates После установки плагина попадаем на стартовую страницу плагина с обучающим видео. Вернуться на панель управления можно нажав на стрелку Back: Снова перейти на страницу плагина можно так: […]
Далее…
 

3.11 Создание сайта гостиницы

WP Hotel Booking plugin WP Hotel Booking —бесплатный плагин WordPress для создания веб-сайта отеля или хостела. Этот плагин можно использовать для отеля, общежития, курорта, проживания в семье или любых других услуг по размещению с системой онлайн-бронирования. Шаг 1 Установка WordPress Скачать и установить WordPress: https://wordpress.org/download/ https://wp.web-online.net.ua/cms-wordpress-nastrojka-sredy-razrabotki-wordpress/ Папку и базу данных можно назвать hotel Шаг 2 […]
Далее…
 

3.12 Коммерческий рынок расширений WordPress. PRO-возможности плагина ACF.

Коммерческий рынок расширений WordPress. Платформа WordPress предоставляет пространство для разработки расширений не только энтузиастам, но и коммерческим разработчикам. Свои платные расширения имеет большинство тем и плагинов, в базовой версии распространяемых свободно. Одни из самых интересных коммерческих расширений – у плагина Advanced Custom Fields. У этого плагина коммерческие расширения относятся как к дополнению его базовой функциональности […]
Далее…
 

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

1. Плагин – добавление времени Допустим, нужно создать плагин, добавляющий ко всем заголовкам постов время создания поста. Для этого сначала нужно создать в папке плагинов соответствующий файл (например, 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 административной панелью. Создание шорткодов.

1. Локализация WordPress Локализация (перевод) может применяться как к темам, так и к плагинам WordPress. Существуют следующие способы перевода: Перевод темы или плагина на сайте сайт translate.wordpress.org. Перевод темы или плагина помощью файлов файл .po, .pot, .mo. С помощью плагина Loco Translate 1.1 Перевод темы или плагина на сайте сайт 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. Создание плагина для бесконечной ленты.

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

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

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

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

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

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

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

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

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

3.9 Создание системы бронирования с помощью плагина Easy Appointments

Шаг 1 Установка WordPress Скачать и установить WordPress: https://wordpress.org/download/ https://wp.web-online.net.ua/cms-wordpress-nastrojka-sredy-razrabotki-wordpress/ Папку и базу данных можно назвать booking Шаг 2 Инсталляция плагина Easy Appointments Установить и активировать плагин Easy Appointments Документация: https://easy-appointments.net/documentation/ FAQ Шаг 3 Добавление локаций. В консоли зайти в настройки плагина (Location): И добавить локацию. Локацией может быть также, например, ссылка на собрание в […]
Далее…
 

4.1 Введение в MVC

1 Классификация подходов по разделению кода и шаблона сценария 1.1 Смешение HTML и кода PHP Метод смешения кода PHP и HTML тегов имеет ряд серьезных недостатков: Невозможность автономной работы над проектом нескольких специалистов (дизайнера, кодировщика, проектировщика баз данных). Трудности отладки (ошибки, связанные с реализацией алгоритма, невозможно отделить от ошибок, связанных с представлением). Проблемы с многократным […]
Далее…
 

4.3 Знакомство с CMS Drupal

WordPress + PHP Обновление PHP 7 до PHP 8 в XAMPP Шаг 1. Загрузите последнюю версию XAMPP с  официального сайта: https://www.apachefriends.org/ru/index.html https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/8.1.6/ Update PHP in XAMPP and Composer in 1 minute (2022) — Coder Champ Шаг 2. Перейдите в рабочую папку xampp и переименуйте текущую папку php в php7. Затем извлеките папку php из последней […]
Далее…
 

4.4 Знакомство с фреймворком Laravel

Согласно опросу W3Techs, PHP используется в около 77.5% всех существующих веб-сайтов. PHP привел к появлению широкого спектра фреймворков с различными функциями, безопасностью, эффективностью и пользовательскими интерфейсами. PHP-программисты часто обращаются к PHP-фреймворкам, потому4 что это экономит время и усилия при создании веб-приложения. Существует множество различных фреймворков для серверной разработки, включая Laravel, CodeIgniter, Phalcon, Zend, Symphony, CakePHP […]
Далее…
 

4.5 Аутентификация

https://laravel.su/docs/8.x/authentication Аутентификация — это процесс регистрации и залогинивания пользователей. Авторизация — проверка прав уже залогиненного пользователя. В Laravel возможность аутентификация заложена «из коробки». Конфигурационный файл для настройки аутентификации расположен в config/auth.php. Этот файл содержит несколько хорошо задокументированных опций для настройки поведения служб аутентификации Laravel. Средства аутентификации Laravel состоят из «guards» («охранников») и «providers» («провайдеров»).  Охранники […]
Далее…