Современные системы управление контентом (CMS)

Понятие CMS. Преимущества и недостатки

Аббревиатура CMS расшифровывается как «Content Management System» (Система управления контентом). Сайт, построеннвй на CMS, строится из набора стандартных елементов. При использовании CMS задача разработчика складывается из необходимости выбрать нужную CMS (в зависим от целей и функционала сайта) и сконфигурировать свой сайт из готовых блоков этой CMS.

Большинство современных сайтов строится именно на CMS, а не пишутся программистами "с нуля".

Понятия: FrontEnd - BackEnd, Design - Content

Большинство CMS сегодня написаны на языке PHP и обычно используют базу банных MySQL (большинство современных CMS позволяют использовать разные БД).

Сайт, построенный на базе CMS состоит из 2-х частей:

• сайт для администратора (панель управления)
• сайт для пользователя.

По его структуре сайт можно разбить условно на две части:

• дизайн сайта (тема, шаблон)
• контент сайта (статьи, публикации, навигация,...)

В контексте CMS используются следующие соглашения-термины (вне CMS эти термины имеют другое значение):

• FrontEnd - видимая часть сайта, доступная посетителям
• BackEnd - панель управления сайтом, досткпная администратору
• Template (Theme) - дизайн сайта
• Content - материалы, документы на сайте

Обзор CMS

Наиболее популярны при создании сайтов такие CMS как WordPress, Joomla, Droopal.

У каждой из них - своя структура, свои особенност.

Для создания сайтов электронной коммерции часто используются такие целевые CMS как OpenCart, Magento, OsCommerceи др..

Подробнее

Рабочее место разработчика

Обычно для разработки сайта под CMS используется или сервер WEB хостинга или локальный компьютер.

На сервере хостинга для установки используется его интерфейс, на локальном компьютере - локальный WEB сервер.

Установка WAMP на локальный компьютер

Установка WordPress на локальный компьютер

CMS Joomla

Система управление контентом(CMS) Joomla является сегодня одним из самых популярных инструментов построения WEB сайтов.

Для CMS Joomla характерны:

• выская надёжность и защищённость сайта, возможность регистрации на сайте и контроль прав доступа
• самый разнообразный, легко расширяемый функционал сайта
• поддержка разнообразных средств для многоязычности

и многое другое.

WEB сайт, построенный на CMS Joomla использует самые современные технологии разработки интернет-приложений. Такие, как например: система управления базами данных (например: MySQL), различные языки программирования и библиотеки расширений для них (например: JavaScript, jQuery, PHP). Но для создания большинства сайтов на Joomla, нет необходимости глубоко изучать эти технологии и самостоятельно писать программы (хотя и эта возможность поддерживается). Достаточно пользоваться готовыми компонентами, блоками CMS и конструировать из них сайты любой сложности.

На CMS Joomla можно быстро построить как самый простой сайт-одностраничник, так и сложную систему управления предприятием (CRM), итернет-магазин, форум и многе другое.

Установка CMS

Установка CMS Joomla производится специальной программой из дистрибутива Joomla? который бесплатно скачивается с сайта разработчиков. Для установки CMS Joomla необходимы:

• WEB server (Apache, Nginx, Microsoft IIS)
• PHP
• база данных (MySQL, MS SQL server, PostgreSQL)

После установки CMS на её базе создаётся любой сайт.

Создание сайта можно разделить на две независимых задачи:

• создать дизайн сайта (шаблон - template)
• создать контент сайта (набор функциональных компонентов, меню, публикуемые материалы).

Joomla, как и другие CMS, независимо поддерживает дизайн и контент сайта. Можно менять дизайн, не теряя контент - и наоборот. Все функции управления сайтом выполняются через специальную панель алминистратора, которая защищена системой безопасности Joomla и доступна только авторизованныим пользователям.

Панель управления сайтом на Joomla

Сайт, построенный на базе CMS Joomla можно разделить на две части:

• внешний интерфейс (для посетителей сайта )
• административная (панель управления сайтом)

Часто, когда речь идёт о CMS, эти интерфейсы называют Front End и Back End соответственно.

