Wordpress: Создание темы с нуля используя Underscores - Видеоуроки. Wordpress underscore


Стартовая тема _s или Underscores для WordPress

Если вы решили заняться разработкой тем для WordPress, то вам не обязательно каждый раз начинать с чистого листа. Стартовая тема _s (Underscores) поможет сэкономить время при разработке новых тем для WordPress.

Тема _s или Underscores (произносится «андерскорс») разработана сотрудниками компании Automattic. Цель данной темы — облегчить и ускорить разработку новых тем для директории WordPress.org и сети WordPress.com. Именно поэтому тема называется «стартовой» и не имеет никакого дизайна:

Внешний вид темы Underscores

Внешний вид темы Underscores

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

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

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

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

Генератор тем на основе Underscores

Underscores.me: генератор тем на основе _s

По последним данным генератором Underscores.me воспользовались более 162,000 раз за последние два года, более 30,000 просмотров сайта Underscores.me ежемесячно, 12,000 просмотров проекта на GitHub каждую неделю, более 500 изменений в репозиторий _s, 63 участника в разработке и более 400 пул-реквестов на GitHub.

Есть масса примеров тем основанных на _s, включая стандартную тему WordPress Twenty Fourteen и большинство всех тем от Automattic. Стоит также отметить, что темы разработанные авторами журнала WP Magazine Expound и Semicolon тоже основаны на стартовой теме Underscores.

Лицензия стартовой темы — GPL, а это значит, что при распространении темы основанной на _s автор обязан унаследовать лицензию. Это не значит, что вы не можете продавать темы созданные с помощью Underscores. Есть ряд примеров коммерческих тем созданных с помощью _s.

wpmag.ru

Стартовая тема для WordPress — Underscores « Все о WEB программировании

21.05.2018 Ромчик

0

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

Скачать тему можно с github. Но есть и специальный генератор. Им я и буду пользоваться. Переходим на сайт http://underscores.me/ и вводим название нашей темы, например, «my_theme» и жмем «Generate»

Генератор стартовой темы для WordPress

И мы уже скачиваем архив с темой. Давайте ее установим и активируем. Если вы еще не знаете как это делать, то прочитайте в статье «Основы WordPress: Что такое тема в WordPress». Переходим на наш и посмотрим, как теперь выглядит наш сайт.

Активация стартовой темы

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

Давайте посмотрим, что из себя представляет стартовая тема. Для этого откроем папку с темой.

Структура стартовой темы для WordPress

Как видите структура темы полностью готова. Давайте посмотрим основной файл темы style.css.

Файл style.css

Файл уже заполнен (меня всегда напрягало заполнять этот файл).

Стартовая тема underscores:

Заключение.

Стартовая тема Underscores значительно уменьшает время разработки темы для WordPress. Ведь в большинстве случаев нам нужно только поменять css.

Понравилась статья? Поделись с друзьями.

web-programming.com.ua

Стартовая тема _s или Underscores для WordPress

Зачем нужна тема _s или Underscores

При создании темы для WordPress не обязательно каждый раз начинать с нуля. Стартовая тема _s (Underscores) поможет сэкономить время при разработке новых тем для WordPress.

Тема _s или Underscores разработана в компании Automattic, чтобы облегчить и ускорить разработку новых тем для директории WordPress.org и сети WordPress.com. Именно поэтому тема называется «стартовой» и не имеет никакого дизайна.

Внешний вид темы Underscores
Внешний вид темы UnderscoresВнешний вид темы Underscores

Что заложено в Underscores

В исходном коде темы изначально заложена хорошая основа для разработки новой темы:

Как создать свою тему

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

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

underscores-meunderscores-meUnderscores. me: генератор тем на основе _s

В чем отличие стартовой темы от родительской

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

А про обновления можно не беспокоиться. Это главное отличие стартовой темы от родительской.

Понравилась статья? Поделиться с друзьями:

fortress-design.com

Создание темы с нуля используя Underscores Видео

WordPress: Building Themes from Scratch Using Underscores

Duration 07:05:05

Открыть все курсы от lyndacom

