WordPress тема Radians – интернет-магазин на волне модернизма

Приблизительное время чтения: 12 минут

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

Radians – один для всех

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

Тема появилась 19 августа 2017 года. Казалось бы, прошло уже почти 4 года с момента запуска макета. Может быть, он уже устарел? Но нет. Разработчики еще поддерживают свой продукт. Шаблон достаточно часто получает обновления и с каждым обновлением он дополняется новыми функциями и возможностями. Поэтому Radians еще соответствует современным требованиям к веб-разработке и веб-дизайну. Выше мы уже говорили о том, что макет предоставляет большое количество возможностей. Мы отобрали основные функции и выписали их в этот список:

  • установка демонстрационного макета в один клик. Вам не придется постоянно перемещаться по вкладкам, чтобы установить демонстрацию. Все, что потребуется сделать – лишь один клик;
  • простое изменение шрифтов. Тема позволяет без лишних шагов устанавливать именно те шрифты, которые вы хотите видеть на своем веб-сайте. Для этого даже подготовлен удобный интерфейс;
  • поддержка WooCommerce. Совместимость с этим популярным расширением позволяет вам, как добавить на своей веб-сайт функции интернет-магазина, так и сделать полноценный магазин;
  • интегрированный визуальный конструктор. Интеграция WP Bakery Page Builder позволяет работать с контентом веб-сайта даже без знаний кода и веб-разработки;
  • поддержка Retina-дисплеев и полная оптимизация под устройства с маленьким экраном. Оптимизация под мобильные устройства влияет и на посетителей и на поисковую оптимизацию;
  • мощный настройщик, который включает в себя больше сотни различных параметров. С помощью этого настройщика вы можете быстро изменить цвета элементов, фоновое изображение, шрифты и другие параметры сайта;
  • возможность загрузки пользовательского логотипа. Специальный загрузчик позволяет вам установить свой логотип на страницах, вместо логотипа по умолчанию.

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

Полезно: Шаблон WordPress своими руками. Урок 7. Работа с header.php

Быстрый импорт демонстрационной страницы

Давайте попробуем кое-что сделать. Попробуйте сосчитать до 20. Попробовали? Это именно то время, в течение которого установится демонстрация. Разработчики решили сделать домашнюю страницу своего шаблона по типу демонстрации. Поэтому вам нужно будет импортировать демонстрационную страницу, чтобы начать работу над своим будущим веб-сайтом. Иногда нужно копаться в настройках, бегать по вкладкам и по нескольку раз перечитывать документацию, прежде чем разобраться с тем, как установить демонстрационный контент. Здесь же все очень просто. Разработчики включили функцию импорта страниц в один клик. Таким образом, можно сразу после установки темы начать импорт демонстрационного макета. Да, здесь нет большого выбора среди демонстраций, но все же вы можете полностью изменить дизайн под свои потребности. Для этого авторы темы решили интегрировать один из самых популярных визуальных конструкторов – WP Bakery Page Builder.

Закройте свой редактор кода

Многие хотят иметь собственный сайт. Но далеко не все знают, как его можно создать. Для того, чтобы сделать качественный веб-сайт нужно очень долго обучаться веб-разработке. Но обучаться в течение года-двух ради того, чтобы просто сделать один сайт – это слишком долго. Гораздо проще приобрести хороший шаблон, в котором разработчики уже сделали все так, как это должно быть. А что может быть лучше готового шаблона? Возможность переделать его под себя. А уже это позволяет интеграция WP Bakery Page Builder, которую содержит Radians.

WP Bakery Page Builder и Elementor – это два самых популярных визуальных конструктора, которые чаще всего используются разработчиками макетов.

Что вообще дает визуальный конструктор? Конструкторы страниц позволяют редактировать содержимое сайта и создавать новые страницы без использования кода. Вообще конструкторы используются уже достаточно давно. Наверняка вы знакомы с Wix или Tilda – простыми конструкторами веб-сайтов. Но к WordPress эти конструкторы не подойдут. Почему? После создания страниц нужно делать посадку на CMS. И вот здесь возникает такая проблема – онлайн-конструкторы создают такой код, который не сможет прочитать даже опытный разработчик. Вот поэтому и были созданы специальные расширения для WordPress. Для работы с конструктором страниц не обязательно уметь работать с кодом. Здесь используется метод Drag & Drop. Суть метода заключается в том, что вы просто перетаскиваете блоки и задаете их параметры через панели инструментов. Конструктор, интегрированный в Radians, имеет простой и понятный интерфейс, а если вы не сможете с ним разобраться, то можно просто посмотреть документацию к расширению.

Полезно: Как изменить имя класса подменю на сайте WordPress

Что нравится читателям вашего блога?

Как можно эффективнее вести блог? Для этого вам нужно просто узнать, что больше всего нравится читать посетителям сайта. А вот как это сделать – уже другой вопрос. В целом, можно напрямую спрашивать у аудитории, что им нравится в блоге и статьи какого формата стоит выкладывать чаще. Также вы можете просто посмотреть статистику постов, которые больше всего читают. Обычно это делается при помощи дополнительных систем аналитики. Но используя Radians, вы можете просматривать статистику без подключения дополнительных систем. Разработчики разработали свою систему, а точнее, свой счетчик количества дочитываний. Поэтому вы можете просматривать количество дочитываний своих статей. Счетчик отображается в специальном виджете. Виджет позволяет отсортировать посты по автору, вывести определенное количество записей, и выбрать другие параметры фильтрации. Для сортировки нужно будет лишь вводить определенные значения в поля виджета. С помощью этого простого инструмента вы можете узнать, что больше всего нравится вашей аудитории и выпускать новые посты в соответствии с ее интересами.