При установке Joomla создаётся специальный пользователь с правами управления сайтом (администратор). В дальнейшем управление сайтом, конфигурация, управление контентом производится администратором через административную панель, посетителям эта часть сайта недоступна.

Пользователи

Joomla поддерживает гибкую систему управления пользователями, правами доступа к различным элементам внешнего и административного интерфейса, к элементам управления сайтом.

И внешний и административный интерфейс поддерживают регистрацию пользователей, что обеспечиват зарегистрированному пользователю доступ исключительно к тем компонентам сайта и функциям, на которые у него есть права.

При установке системы создаётся один пользователь с максимальными правами (Super User). В дальнейшем можно создавать, редактировать, удалять пользователей, зарегистрировавшись в административной панели как администратор (Super User).

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

Управление контентом

Как и во всех CMS, сайт на Joomla позволяет независимо управлять дизайном и контентом.

С одной стороны, можно менять диайн, не затрагивая контент сайта. С другой стороны, изменение, добавление контента не меняет дизайн.

Для управления контентом Joomla поддерживает целый ряд специальных инструментов:

• статьи на сайте, категории статей, модули, дополнительные компоненты
• система создания и управления различными меню.

Это даёт возможность создавать сайты с разнообразным наполнением. Структура меню позволяет показывать различные элементы для размещения на внешнем интерфейсе в различном формате.

Дизайн сайта на Joomla

Основным элементом дизайна для Joomla является шаблон (Joomla template). При установке Joomla ставит по-умолчанию два шаблона для внешнего интерфейса. Шаблоны можно добавлять, менять, удалять. Шаблоны задают стили, дизайн, позиции размещения элементов сайта.

Шаблоны можно писать самостоятельно, создавать при помощи программы-графического дизайнера, использовать готовые (бесплатные, платные). 

Многоязычность в CMS Joomla

Сайт на Joomla поддерживает многоязычность. 

Средствами Joomla можно назначать различные шаблоны для разных языков, различные меню, разные элементы контента на разных языках, устанавливать соответствия между однотипными компонентами на разных языках.

SEO оптимизация

Одной из важнейших задач при построении сайта является его оптимизация для дальнейшего "продвижения" в интернет.

Joomla поддерживает целый ряд коипонентов, обеспечивающих оптимизацию сайта для поисковиков (SEO). Например:

• управление ключевыми словами и описаниями материалов сайта (теги meta)
• SEF - ссылки
• оптимизация скорости сайта (сжатие страниц, кеширование).

Дополнительные компоненты из библиотеки JED обеспечивают такие функции как:

• создание о обновление карты сайта
• оповещение поисковиков о изменениях на сайте
• обработка ощибки 404 - страница не найдена.

Дополнительные компоненты Joomla

Joomla поддерживает ряд дополнительных компонентов разных типов, которые практически неограниченно расширяют функциональность сайта. Это: шаблоны, плагины, модули, компоненты.

Стандартные компоненты

После установки CMS доступен стандартный набор компонентов. Они обеспечивают различные функциональные возможности сайта. Как, наример: многоязычность, поиск, управление пользователями, формы обратной связи, баннерная реклама на сайте, и многое другое. Набор установленных компонентов (плагины, иодули, компоненты, шаблоны) можно меняь: добавлять новые, удалять установленные.

Библиотечные компоненты

Разработчики Joomla иакже поддерживают online-библиотеку расширений - JED (Joomla Extensions Directory). Эта библиотека содержит проверенные расширения (плагины, модули, компоненты), как платные, так и бесплатные, разработанные разными авторами. 

Примеры бесплатных компонентов

• AcyMailing (e-mail рассылки). Массовые рассылки с сайта.
• Akeeba Backup (резервное копирование и восстановление сайта, перенос на другой домен)
• Sourcerer (вставка PHP и JavaScript программ в статьи и модули)
• ProFiles (доступ к файлам хостинга через интерфейс административной панели)
• qlform (формы обратной связи)
• HikaShop (интернет-магазин на базе CMS Joomla)
• PhocaDownload (загрузка / разгрузка файлов)
• Расширения для форумов
• Расширения для CRM
• Google map (ContentMap)
• countdown (обратный отсчёт времени)
• Content uploader (Пакетная обработка материалов, импорт - экспорт в CSV файлы)

