Мы в сети

VK
FB

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

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

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

Рейтинг:

Издательство WebForMySelf Издательство: WebForMySelf

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

Бесплатный видеокурс Тематика: CMS | Создание сайтов и блогов

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

В данном курсе мы будем создавать относительно простую тему для 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 для создания файлов перевода темы, т.е. языковых файлов.

Содержание:
  • Урок 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 для создания файлов перевода темы, т.е. языковых файлов.


Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание интернет-магазина." (Андрей Бернацкий, Андрей Кудлай - Webformyself)


5 бесплатных видеоуроков покажут Вам процесс создания интернет-магазина с нуля: от дизайна до программирования...


Страница курса - Создание интернет-магазина. (Андрей Бернацкий, Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


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


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


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

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Bootstrap. Верстаем адаптивно, просто, быстро! ". (Андрей Кудлай - Webformyself)


Прямо сейчас забирайте БЕСПЛАТНО пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap от наиболее авторитетного в Рунете обучающего издательства для веб-мастеров WebForMyself....


Страница курса - Фреймворк Bootstrap. Верстаем адаптивно, просто, быстро! (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "CakePHP - мощь и гибкость современного PHP-фреймворка". (Андрей Кудлай - Webformyself)


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


Страница курса - CakePHP - мощь и гибкость современного PHP-фреймворка. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк CakePHP: с Нуля до Гуру на примере создания корпоративного сайта". (Андрей Кудлай - Webformyself)


Первый и единственный в Рунете исчерпывающий видеокурс на тему работы с фреймворком CakePHP… Уже в ближайшие 2 месяца вы из полного новичка веб-программирования превратитесь в профессионала....


Страница курса - Фреймворк CakePHP: с Нуля до Гуру на примере создания корпоративного сайта. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк Bootstrap: практика адаптивной верстки от А до Я". (Андрей Кудлай - Webformyself)


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


Страница курса - Фреймворк Bootstrap: практика адаптивной верстки от А до Я. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


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


В этом мини-курсе, состоящем из 6 уроков, мы познакомимся с вами с современным и одним из наиболее востребованных и популярнейших фреймворков в Рунете – это PHP фреймворк Yii2. Фреймворк Yii2 – это программный каркас для создания веб-приложений.....


Страница курса - Фреймворк Yii2: теория и первая практика. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк YII2 с Нуля до Профи. Быстрая разработка с современным фреймворком" (Андрей Кудлай - WebForMySelf)


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


Страница курса - Фреймворк YII2 с Нуля до Профи. Быстрая разработка с современным фреймворком. (Андрей Кудлай - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "OpenCart: быстрый старт, первые результаты". (Андрей Кудлай - Webformyself)


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


Страница курса - OpenCart: быстрый старт, первые результаты. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Интернет-магазин на OpenCart. Создание магазина с уникальным шаблоном". (Андрей Кудлай - Webformyself)


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


Страница курса - Интернет-магазин на OpenCart. Создание магазина с уникальным шаблоном. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "WordPress-Мастер: от Личного блога до Премиум шаблона." (Андрей Кудлай - WebForMySelf)


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


Страница курса - WordPress-Мастер: от Личного блога до Премиум шаблона. (Андрей Кудлай - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "CMS 1C-Битрикс: быстрый старт, первые результаты". (Андрей Кудлай - Webformyself)


Данный мини-курс призван познакомить вас с основами создания шаблонов для битрикса, а также дать общее представление об этой CMS и познакомить с основами работы в ней. Уже начиная с первого урока мы с вами перейдем к практике и установим Битрикс на......


Страница курса - CMS 1C-Битрикс: быстрый старт, первые результаты. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "1С-Битрикс. Практика создания веб-проектов!". (Андрей Кудлай - Webformyself)


В курсе изучается одна из наиболее популярных CMS в Рунете-1С-Битрикс.Данный движок позволяет создавать сайты абсолютно любой направленности и абсолютно любого уровня сложности.Это может быть:интернет-магазин,корпоративный сайт компании,информационный....


Страница курса - 1С-Битрикс. Практика создания веб-проектов! (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "PHP-Мастер. От теории до собственной CMS интернет-магазина". (Андрей Кудлай - Webformyself)


В видеокурсе показано не только создание движка для интернет-магазина, но еще и создается собственный фреймворк, на котором и пишется CMS. В курсе разрабатывается собственный РНР-фреймворк, который вы сможете в дальнейшем использовать многократно.......


Страница курса - PHP-Мастер. От теории до собственной CMS интернет-магазина. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "PHP. Прием платежей на сайте". (Андрей Кудлай - Webformyself)


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


Страница курса - PHP. Прием платежей на сайте. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Фреймворк Bootstrap 4 + WordPress 5. Руководство по адаптивной верстке". (Андрей Кудлай - Webformyself)


Уникальность курса состоит в том, что здесь вы найдете не только уроки по CSS-фреймворку Bootstrap 4, но и по CMS WordPress. Созданная в курсе верстка на Bootstrap устанавливается на CMS №1 в мире – WordPress. Таким образом, в одном месте показан весь....


Страница курса - Фреймворк Bootstrap 4 + WordPress 5. Руководство по адаптивной верстке. (Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Python. Полное руководство". (Андрей Кудлай - Webformyself)


Видеокурс состоит из 2 больших разделов и включает в себя 72 урока общей продолжительностью более 23 часов. Первый раздел является квинтэссенцией тщательно отобранной. Второй большой раздел видеокурса полностью посвящен изучению библиотеки Tkinter.


Страница курса - Python. Полное руководство. (Андрей Кудлай - Webformyself)

Видеокурс
Видеокурс


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


Видеокурс состоит из 2 больших разделов и включает в себя 54 урока общей продолжительностью более 22 часов. Первая часть курса будет посвящена изучению возможностей, которые предлагает нам фреймворк Yii2. Здесь вы лишь прикоснетесь к его огромным .....


Страница курса - Фреймворк Yii2. Быстрая разработка с современным фреймворком. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Bootstrap 4. Быстрый старт". (Андрей Кудлай - Webformyself)


Представляем вам мини-курс «Bootstrap 4. Быстрый старт». Курс включает в себя 9 небольших уроков общей продолжительностью почти 2 часа. В курсе показана верстка макета из PSD с применением CSS-фреймворка Bootstrap 4. Bootstrap – это популярнейший......


Страница курса - Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видеокурс


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


В этом мини-курсе, состоящем из 6 уроков, вы познакомитесь с фреймворком Yii2. Фреймворк Yii2 – это программный каркас для создания веб-приложений, написанный на PHP. Данный фреймворк позволяет создавать сайты любого уровня сложности визитка, блог....


Страница курса - Фреймворк Yii2. Быстрый старт. (Андрей Кудлай - Webformyself)

Видеокурс
Бесплатный видео урок


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


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


Страница курса - Python. Быстрый старт. (Андрей Кудлай - Webformyself)

Это видеокурс
Видеокурс


Видеокурс "Django. Полное руководство". (Андрей Кудлай - webformyself)


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


Страница курса - Django. Полное руководство. (Андрей Кудлай - webformyself)
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы

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

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

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Видео урок
Видеокурс Видео урок
Видеокурс Бесплатный видео урок
Видеокурс Бесплатный видео урок
Видеокурс Видеокурс
Видеокурс Видео урок

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Премиум уроки по JavaScript. (Андрей Кудлай - Webformyself)
Видеокурс Бесплатный видео урок
Промо ролики видеокурса Мини-курс. Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса WordPress – основы создания тем. (Андрей Кудлай - Webformyself)
Промо ролики видеокурса Премиум уроки по WordPress. (Андрей Бернацкий, Андрей Кудлай - Webformyself)
Промо ролики видеокурса Фреймворк Yii2: теория и первая практика. (Андрей Кудлай - Webformyself)