Адаптивность и поддержка Retina

Адаптивность – это очень важная особенность сайта. Если раньше на адаптивность не обращали особого внимания, то сейчас это один из ключевых факторов при проверке сайта поисковыми системами. Помимо поисковых систем на адаптивность обращают внимание и сами пользователи. Поэтому очень важно сделать так, чтобы веб-сайт был гибким. А зачем нужна адаптивность? Допустим, изначально сайт разрабатывался на большом экране компьютера. На этом экране он будет выглядеть просто идеально. Но что будет, если мы зайдем на сайт с ноутбука? Уже все выглядит не так идеально и чисто. Некоторые блоки просто прилипли друг к другу, какие-то из них начали выходить за края экрана, а некоторые блоки вообще перекрывают друг друга. Ладно, здесь еще более-менее удобно работать. Но что, если мы возьмем в руки смартфон? Все блоки расставлены по непонятным местам, элементы слишком сильно перекрывают друг друга, а часть блоков не видно из-за того, что они вылетели за экран. Конечно, если разработчики использовали определенную методологию при верстке, то, возможно, проблема с адаптивностью будет не такой уж критичной. Но все равно нужно работать над адаптивностью. Radians полностью адаптивна, и авторы этой темы уделили особое внимание оптимизации под мобильные устройства. Для того чтобы пользователи могли убедиться в этом, разработчик оставили ссылку на тестировщик адаптивности и сказали, что можно проверить тему.

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

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

Полезно: Темы для блога на WordPress начала 2021 года

Сейчас много производителей техники используют Retina-дисплеи. От обычных они отличаются повышенной плотностью пикселей. Соответственно если веб-сайт не оптимизирован под такие экраны, то качество картинки будет низким. Поэтому также важно уделять внимание и этой детали. В противном случае владельцы Айфонов и другой продукции от Apple и некоторых других производителей получат плохую картинку. Оптимизировать самостоятельно у вас не получится. Да это и не должно получаться – это задача разработчиков. Авторы темы знают о важности оптимизации под Retina. И они сделали макет оптимизированным под экраны с высокой плотностью пикселей.

Как изменить шрифт

В какой-то степени, шрифт тоже можно считать одной из фишек бренда. Шрифты сайта создают общую стилистику, и если вы будете использовать определенные шрифты, это станет частью бренда. Соответственно, шаблон должен давать возможность изменить шрифты на страницах. И Radians не просто предоставляет эту возможность. Разработчики подготовили удобный интерфейс, с помощью которого можно быстро заменить шрифт для любого типа элементов на странице. К слову, вам доступно более 800 различных шрифтов от Google. Здесь можно выбрать стиль для заголовков, шапки, основного контента и других блоков сайта. Вы можете не только изменять семейство шрифтов, но и их размеры, жирность и другие параметры. Интерфейс работает на различных переключателях, а выборка шрифта осуществляется через выпадающее меню. Такой подход очень удобен, и в этом интерфейсе вы быстро поймете, что и как делать.

Читайте также:

А может открыть интернет-магазин?

Разработчики шаблона сами сказали, что магазин – это обязательная часть любого премиального шаблона на WordPress. Поэтому они сделали свой продукт полностью совместимым с WooCommerce. Что это за расширение? Это специальный плагин, который позволяет превратить простой сайт в полноценный интернет-магазин. Это можно сделать за счет интеграции различных блоков и элементов, которые предоставляет этот плагин. Например, где вы возьмете API платежных систем, если захотите открыть свой магазин? Это уже есть в плагине, причем WooCommerce позволяет интегрировать любые платежные системы на сайт. Также он предоставляет базовые элементы магазина. К базовым можно отнести корзину, список избранного, страницы карточек товаров и другие элементы. Если вы будете использовать это расширение, то не придется самостоятельно продумывать всю логику. Можно будет просто подключить нужные системы и добавить некоторые элементы и магазин готов.

Возможность перевода

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

Полезно: WordPress тема 907 – незамысловато, но современно и адаптивно

Мощный настройщик

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

Установка пользовательского логотипа и значки социальных сетей

Логотип – неотъемлемая часть любого бренда. Apple мы узнаем по их логотипу, как и Nike с Adidas. Логотип сразу показывает, что это за бренд. Поэтому если вы хотите, чтобы вас узнавали, нужно сделать собственный логотип. Этот логотип обязательно нужно показать на странице. И очень хорошо, что тема позволяет установить собственный логотип на страницах веб-сайта. Загрузчик пользовательского лого позволяет установить этот элемент, как в шапке сайта, так и в подвале.

У вас есть страничка в Instagram или Facebook? Стоит указать ссылку на нее на сайте. Например, можно вести блог, а в Instagram рассказывать о процессе создания постов и делать анонсы. Ссылки на социальные сети приносят немало пользы. В первую очередь, это продвигает ваши аккаунты в соцсетях. А помимо этого так вы установите более доверительные отношения с пользователями сайта.

Полезно : Темы-новинки лета 2020 для интернет-магазина

Интеграция ContactForm7

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

Быстрое продвижение

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

Полезно: WooCommerce – дополнительные поля в my-account.php

Так покупать или нет?

$48

Стоимость этой премиальной темы – 48 долларов. Но на данный момент разработчики снизили цену на свой продукт до 39 долларов. В целом, макет действительно можно приобрести для сайта. Нельзя сказать, что он прямо сильно выделяется среди других шаблонов. Но все же у него нет критических ошибок и каких-то существенных недостатков. Демонстрационная страница, интегрированный конструктор, поддержка множества расширения – все, что нужно хорошей теме, присутствует в Radians. Поэтому вам стоит подумать о приобретении этого шаблона.

Заключение

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