Расширенные возможности

Шаблоны (Joomla templates)

Наряду со стандартными шаблонами, которые Joomla предоставляет после установки по-умолчанию, можно использовать и дополнительные шаблоны, обеспечивающие дизайн сайтов любой функциональности.

Joomla позволяет использовать разные шаблоны как для всего контента, так и для отдельных материалов. Часто при создании многоязычных сайтов используются немного отличающиеся шаблоны (дизайны сайта) для разных языковых версий.

Можно подбирать бесплатные шаблоны, которые в огромном количестве публикуются в интернет. Можно покупать готовые - платные, стоимость которых чаще всего, не превышает 50-100 USD.

Иногода возникает необходимость создавать свои уникальные шаблоны для сайта. Эта задача требует знаний и опыта работы с HTML, CSS, JavaScript, PHP.

Написание модулей и плагинов под Joomla

Написание своих модулей для CMS Joomla - более сложная задача, чем создание щаблонов. Наряду с вышеперечисленными навыками, она требует от автора понимания основ функционирования Joomla Framework и её модели MVC.

Написание компонентов под Joomla

Компонет - самое сложное из всех возможных расширений Joomla. Создание компонентов - задача, требующая от разработчика не только знаний и опыта работы с PHP, MySQL, но и полного представления о структуре и функционировании Joomla Framework. Создание компонентов выходит за рамки этого курса.

Построение сайта на CMS WordPress

• Установка WordPress.
• Сайт (FrontEnd) и панель управления (BackEnd).
• Основные настройки сайта (general, writing, reading, discussion, media, permalinks )
• Контент сайта.
  • Категории.
  • Статьи.
  • Страницы.
• Плагины.
• Внешний вид сайта.
  • Шаблоны (темы) сайта.
  • Виджеты.
  • Меню.
• Управление пользователями.
• Дополнительные инструменты.
• Популярные плагины.

WordPress - это система управления контентом (CMS) с открытым исходным кодом, которая позволяет пользователям создавать динамические веб-сайты. WordPress - самая популярная система ведения блогов в Интернете. Современные версии WordPress позволяют реализовывать не только  блоги, но и сайты с другой функциональностью.

Как и другие CMS, WordPress  наряду с лицевой, видимой для посетителя частью сайта (FrontEnd) поддерживает интерфейс  панели управления сайтом (BackEnd), который доступен только администратору сайта.

Изучение WordPress требует знания основ интернет-технологий, HTML, CSS.

Для установки WordPress необходим WEB – сервер с поддержкой PHP (WAMP –Windows, LAMP-Linux, XAMP-Multi-platform, MAMP-Mac) и база данных MySQL.

Сайт, построенный на CMS WordPress, позволяет настраивать, менять,  обновлять все его компоненты (дизайн сайта, дополнительные компоненты, публикации на сайте),  используя панель управления (BackEnd).

Как и в других CMS, в WordPress можно сравнительно легко менять внешний вид сайта, не теряя при этом контент. Внешний вид сайта определяется установленной темой (шаблоном) и независим от его содержания.

После установки WordPress по умолчанию панель управления находится по адресу:

ИМЯ_САЙТА/wp-admin

Основные характеристики WordPress

Управление пользователями - позволяет управлять пользовательской информацией, такой как изменение роли пользователей (subscriber,  contributor,  author,  editor или administrator), создавать или удалять пользователя, изменять пароль и информацию о пользователе. Основная роль менеджера пользователей – авторизация пользователей, управление правами доступа.

Управление носителями - это инструмент для управления мультимедийными файлами и папкой, в которую можно легко загружать, организовывать и управлять мультимедийными файлами на веб-сайте.

Темы (шаблоны) сайта - позволяют изменять вид и функциональность сайта. Он включает изображения, таблицу стилей, файлы шаблонов и пользовательские страницы.

Расширения (плагины) - предоставляют дополнительные функции в соответствии с задачами  сайта.

