Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Видеокурс
Бесплатный видеокурс "WordPress – основы создания тем". (Андрей Кудлай - Webformyself)
Бесплатный видео урок

Бесплатный видео урок Бесплатный видеокурс "WordPress – основы создания тем". (Андрей Кудлай - Webformyself)

Страница автора - Андрей Кудлай - Webformyself
Страница автора

Автор(ы): Андрей Кудлай

В данном курсе мы будем создавать относительно простую тему для WordPress и на выходе получим готовый сайт со всем необходимыми страничками: страница о сайте и команде, страница контактов, страница с новостями сайта или же страница блога. Практически все страницы включают в себя несколько секций, поэтому реализовать их контент только средствами WordPress – достаточно проблематично. И для решения задачи мы привлечем специальный фреймворк для WordPress – это фреймворк Unyson. В нем имеется конструктор страниц, который помогает с легкостью проектировать практически любую структуру страниц, используя 12-колоночную сетку. Также Unyson предлагает множество компонентов (шорткодов), позволяющих решать типовые задачи. Например, в нем есть такие полезные компоненты как: контактная форма, участник команды, вкадки, аккордеон, иконки и множество других. В рамках данного курса мы с вами используем некоторые из этих компонентов.

Смотреть видео:

WordPress – основы создания тем. Урок №1. Установка стартовой темы Underscores. (Андрей Кудлай - Webformyself)

Содержание:

  • Урок 1. Установка стартовой темы Underscores

В первом уроке курса мы с вами рассмотрим некоторые организационные моменты, такие как: выбор сервера, редактора написания кода, установка WordPress и т.д. Также мы обозначим необходимый минимум знаний, который потребуется для прохождения курса. Конечно же, коснемся вопроса разработки тем для WordPress на современном этапе. Создание темы мы начнем не с нуля, как это было принято делать раньше. Мы будем создавать тему на некоторой базе, в качестве которой будет выступать стартовая тема Underscores. Благодаря данной теме, мы значительно ускорим процесс создания собственной, поскольку в стартовой теме уже имеется весь необходимый набор файлов, использующихся в стандартных темах WordPress. Само собой, в этих файлах есть базовый код, который мы можем взять за основу и вносить в него при необходимости правки.

  • Урок 2. Стили и скрипты. Меню

Текущий урок мы отведем преимущественно для работы с файлом functions создаваемой темы WordPress. В частности, именно через данный файл рекомендуется подключать стили и скрипты для темы. Как уже отмечалось выше, благодаря стартовой теме Underscores, у нас имеется некоторый типовой код, который мы можем взять за основу. В файле функций темы имеется функция для подключения стилей и скриптов. Мы ее и используем, добавив все необходимые стили, скрипты и шрифты для подключения к теме. Также в уроке мы зарегистрируем, создадим и выведем меню на сайте. Сделаем мы это в шаблоне header, который используется для подключения к ключевым шаблонам темы.

  • Урок 3. Фреймворк Unyson

В этом уроке мы поговорим о вопросе необходимости фреймворков для современных тем WordPress. Если раньше мы могли обходиться без них и в большинстве случаев было достаточно возможностей стандартного визуального редактора в WordPress, то сейчас этого уже мало. Страницы современных сайтов зачастую многосекционны и разнообразны. Часто они используют возможности сеток, т.е. предполагают возможность делить контентную часть на колонки. Все это практически невозможно реализовать с помощью обычного визуального редактора. И здесь нужен конструктор страниц. Фреймворки для WordPress имеют в арсенале конструктор страниц и в данном уроке мы установим один из таких фреймворков – Unyson. Также мы установим необходимые расширения из его комплекта – это слайдер и конструктор страниц.

  • Урок 4. Слайдер и секции Главной страницы

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

  • Урок 5. Страница About

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

  • Урок 6. Страница контактов

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

  • Урок 7. Страница блога

В этом уроке мы поработаем с еще двумя шаблонами темы WordPress – это шаблоны index и single. Первый шаблон будет использован для показа последних записей (новостей, статей) сайта. Ну а второй шаблон используется WordPress для показа отдельной записи. Здесь мы познакомимся с функциями постов WordPress, благодаря которым мы получить все необходимые данные записи: название, контент, дату публикации ссылку на полный текст, миниатюру записи и т.п.

  • Урок 8. Локализация темы

Последний урок нашего мини-курса мы посвятим вопросы локализации темы и мультиязычности сайта. Если вы решите создавать темы на продажу или же создавать мультиязычный сайт, тогда без локализации темы вам не обойтись. И после создания темы вам нужно подготовить ее для перевода. Благодаря локализации темы ее легко можно будет перевести на любой другой язык. В уроке мы подготовим нашу тему для перевода, т.е. произведем ее локализацию. Здесь мы познакомимся с функциями WordPress, позволяющими создавать мультиязычные темы, а также используем программу Poedit для создания файлов перевода темы, т.е. языковых файлов.

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


Защитный код
Обновить