Легкие шаблоны wordpress. Отличные темы для вордпресс на русском языке с открытым исходным кодом. Шаблон GeneratePress легкий и быстрый
Ниже приведен список из 28 адаптивных шаблонов WordPress . Среди них вы сможете выбрать вариант, который идеально подойдет под ваши задачи.
One Page
Эта тема подходит для одностраничных макетов, что поможет в создании бизнес-сайтов, способных быстро привлекать новых посетителей. Она поддерживает различные продвинутые функции, которые сделают сайт выделяющимся из общей массы.
Для использования темы не требуется никаких технических знаний. Вам понравятся такие элементы, как блоки видео, различные виджеты, возможность изменять фоновое изображение слайдера, контактная форма, а также множество других компонентов:
Демо-версия Скачать тему
StartPoint
Тема для одностраничного сайта, содержащая множество современных функций, которые дают возможность изменить внешний вид сайта и привлечь клиентов. Тема StartPoint поддерживает многие полезные функции.
Она подходит для создания бизнес-сайта с такими функциями, как полноэкранный слайдер, область контента, состоящая из трех столбцов, неограниченное количество отзывов, красивая галерея, параллакс-эффект фона и многими другими:
Демо-версия Скачать тему
Compass
Наконец-то появилась долгожданная бесплатная версия темы Compass . Она характеризуется адаптивным шаблоном и выделяется простым и профессиональным дизайном.
Тема имеет небольшой объем, чистый код. Кроме этого она протестирована на разных устройствах, в различных браузерах и средах:
Демо-версия Скачать тему
Road Fighter
Тема идеально подходит для создания простого бизнес-сайта. Ее чистый и современный интерфейс и множество функций делают данную тему идеальной для блогов и бизнес-сайтов:
Road Fighter поддерживает полноэкранный слайдер и интерактивные функции для взаимодействия с пользователями.
Скачать тему
Woodberry
Стильная тема WordPress для бизнеса, позволяющая быстро и легко создать сайт для любой ниши.
Тема позволяет загружать изображения или использовать в слайдере видеоролики, взятые из YouTube или Vimeo :
Скачать тему
ToomMorel
Простая в использовании и быстрая в установке тема с современным интерфейсом и множеством функций. Она поставляется с несколькими вариантами цветовой гаммы и адаптивными шаблонами HTML5 , что полезно при создании сайтов для разных ниш:
Вы можете посмотреть различные варианты через превью, чтобы понять, как с помощью ToomMorel можно легко адаптировать свой сайт под любую нишу.
Демо-версия Скачать тему
Elite
Идеально подходит для различных бизнес-сайтов и других проектов. Тема Elite Pro имеет чистый дизайн, который привлекает внимание пользователей к контенту сайта:
Тема включает в себя несколько шаблонов страниц. Например: шаблон страницы блога, страницы во всю ширину экрана, шаблон галереи, страницы контактов и шаблон страницы портфолио.
Содержимое главной страницы можно легко настроить с помощью полнофункционального редактора в настройках темы. Она подстраивается под различные типы устройств, таким как iPad или смартфоны.
Скачать тему
D’zonia
Элегантная и очень гибкая тема WordPress . Красивый слайдер с возможностью встраивания видео и описаний сделает сайт привлекательным для посетителей. Он позволит наглядно продемонстрировать посетителям сайта представленный на нем контент:
Тема содержит встроенные адаптивные шаблоны контактной формы и галереи, которые можно использовать без отдельного плагина. Она полностью совместима со всеми видами современных устройств.
Демо-версия Скачать тему
ButterBelly
Элегантная и полностью адаптивная тема WordPress , подходящая для бизнес-сайтов, корпоративных сайтов и портфолио:
Тема оптимизирована для SEO . Она адаптивная, поддерживает использование сеток. ButterBelly может стать отличным фундаментом для вашего проекта!
Демо-версия Скачать тему
Cloriato
Простая, но прекрасно спроектированная тема. Она содержит привлекательный многофункциональный слайдер, вращающиеся социальные кнопки, поставляется с 6 цветовыми палитрами:
Данную тему можно использовать, чтобы сделать свой сайт более привлекательным. Предоставляя ваши изображения и контент в визуально привлекательной форме, она производит на посетителей благоприятное впечатление, демонстрируя суть ваших товаров или услуг.
Демо-версия Скачать тему
Poloray
Тема WordPress , подходящая для творческих людей и бизнес-агентств:
Poloray полностью адаптивная и идеально подходит для быстрого сайта с современным интерфейсом и множеством полезных функций. При этом адаптивный шаблон сайта HTML5 не отвлекает внимание от контента, что жизненно важно для сайта, посвященного бизнесу.
Скачать тему
Andrina
Тема подходит для быстрого создания бизнес-сайта или простого блога. Она выделяется своим уникальным дизайном главной страницы и макетом страницы блога:
Лучшее в Andrina Theme — это ее гибкость, дающая возможность настроить сайт под различные ниши.
После того, как вы активируете тему, она уже будет содержать предустановленный контент, включая изображения! Все, что вам нужно будет сделать, это отредактировать текст и добавить собственные изображения.
Демо-версия Скачать тему
Figero
Одна из лучших тем WordPress для электронной коммерции, она проста в использовании и в обслуживании. Если вы хотите продавать свои цифровые товары, принимая оплату через PayPal , это один из самых простых способов. Настройте тему в несколько шагов, и вы готовы продавать свой товар с помощью интегрированной системы платежей PayPal . Тема Figero сделает ваш сайт более профессиональным и простым в использовании:
Скачать тему
Squirrel
Многоцелевая тема WordPress , предназначенная для создания корпоративного сайта или личного блога. Она легко настраивается, поэтому с ее помощью можно создавать множество разных адаптивных шаблонов сайта в соответствии с вашими потребностями:
Тема Squirrel поставляется с 8 различными цветовыми стилями и функцией добавления на главную страницу видео из YouTube или Vimeo .
Демо-версия Скачать тему
Local Business
Тема предназначена для расширения локального бизнеса. Она отлично подойдет как для различных местных ниш, таких как туристический бизнес, SPA-салоны , массажные салоны, салоны красоты. Любой владелец бизнеса сможет увеличить свои доходы, используя дополнительные возможности этой темы:
Она содержит встроенную форму захвата лидов в шапке сайта, что позволяет реализовать бизнес-возможности, не имея навыков программирования.
Данные потенциальных клиентов сохраняются в панели управления WordPress . Также можно настроить получение мгновенных оповещений по электронной почте, чтобы своевременно координировать свои действия с клиентами.
Демо-версия Скачать тему
Appointway
Тема с функционалом для онлайн-записи, в который входит интегрированный плагин Ink Appointment . С его помощью можно захватывать лидов. Это также предотвращает двойное бронирование. Он содержит инструмент для отправки электронных уведомлений администратору при записи клиентов:
Appointway поставляется с интегрированным модулем PayPal , позволяющим клиентам совершать платежи сразу после записи. Тема Appointway полностью шаблоны Вордпресс адаптивные. Она проста в настройке и содержит различные опции для выбора стиля.
Демо-версия Скачать тему
Themia
Хорошо спроектированная уникальная тема для WordPress , которая подойдет для разных ниш. Она сочетает в себе элегантность с универсальным дизайном и превосходными функциями.
Тема имеет отличную систему администрирования. С ее помощью настроить собственный сайт действительно просто:
Демо-версия Скачать тему
BlackBird
Элегантно спроектированная адаптивная тема для WordPress . Она предназначена для того, чтобы сделать ваш бизнес-сайт ориентированным на посетителей:
Тема содержит форму регистрации, встроенную контактную форму и многие другие полезные функции. А встроенный слайдер позволяет вставлять видеоролики.
Демо-версия Скачать тему
BlackRiders
Бизнес-тема, имеющая несравненный дизайн:
Тема не только имеет прекрасный внешний вид, но и позволяет захватывать лидов. Она включает в себя полноэкранный слайдер главной страницы, интегрированный с формой захвата лидов, социальными кнопками, шаблоном для WordPress с адаптивным дизайном и многими другими функциями.
Демо-версия Скачать тему
Infoway
Современная бизнес-тема со встроенной системой захвата лидов. Она позволяет захватывать информацию о потенциальных клиентах с главной страницы и хранить ее в панели управления WordPress , чтобы вы могли легко связаться с ними и предложить свои услуги или товары:
Тема поставляется с отдельным разделом, в котором отображаются последние сообщения в блогах. А также рядом других функций, необходимых для бизнес-сайта.
Демо-версия Скачать тему
Traffica
Прекрасно спроектированная профессиональная тема, позволяющая подчеркнуть преимущества вашего бизнеса:
Это позволяет достичь высокого профессионального уровня работы с посетителями сайта и клиентами.
Демо-версия Скачать тему
ColorWay
Идеально подходит для быстрого и простого ведения блога с чистым и современным интерфейсом. Тема поставляется со множеством функций. И в то же время она простая в использовании и управлении:
Демо-версия Скачать тему
Golden Eagle
Тема проста в использовании и интуитивно понятна:
Golden Eagle — мощная тема, которая подходит как для всех пользователей. Она позволяет загружать собственные пользовательские логотипы, вставлять коды отслеживания Google Analytics , писать CSS и поддерживает создание дочерних тем на адаптивных шаблонах.
SEO-оптимизация — это один из приоритетов данной темы. Все основные заголовки помещены в теги H1 .
Демо-версия Скачать тему
Gommero
Тема предоставляет технологичные и интересные функции WordPress без ущерба для SEO или общего опыта взаимодействия пользователя:
Скачать тему
BizWay
Профессиональная тема WordPress Business с простым дизайном. Но этого достаточного, чтобы придать сайту привлекательный внешний вид и сделать его адаптивным:
Подходит для владельцев бизнес-сайтов, которым нравится полноэкранный слайдер и простой адаптивный шаблон WordPress , привлекающий внимание пользователей.
Демо-версия Скачать тему
Regal
Лучшая тема для портфолио с уникальным плоским макетом. Она позволит привлечь внимание ваших посетителей.
Тема отлично выглядит на мобильных и стационарных устройствах. Особенно выделяется прекрасный эффект фрейма с потрясающими границами, очерчивающими изображения.
Regal
поставляется с простой в использовании панелью параметров темы и полезными функциями портфолио.
На главной странице размещается слайдер, раздел избранных записей и многое другое:
Демо-версия Скачать тему
PhotoMaker
Тема предназначена специально для того, чтобы ваши фотографии выглядели эффектно на любом устройстве.
Вы можете отобразить коллекцию своих работ в красивой карусели. Тема включает в себя полноэкранный просмотр изображений, настраиваемую боковую панель, поиск по сайту, эффект водяных знаков, адаптивный дизайн, стильные социальные кнопки и многое другое.
Под некоторые типы проектов идеально подходят самые обычные, неприхотливые и простые шаблоны для WordPress аналогичные базовым Twenty Seventeen, Fifteen и т.п. Они неплохо смотрятся в личных блогах, сайтах визитках малого бизнеса, презентационных веб-ресурсах с минимальным количеством контента и даже могут использоваться в портфолио.
Конечно, речь не идет о полностью , где нет вообще никакого визуального оформления, но принцип похожий — свести использование графики, скриптов и сложных элементов к минимуму. Сегодня рассмотрим подборку лучших макетов из этой категории, в том числе и так называемые минималистичные темы WordPress.
Люди, выбирающие подобные варианты, хотят максимум внимания уделить содержимому будь то фотографии, личные заметки, иллюстрации, небольшие тексты и т.п. Как правило, на странице присутствует минимум объектов (возможно, даже без сайдбара или/и футера). Парочку подходящих решений по теме найдете в данной подборке тем 2018 от Hostinger. Постараюсь дополнить ее и другими интересными примерами простых шаблонов для Вордпресс, минималистичные темы разместил в самом конце заметки.
Adler
Классный стильный и оригинальный макет. Очень похож на онлайн записную книгу или личный дневник — большие иллюстрации природы, рукописная и печатная типографика отлично дополняют это впечатление. Можно создать блог с заметками путешественника.
Pure
Неплохое светлое решение для портфолио. В меню есть функция изменения отображения постов — в виде сетки или построчно. Минимализм здесь наблюдается скорее не в плане исключения ярких или чрезмерно сложных элементов, а как визуальное ощущение.
Этот шаблон оставляет приятное ощущение за счет светлого не напрягающего дизайна, по функциональности он весьма хорошо построен: много графики и информационных блоков, несколько типов страниц. Кто-то может даже засомневаться в его «простоте», но с другой стороны вас же не заставляют использовать абсолютно все фишки сразу.
Адаптивная простая Wordpress тема, отлично совместимая с любыми устройствами. Слева располагается узкий фиксированный сайдбар, а контент словно прокручивается в большой колонке справа. В панели настроек админки есть много параметров. В целом, добротный качественный макет, который подойдет под разные задачи.
Отличное решение для персонального проекта, например, иллюстратора и других творческих профессий по типу . Основное внимание на контенте — в данном случае это графика. Шапка содержит меню категорий, социальные кнопки и линки на некоторые другие страницы. Просмотр единичной записи тоже хорошо смотрится.
Визуально вариант «просится» для оформления блога веб-разработчика или программиста (за счет корректного отображения кода), хотя там также неплохо смотрятся и остальные типы постов: галерея, аудио, тексты. Боковая колонка не зафиксирована, содержит лишь основную инфу — метки, поиск, об авторе и соц.иконки. Список категорий находится над блоком контента.
По скриншоту очень похоже на минималистичный шаблон WordPress, но при прокрутке пользователь увидит более продвинутые функции и скрипты отображения информации. Нельзя сказать, что они слишком усложняют тему, но обычно в подобном стиле не приветствуются дополнительные эффекты в появлении картинок, всплывание текстов при наведении и т.п. Тем не менее, смотрится здорово и оригинально.
Визуально приятный и светлый дизайн оформления. Допускается расположение контента в 2 колонки, есть адаптивность, что вообще здорово! Футер чуть более массивный нежели принято — сразу 4 столбца, но, теоретически, его можно упростить.
Данная простая Вордпресс тема подойдет в первую очреедь блоггерам и креативным авторам. Здесь весьма интересная типографика, есть хорошая функциональная фотогалерея, а также поддерживается отображение записей в виде сетки. Футер почти пуст, верхнее меню фиксированное.
Авторы советуют использовать его под веб-проекты кафешек, небольших ресторанов, кофеен и другого малого бизнеса. В описании много разных фишек, которые, впрочем, не лишают макет визуальной легкости. По скриншоту можете видеть, что поддерживается разделение экрана на 2 части + несколько типов страниц. Единственное, непонятно что из этого доступно в бесплатной версии.
Около 8тысяч загрузок — одна из самых больших цифр для на wordpress.org, что я встречал. Решение достаточно красивое, возможно, его в полной мере нельзя назвать минималистичным, т.к. тут и фон темный, и графике уделяется много места + крупные шрифты. Хотя отсутствие боковой колонки позволяет сконцентрировать все внимание на содержимом сайта.
Стильный простой шаблон Вордпресс для блоггинга с приятным несложным дизайном. Тексты здесь легко читаются, а в настройках можно поменять некоторые детали внешнего вида. Сайдбар по размерам весьма небольшой, хотя при этом вся нужная информация там помещается + хедер классный: поиск, лого, меню, соц.кнопки. Очень нравится общая композиция.
Olsen
В подборке уже имеется похожий по функциональности вариант с фотолентой в футере, полноценной графикой в сайдбаре и шапке. Определенно минималистичной темой здесь и не пахнет, хотя много зависит от того как вы в итоге ее настроите. Она идеально подойдет блогам, например, женским о моде, красоте и т.п.
Хороший по качеству макет, где контент располагается в одной центральной колонке (загрузок — более 4 тысяч). Простота отчасти достигается отсутствием сайдбара, да, и в целом, типографика, header/footer — достаточно обычные (они выполняют соответствующие задачи, не более того). На единичной странице после текста имеются разные дополнительный способы навигации.
Прикольная реализация в визуальном плане. Возможно, такое ощущения достигается за счет нестандартных шрифтов и использования ч/б графики. Хотя расположение блоков на главной тоже достаточно необычное. Все компактно, но при этом функционально — на небольшой странице есть и соц.кнопки, и галерея, и список постов с подпиской, и еще парочка других элементов. Очень понравилось.
Kent
Прикольная блоггерская тема со множеством приятных фишек: локализация, формы, соц.кнопки, настройки виджетов/постов, похожие заметки и т.п. Визуально тоже неплохо смотрится, как говорится, — «Сontent is king «.
Этот и следующий вариант отлично подходят под определение простых шаблонов WordPress. Не смотря на то, что здесь достаточно много графики + есть слайдер в шапке, общее впечатление вполне обычное и приятное. Ссылки на записи/посты с главной представлены в виде картинок. Теоретически макет можно использовать для фотосайта. Есть адаптивность.
Максимально несложная и визуально стандартная тема с приятной типографикой и цветами. Как видите, здесь представлена вся типовые функции блогов, которые одинаково хорошо отображаются на любых устройствах.
Еще одна классическая блого-тема с сайдбаром справа. При желании контент на главной размещается в 2 колонки. В шапке находится выпадающее меню и слайдер, футер максимально прост (копирайт + соц.сети).
Полноценную демо версию глянуть так и не удалось, просмотр через wordpress.org не дает полного понимания о макете. В целом, нравится приятный фон и оформление блоков, выглядит достаточно аккуратно.
Данная простая тема для WordPress должна идеально подойти креативным людям, артистам, фотоблоггерам и др. (по крайней мере так считают ее авторы). В демке видно нестандартное расположение блоков, оригинальное меню, массивную типографику и информативный футер. Плюс есть все необходимые функции блога. Правда, непонятно что из этого доступно в лайт версии.
Интересный по формату веб-ресурс, где левая часть с большущей картинкой остается статичной — чем-то напоминает книгу. Надеюсь, пропорции разделения экрана можно изменить, поскольку 50% места для обычной «обложки», где ничего не происходит, многовато. В экранах поменьше этот блоковой фон убирается.
Весьма стильный макет с хорошим набором опций. Понравилось как автор аккуратно вписал в общую концепцию разные фишки — раскрывающееся меню, использование табов для просмотра дополнительной информации о заметках и ее авторе. Предусмотрены стили практически всех существующих здесь деталей: оформления текста в комментариях, прикрепленных постов, слайдера, галереи и т.п. Очень качественная работа.
Latte
Одностраничная и очень функциональная тема. Здесь есть много соответствующих для лендинга фишек: таблица цен, карты, параллакс эффект, отзывы и даже раскрывающееся гамбургер меню. Настроек в админке также хватает, хотя, возможно, демка показывает фишки платной версии, а лайт будет попроще.
Еще один явно не минималистичный шаблон под WordPress, хотя особо сложным его тоже не назовешь. Имеется парочка разных типов страниц (некоторые с оригинальным оформлением), есть варианты расположения сайдбара справа/слева + меню, которое передвигается при прокрутке. В шапке на главной — оригинальный слайдер, а вот футер простоват.
Не смотря на то, что выглядит эта Вордпресс тема простой, есть в ней парочка скрытых фишек. По краям в углах скриншота можете видеть 3 дополнительные функции: поиск, шеринг в соц.сетях и гамбургер меню. Причем последний элемент не просто открывает навигацию, а содержит полноценный сайдбар с виджетами.
Хороший приятный взгляду дизайн с необходимыми фишками для традиционного сайта или блога. В шапке есть слайдер, судя по всему, он показывает последние или избранные заметки. Дополнительная информация выводится в сайдбаре или футере из трех колонок. Поддерживается адаптивность.
Анонсы постов на главной представлены в виде картинок, что подойдет туристическому или любому другому творческому проекту. Вместо классического разбиения на странице имеется кнопка «Загрузить еще», которая подтягивает новый контент. Верх и низ страницы визуально простые, легкие, весь дизайн светлый.
Kotha
По формату текущий шаблон похож на многие выше — традиционный блоггерский макет из двух колонок (адаптивный, что радует). Для разных типов заметок предусмотрено свое отображение: видео, галерея, аудио и текст. Возможно, я бы сделал чуть меньшие отступы между блоками дабы они не так сильно бросались в глаза.
Минималистичные темы
В данной статье я решил объединить простые темы и минималистичные WordPress решения, т.к. они во многом пересекаются. Просматривая некоторые подборки материалов в сети я заметил, что одни и те же дизайны могут быть представлены в обеих категориях. Грани постепенно стираются. Хотя, если так подумать, все зависит от того как именно вы будете использовать функции макета — убрав большую часть виджетов, минимизировав информацию в футере и отключив сайдбар получите максимально простой результат.
Less
Приятная взгляду минималитисная тема, адаптивная, хорошо себя проявляет в «текстовых» веб-ресурсах: блогах, сборниках стихов/произведений, личном журнале с заметками автора.
Прикольная типографика, классический блого-шаблон, в шапке — выпадающее меню и соц.иконки. Единственное, что я бы немного уменьшил рамки блоков или сделал бы их серыми. Хотя, возможно, именно за счет этих линий макет и смотрится стильно.
На превью вся графика, используемая в макете — ч/б, и вероятно, поэтому чувство минимализма столь заметно. Сайдбаров нет, отсутствует даже верхнее меню, а элементы навигации и поиск спрятаны в нижнюю часть страницы.
Одна из немногих «старых» тем, которые попали в подборку. Здесь имеется единственная центрированная колонка, возможно, слегка узкая как для новых форматов мониторов, но зато с рабочей адаптивностью. На главной постам придется сделать дабы укоротить анонсы. В footer, судя по всему, есть поле виджетов.
Maker
Хорошее решение для портфолио или блога фотографа — акцент на изображениях, а меню, футер и шапка практически незаметны. В единичном просмотре контента можете добавить краткую инфу о текущем проекте + дополнительные иллюстрации. Поддерживается адаптивность.
Не смотря на общий визуальный минимализм в дизайне по функциям имеется необходимый базис: меню, поиск, соц.кнопки. Приятно, что разработчики уделили внимание мелочам как то оформление и пагинации.
Классическая блоггерская тема без лишних наворотов и с традиционной функциональностью: меню, сайдбар, поиск, галерея, футер. Если бы не разноцветная графика эффект минимализма был бы сильнее.
Итого. Надеюсь данные 40 решений из подборки пригодятся вам в работе. После написания заметки могу сделать парочку выводов:
- В простых шаблонах WordPress, разумеется, не нужна функциональность и универсальность как в здесь основное внимание идет на контент. Дополнительные отвлекающие элементы, скорее, мешают.
- С другой стороны это не значит, что нужно удалить вообще все возможности и фишки — базовые элементы навигации должны присутствовать, sidebar/footer также часто встречаются. Просто желательно сделать дизайн не напрягающим и легким для чтения.
- Просматривая списки лучших минималистичных тем WordPress я понял, что подобный формат сейчас куда менее популярен нежели раньше. Видимо, пользователям пользователям нужна бОльшая. Вы ведь в любой момент можете отключить ненужные детали или не использовать поля виджетов, тогда как добавить их в полупустой шаблон — задача посложнее.
Также хочется отметить, что многие из представленных решений являются лайт версиями более продвинутых макетов. Ищите на страницах источниках именно эти варианты для загрузки. Зачастую предложенной там функциональности хватает, тем более, что речь идет о простых темах.
Только следует учесть, что вордпресс генерирует некоторые классы, которые должны присутствовать в таблице стилей. К примеру классы aligncenter, alignleft и alignright служат для выравнивания изображений и блочных элементов, и их нужно включить в свою таблицу стилей (можно скопировать из таблицы стилей дефолтной темы):
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
Следующие классы используются для выравнивания изображений, которые имеют подписи (можно скопировать из дефолтной темы, в дальнейшем при необходимости поправить):
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* необязательные параметры, которые сделают скругленные углы в поддерживаемых браузерах*/
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Кроме того, существует еще несколько классов WordPress, которые необязательно описывать в таблице стилей, но, т.к. WordPress генерирует страницы с их использованием, можно и им задать стиль:
.categories {...}
.cat-item /* Этот класс присваивается всем категориям */}
.current-cat {/* стиль текущей категории */}
.current-cat-parent {/* стиль для предка(ов) текущей категории */}
.children {/* класс для потомка */}
.pagenav {/* постраничная навигация */}
.page_item {/* любой элемент списка */}
.current_page_item {/* этот класс присваивается в списке страниц к текущей активной странице */}
.current_page_parent {/*класс для родительской страницы по отношению к текущей */}
.current_page_ancestor {/* любая страница верхних уровней по отношению к данной */}
.widget {/* все виджеты обворачиваются в этот класс */}
В процессе верстки используйте блоки и стили к ним, как это определено в скринах в начале статьи. Это не обязательно, но очень даже желательно.
К примеру в дальнейшем мы подключим поисковую форму на сайт через спец. тег wordpress , в результате чего wordpress выведет такую форму:
Поэтому учитываем это при верстки темы.
И последнее, что нужно добавить в style.css это информацию о себе любимом и о созданной теме. Информация размещается в начале файла в коментах:
/*Theme Name: Придумайте уникальное имя темы
Theme URI: http://ссылка-на-домашнюю-страницу-темы
Description: Описание темы
Author: Автор темы
Author URI: http://ссылка-на-страницу-автора
Template: название-темы-предка
Tags: теги темы - только из списка предлагаемого wordpress.org
Version: версия
Ну и здесь текст лицензии
*/
Также не забудьте сделать screenshot.png и положить его в папку с шаблоном (в корень). Информация, размещенная таким образом в таблице стилей, будет отображаться в админке в разделе Управление «темами» . Сверстанный шаблон тестируем в браузерах, если все норм, можно идти далее.
Код страниц сверстанного шаблона приводить не буду, т.к. он достаточно большой, вы его просто скачайте , далее будем работать с ним.
Принцип работы wp-темы
:
Если вы откроете папку темы по умолчанию (wp-content/themes/default), вы увидите множество файлов PHP (файлы темы) и одного файла style.css. Когда мы просматриваем блог, WP подключает файлы темы (index.php < На этом предварительная подготовка закончена и мы можем перейти к созданию темы из имеющегося исходного материала. Шаг 1:
Теперь файлы нашего шаблона нужно "распилить", т.е. вытащить в отдельные файлы footer, sidebar и header. Схема показывает упрощенный вид файла index.php
с метками, согласно которым будем его пилить: Шаг 2
- Header.php
Теперь идем в папку с дефолтной темой, открываем header.php
и копируем оттуда теги Шаг 3 - Sidebar.php
Для начала в директории тем вордпресса (wp-content/themes) создайте папку с именем нашей темы. Пусть это будет ruseller_lessons
. Затем из папки темы по умолчанию (wp-content/themes/default) скопируйте файлы comments.php, search.php
и 404.php
в папку нашей темы. Эти файлы отвечают за комментарии и поиск на блоге. Затем в ruseller_lessons
скопируйте таблицу стилей style.css
нашего шаблона, screenshot.png (300x225)
и папку images
.
Открываем index.html
и вырезаем все, что находится до коментария , создаем новый файл header.php
и вставляем в него вырезанный код, сохраняем в директории нашей темы ruseller_lessons
:
My Blog
" type="text/css" media="screen" />
" />
/">
Возращаемся к файлу index.htm. Первым делом удаляем всю форму поиска, затем вырезаем из него все от