Оптимизация для поисковых систем (SEO) - предоставляет несколько инструментов для оптимизации сайта с точки зрения поисковых систем.

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

Основные настройки сайта на WordPress

General Settings - общие настройки WordPress используется для установки основных параметров конфигурации сайта.

Writing Settings - определяют режим публикации материалов на сайте.

Reading Settings - параметры показа сайта. Эти параметры используются для настройки параметров главной страницы сайта (FrontPage)

Discussion Settings - настройки параметров блога.

Media Settings - настройки работы с изображениями.

Permalink Settings - настройки ссылок, параметры для SEF (Search Engine Friendly) URL's.

Внешний вид сайта

В основе внешнего вида сайта на WordPress лежит тема, или шаблон (theme, template). У каждого шаблона есть определённые параметры, он определяет расположение на экране контента, элементов навигацтт, графических элементов и тд. . По умолчанию WordPress предлагает на выбор несколько шаблонов, большое количество шаблонов можно найти в интернет, они могут быть как платными так и бесплатными, можно создавать шаблоны самостоятельно или генерировать при помощи специальных программ (например - Artiisteer).

У каждого шаблона есть также дополнительные параметры конфигурации. Его внешний вид и функциональность можно настраивать при помощи различных виджетов и меню.

Контент сайта

Статьи (Posts), страницы (Pages), меню (Menu).

Основные 2 типа контента для сайта на WordPress - посты (или статьи) и страницы.

Посты на сайте используются для показа динамического, постоянно меняющегося контента (например: блоги). Они могут группироваться по категориям и использовать теги (tags) . Меню управления постами позволяет создавать, удалять, редактировать посты, управлять их публикацией, порядком их показа на лицевой странице сайта.

Категории -  рубрики (Categories) используются для структуризации содержимого сайта, группировки материалов по темам.

Тип контента - страницы предназначен для статического контента. Страницы на сайте показываются постоянно (в отличие от постов). Страница не использует категории и теги. Страницы помогают формировать дизайн, структуру лицевой страницы сайта, добавляя на неё постоянную информацию.

Меню сайта располагаются в местах, предусмотренных выбранной темой, элемент меню (menu item) может быть привязан к какому-то контенту (страница, публикация, категория и тд). 

Плагины (Plugins)

Плагины WordPress - это программы, которые можно загрузить, чтобы расширить функциональность сайта. Они добавляют сервисы или функции для сайта WordPress. Плагины используются для упрощения работы.

Виджеты (Widgets)

Виджеты - это небольшие блоки, которые выполняют определенные функции. Они дают возможность дополнять дизайн и функциональность темы WordPress. Они могут быть разными для разных тем.

Виджеты вставляются в те области на сайте, которые для них предксматривает используемая тема.

Управление пользователями (Users )

Каждый пользователь (user) имеет свою собственную роль в WordPress. Роли - это права доступа, предоставляемые конкретному пользователю для использования ресурсов сайта на WordPress. 

Роли могут быть назначенв только пользователем с правом доступа - Администратором.

Администратор (Administrator) - имеет все права. Администратор может делать все, что угодно на сайте WordPress, например: создавать других администраторов, пользователей и удалять их.

Редактор (Editor) - имеет доступ ко всем записям, страницам, комментариям, категориям, тегам и ссылкам. Он может создавать, публиковать, редактировать или удалять любые сообщения или страницы.

Автор (Author) - может писать статьи (посты), загружать фотографии, редактировать и публиковать свои сообщения.

Помошник (Contributor) - может писать и редактировать свои сообщения только после опубликования. Он может создавать свои собственные сообщения и страницы, но не может публиковать их. Он не может загружать изображения или файлы, но может видеть статус сайта. Когда он хочет опубликовать сообщение, оно должно быть сначала проверено и одобрено Администратором. Когда сообщение одобрено, его автор не может вносить какие-либо изменения после его опубликования.

Подписчик (Follower) - может только читать и комментировать сообщения. Подписчики - это те, кто выполнил вход, зарегистрировался на сайте, используя свою учётную запись.

Посетитель (Viewer) - может просматривать сообщения, посетители не могут редактировать, но могут комментировать сообщения.