WordPress: Building Themes from Scratch Using Underscores - Полный список уроков

Развернуть / Свернуть

В этом курсе ты научишься создавать практически любую кастом тему под Wordpress. Вместе с автором курса вы создадите тему, разбив ее на разные разделы, типа меню, заголовки, сайдбар, контент и многое другое. Также вы разберете иерархию шаблонов Wordpress, начнете использовать Gulp и Sass и еще будете применять JavaScript где это нужно. Один из лучших курсов по созданию темы используя Underscores.

Твоя оценка

Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

Похожие курсы

24-04-2016ru 2 урока Создание темы WordPress

Годный урок по настройке wordpreess, подключения своей темы и работы с ней. Маст си для тех кто собирается работать с этой цмс.

Duration 02:21:54

15-02-2017ru 8 уроков geekbrains Wordpress. Разработка темы оформления Разработка темы Wordpress

Уже долгое время Wordpress стоит на первом месте в мире cms по использованию среди веб-разработчиков. В данном курсе вы научитесь создавать свои темы, \"натягивать\" готовую верстку на вордпресс, и другие немаловажные нюансы работы с cms wordpress.

Duration 16:03:16

05-05-2017en 80 уроков udemy WordPress Development - Create WordPress Themes and Plugins (Ангельский) Создание тем и плагинов WordPress

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

Duration 06:07:37

26-08-2017en 35 уроков Premium Javascript

Это не просто еще один курс о JavaScript, где преподователь просто что то пишет, толком не обьясняя что он делает, и вконце говорит смотрите вот что у нас получилось. Автор этого курса, Гордон Шу, детально обьясняет как и почему мы используем тот или инной метод. Его задача не сухо показать вам что возможо сделать с JavaScript, а наоборот заставить вас понять почему он делает именно так и не по другому. Если вы привыкли смотреть курсы от Udemy,...

Duration 25:02:58

05-02-201816-08-2016 en 28 уроков Разработка темы WordPress

В этом курсе вы узнаете как создать пользовательскую тему WordPress с нуля, что даст вам возможность создавать именно такой сайт, который вам нужно.Многие дизайнеры и разработчики полагаются на дефолтную для WordPress тему. Хотя это ускоряет работу, вы ограничены возможностями и гибкостью выбранной вами темы. В этом курсе WordPress Custom Theme Development вы узнаете, как создать пользовательскую тему WordPress с нуля. Мы вместе пройдем от...

Duration 02:18:19

29-04-2018ru 5 уроков Wordpress Starter

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

Duration 01:00:24

25-05-201812-03-2018 en 314 уроков udemy Professional WordPress Theme Development from Scratch Профессиональная разработка темы WordPress

Создание замечательных тем WordPress c нуля / 4 завершенные проекты / 26 файлов PSD / расширенные темы.Начните создавать свои собственные CUSTOM WordPress Themes с нуля с помощью этого 100% практического курса.WordPress поддерживает 25% всех веб-сайтов в мире - разработка WordPress Темы - это ключевой навык в наши дни. Вы сможете разработать свои собственные темы к концу этого курса.

Duration 27:08:20

coursehunters.net

Шаблон с нуля на Wordpress с помощью стартовой темы Underscores или _s. Урок #1.

Привет друзья! Я начинаю курс уроков по стартовой теме Underscores или как ее еще называют _s. В своих видео уроках я покажу, как нарисовать шаблон с нуля на WordPress и посадить на стартовую тему Underscores. Преимущества стартовой темы Underscores в скорости разработки и готовой грамотной темой с корректным php кодом, без ошибок, которые может случайно допустить любой разработчик, делая тему для WordPress с полного нуля. На Underscores разработаны стандартные темы WordPress, которые идут в комплекте (twentyfourteen, twentyfifteen, twentysixteen). В первом уроке, мы с вами нарисуем полностью готовый дизайн в фотошопе, а в следующих уроках перейдем к верстке/натяжке дизайна на Underscores. Под видео вы найдете ссылку на bootstrap сетку для фотошопа, готовый дизайн урока и горячие клавиши, использованные в фотошопе.