CMS для электронной коммерции:Magento, OsCommerce, OpenCart

• Функциональность. Описание системы.
  
• Панель администратора.
  
• Редактирование настроек магазина.
  
• Создание категорий интернет магазина.
  
• Создание страниц товаров.
  
• Управление пользователями.
  
• Подключенте платёжных систем.
  
• Выбор и установка шаблона для интернет магазина.
  
• Модули.
  
• Возможности сбора статистики.
  
• Многоязычность.
  
• SEO. Мета теги.
  

Основы современных интернет-технологий

Введение

Интернет сегодня - это всемирная сеть, которая объединяет миллионы компьютеров, расположенных в разных частях света. Функционирование этой сети обеспечивает организация  ISOC (The Internet Society) - это американская некоммерческая организация (Reston, Virginia, U.S.), основанная в 1992 году. Штаб-квартира ISOC  находится в городе Рестон, Вирджиния, США , ISOC имеет фиоиалы  в Женеве, Швейцария. Члены ISOC -  более чем 140 организаций и более 80 000 индивидуальных членов. 

Подключение компьютеров в интернет, обмен данными между ними регламентируется определённым набором правил - протоколов. Такая стандартизация позволяеразличным независимым разработчикам и потребителям интернет-контента пользоваться этой сетью, публиковать в сети различного рода информмацию, создавать сетевые сервисы и тд.. 

Набор этих правил регламентируется и публикуются организацией - IETF ( Internet Engineering Task Force - Fremont, California, United States). Эти стандарты (интернет-протоколы - TCP/IP stack) публикутся в форме специальных документов - RFC (Requests For Comments), которые общедоступны.

В пространстве Интернет можно выделить компьютеры, на которых установлены специальные программы которые   умеют предоставлять различные Интернет-услуги. Они называются Серверами (Server). Так, например, на каком-то компьютере может быть установлен WEB сервер ( Apacheб IIS,... ). В этом случае компьютер сможет публиковать в Интернет WEB - сайты.

На других компьютерах, которые тоже входят в Интернет, могут стоять специальные программы, которые умеют полцчать определённый тип услуг - клиенты. Например, программы типа Chrome, IE, Opera и другие браузеры умеют запрашивать у WEB серверов WEB странички и показывать их на экране компьютера.

Протоколы TCP/IP

Подробное описание стека протоколов TCP/IP выходит за рамки нашего обсуждения. 

Для WEB - разработчика достаточно иметь общее представленте о некоторых из них.

Протоколы TCP (Transmission Control Protocol), IP (Internet Protocol) обеспечивают адресацию компьютеров в пространстве Интарнет, доставку пакетов (единицу информации). Каждому компьютеру в Интернет присваивается уникальный адрес IP, состоящий из 4-х наборов цифр. Например адрес 8.8.8.8 принадлежит DNS серверу Google.

Распределением этих адресов занимается InterNic (International Network Information Center).

Протокол DNS. 

Для удобства использования Интернет-адресов их цифровые значения часто заменяют на более читабельные текстовые адреса - DNS -  имена. Специальные сервера (DNS - Server) поддерживают в пространстве Интернет распеделённую иерархическую базу данных DNS имён. 

Основная задача этой базы данных - приводить в соответсвие   цифровые IP - адреса текстовым DNS именам. Для общения компьютеров в Интенет необходимы именно цифровые IP адреса. 

Протокол DND даёт пользователям возможность не запоминать цифры, а запоминать дружественные текстовые имена в качестве адресов в Интернет.

Пространство DNS имён представляет собой дерево. От корня этого дерева имён отходят ветки - домены верхнего уровня. У каждого из них есть дочерние втки - домены следующих уровней. Распределением DNS имён и поддержкой доменов верхнего уровня - TLD (Top Level Domains) занимается ICANN   (Internet Corporation for Assigned Names and Numbers). Управление доменами следующих подуровней делегировано другим организациям.

Протокол FTP позволяет обмениваться файлами через Интернет.

Протоколы POP, SMTP, IMAP позволяют обмениваться почтовыми сообщениями.

Протокол HTTP описывает правила взаимодействия WEB сервера с его клиентом - браузером.

Разработка WEB сайтов

Стандарты для разработчиков WEB регулируются организацией W3C  (World Wide Web Consortium).

Это, например, CGI, CSS, DOM, HTML.

• Технологии Front-end, Back-end. 
• WEB страница. WEB сайт. Принципы построения и функционирования.

Основные этапы построения сайта

• Планирование сайта, выбор и регистрация имени домена.
• Контент сайта. Планирование и подготовка содержимого сайта.
• Дизайн сайта. Проработка логики построения сайта. Разработка схемы навигации. Меню.
• Разработка графического дизайна. Выбор платформы сайта. Создание сайта.
• Выбор хостинга. Размещение сайта на WEB – хостинге. 
• Тестирование сайта.
• Оптимизация сайта. Теги META, Ссылки сайта (SEF). Карта сайта (sitemap). Подготовка для поисковых роботов. Регистрация в поисковиках. SEO. Аналитика, продвижение сайта в интернет.

Программирование для WEB

• WEB - сервера. WEB - браузеры. Обзор языков HTML, JavaScript, PHP

Записаться на курс

Современные интернет-технологии

Современные технологии, используемые для разработки и создания интернет-приложений, можно условно разделить на несколько категорий, которые отражают реальные этапы работ.

• Графический дизайн интерфейса сайта (WEB design, UI design )
• Разработка функциональных возможностей сайта (Front-end development, UX design и Back-end development)

В зависимости от деталей реализации каждого конкретного интерет-проекта: его целей, сложности, бюджета может отпасть необходимость какого-либо конкретного этапа разработок.

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

У нас Вы можете получить специализацию в любом направлении: от графика до программиста широкого профиля.

При записи на курс мы предоставляем возможность пройти предварительное тестирование-собеседование с опытным преподавателем. Это помогает раскрыть Ваш потенциал, определить перспективы обучения по той или иной специальности. Выбор курса должен определяться, в том числе, Вашими личными возможностями при восприятии нового материала, предыдущим опытом, знаниями и персональными склонностями. Наш специалист учитывает все эти факторы, наряду с Вашей готовностью учиться и тратить личное время на собственное образование. При составлении индивидуальной програмы обучения учитывается также и график Вашей занятости.

Все наши программы обучения ориентированы, в первую очередь, на требования современного рынка труда.

Они построены по результатом многолетнего анализа, отслеживания и изучения новых интернет-технологий и тенденций развития, требований конкретных заказчиков. Всё это позволяет нашим выпускникам по окончании курса успешно конкурировать с их коллегами при поиске интересной и хорошо оплачиваемой работы по новой специальности.

Проводимые нами курсы рассчитаны как на начинающих разработчиков, так и на работающих специалистов, которые заинтересованы в знакомстве с новыми технологиями, в расширении своих возможностей, получении новой специализации.

WEB дизайнер

(WEB designer, UI/UX designer)

Курс рассчитан на подготовку специалистов по разработке графического интерфейса для интернет-проектов.

Это: графический дизайн сайта, создание шаблонов, подготовка и оптимизация графического контента (картинки, mutimedia).

Предварительные требования

• Опыт работы с компьютером и интернет в качестве пользователя (интерфейс Windows или Linux, интернет браузер, текстовый редактор)
  

Программа курса

Adobe Photoshop, Illustrator, Dreamweaver - basics

HTML5, CSS3, FlexBox, CSS grid

Bootstrap 4 - CSS

WEB - разработчик (интерфейс пользователя)

(Front-end, Client-side developer)

Курс рассчитан на подготовку специалистов-разработчиков, специализирующихся на клиентской части интернет-приложений.

Это: логика и функционал интерфейса сайта - всё то, что выполняется браузером клиента. А также: оптимизация сайта для поисковых машин, интернет-продвижение сайта (CEO).

Предварительные требования

• Опыт работы с компьютером и интернет в качестве пользователя (интерфейс Windows или Linux, интернет браузер, текстовый редактор)
  
• Базовые знания Английского языка (на уровне технического перевода)
  

Программа курса

WEB - разработчик (серверные приложения)

(Back-end, Server-side developer)