Скачать bootstrap сетку для фотошопа: https://yadi.sk/d/pqF1Cyb2qvn3M Скачать готовый дизайн для wordpress: https://yadi.sk/d/gC24X9yRrWGBT

Горячие клавиши в фотошопе использованные в уроке:

1. Перемещение по холсту — пробел + ЛКВ (левая клавиша мыши).2. Увеличить/отдалить холст ALT + колесико мыши.3. Масштаб 100% CTRL + ALT + 0.4. Включить/отключить клетки CTRL + » (или на русском буква «э»).5. Включить направляющие сетки GUIDE GIUDE, если включена CTRL + : (или на русском буква «ж»).6. Склонировать объект CTRL + J.7. Сгруппировать объект CTRL + G.8. Включить линейку CTRL + R.9. Выбрать инструмент текст. Клавиша T.10. Выбрать Rectangle Tool. Клавиша U.11. Выбрать инструмент перемещения. Клавиша V.12. Трансформация объекта CTRL + T. Объект должен быть выделен.13. Перетаскивание объекта с помощью точек. Клавиша A. Объект должен быть выделен.14. Поднять слой в самый вверх CTRL + SHIFT + } (или буква «Ъ» на русском).15. Опустить слой в самый низ CTRL + SHIFT + { (или буква «Х» на русском).

Ставьте лайки, делайте перепосты, если видео было полезно.

Метки: дизайн сайта в фотошопепосадка wordpress на underscoresстартовый шаблон underscoresшаблон с нуля на wordpress

axxon.kz

В стартовой теме Underscores появилась поддержка Sass

На днях участники проекта Underscores объявили о том, что тема стала включать в себя поддержку Sass. Популярная стартовая тема Underscores для WordPress – это проект с открытым кодом, поддерживаемый Automattic. Как заявил один из участников проекта, Тэмми Листер, многие пользователи желали увидеть поддержку Sass в Underscores: «сообщество попросило добавить Sass. Поскольку Sass присутствует в ядре, это выглядело целесообразным. В данный момент он уже вплетен в поток операций многих создателей тем».

Если вы посетите сайт Underscores.me и щелкнете по «Advanced Options», вы увидите там новый чекбокс, созданный для включения поддержки Sass.

add-sass

По словам Тэмми, поддержка Sass включена таким образом, чтобы предоставить разработчикам полную свободу его использования:

«Все люди используют и компилируют Sass для своих целей, поэтому тема _s не должна принуждать кого-либо идти каким-то одним фиксированным путем. В этом смысле, Sass обеспечивает чистый подход, не требуя Compass или каких-либо других скриптов»

Поддержка Sass появилась в результате объединения многочисленных pull request и форков проекта на Github. Однако участники проекта на хотят ограничиваться одним лишь Sass — они открыты и для других препроцессоров CSS. «Мне по-прежнему хотелось бы видеть форк Less для _s. Мы стараемся открыть путь и для других препроцессоров», говорит Листер.

Ранее в этом году WordPress.com формально открыли свой собственный рынок для разработчиков тем. Инструкции по добавлению тем достаточно строги, и разработчикам предлагают использовать тему _s в качестве стартовой точки. Несмотря на то что многим авторам тем полюбилась возможность использования mixin и переменных, использование препроцессора не является обязательным требованием для попадания темы на WordPress.com.

У каждого создателя тем WordPress есть свой уникальный поток операций, который может включать в себя использование препроцессора, и участники проекта Underscores будут отдавать этому уважение. « Тема_s не указывает вам, как нужно делать те или иные вещи, она просто помогает вам начать разработку. Все, что мы добавляем к теме, будет отвечать этому правилу», говорит Листер.

Добавление поддержки Sass – еще один поворотный момент для проекта, наряду с тем, что теперь репозиторий GitHub темы Underscores будет использоваться только для разработки. Если вы хотите использовать Underscores, команда рекомендует вам скачать тему напрямую с сайта Underscores.me.

Источник: wptavern.com

oddstyle.ru


Смотрите также

Prostoy-Site | Все права защищены © 2018 | Карта сайта