Курс рассчитан на подготовку специалистов-разработчиков, специализирующихся на серверной части интернет-приложений.

Это: функционирование серверной части интернет-приложения, обработка запросов клиентов, базы данных.

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

Наиболее распространённые - это сервера Apache на операционной системе Linux. Программирование на PHP, MySQL.

Предварительные требования

• Опыт работы с компьютером и интернет в качестве пользователя (интерфейс Windows или Linux, интернет браузер, текстовый редактор)
  
• Базовые знания Английского языка (на уровне технического перевода)
  

Программа курса - Back-end PHP

Программа курса - Back-end Java

Программа курса - Back-end Python

WEB - разработчик (полный курс)

(Full stack WEB developer )

Курс готовит универсальных специалистов широкого профиля, охватывая специальности: Front-end и Back-end developer

WEB - начинаюшим

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

Это: системы управления контентом (WordPress, Joomla, Opencart), использование готовых шаблонов, создание шаблонов - Artisteer.

Предварительные требования

• Опыт работы с компьютером в качестве пользователя
  

Программа курса

WordPress - дочерние темы

https://make.wordpress.org/training/handbook/lesson-plans/theme-school/child-themes/child-themes-twentyseventeen/

Дочерняя тема позволяет модифицировать родительскую тему несколькими способами:

• добавить листы стилей в дополнение к стилям родительской темы
  
• замещение (переопределение) файлов шаблонов родительской темы
  
• добавление новых файлов через дочернюю тему
  

Папка для дочерней темы

В папке \wp-content\themes создаём новую папку с именем дочерней темы и помещаем в неё 2 файла:

style.css

(в дочерней теме)

Enqueue parent and child theme style sheets

functions.php

(в дочерней теме)

Сначала выполняется файл functions.php из дочерней темы, затем - из родительской.

Файл style.css дочерней темы переопределяет любые стили в файле style.css родительской темы, которые имеют одинаковые селекторы.

Переопределение шаблонов родительской темы

Файлы  «Дочерней темы» влияют на файлы «Родителя»: они либо переопределяют элементы и добавляют функциональность к его файлу «Родителя» с тем же именем, либо полностью заменяют его.

Пример нового файла footer.php для темы (он заменяет файл из папки с родительской темой)

Добавление новых шаблонов

Пример добавляет альтернативный шаблон с именем Template - test2

Шаблон с этим именем появляется как вариант выбора шаблона в свойствах страницы (page attributes).

Построение многоязычных сайтов на CMS WordPress

Для этого удобно использовать стандартный WordPress плагин   polylang 

Далее предполагаем, что имя нашего тестого сайта - http://wordpress1

1. Установить плагин http://wordpress1/wp-admin/plugins.php и активировато его (Polylang, Polylang Theme Strings, Theme and plugin translation for Polylang (TTfP))

2. В настройках языков добавить нужные языки http://wordpress1/wp-admin/admin.php?page=mlang (например: Русский, Английский, Иврит)

3. Добавить в перечень текстовых строк, подлежащих переводу, темы и плагины http://wordpress1/wp-admin/admin.php?page=mw_polylang_strings_settings 

4. Сделать переводы всех текстовых строк (в том числе и текстов, которые используются в выбранной теме) http://wordpress1/wp-admin/admin.php?page=mlang_strings&paged=26 

5. Сделать перевод каждой страницы http://wordpress1/wp-admin/edit.php?post_type=page (там появится колонка - иконка нужого  языка)

6. Сделать перевод постов http://wordpress1/wp-admin/edit.php 

7. Добавить виджет - переключатель языка

8. Поставить виждет в нужное место - в теме сайта (Appearance -> Customize --> Widgets -> Footer1 -> AddWidget -> Language Switcher -> PUBLISH - добавили в Footer1 переключатель языков)

9. Сконфигурировать меню для каждого языка http://wordpress1/wp-admin/nav-menus.php  (Закладка сверху - EDIT MENU : Menu Structure - набор пунктов меню, Menu Settings->Display location - привязка к языку / Закладка сверху MANAGE LOCATIONS - выбрать, какие меню при каких языках показываются на странице)