Хостинги Украина Лого
Лучшие хостинги Украины / ТОП-10

Актуальная стоимость тарифных плановЕжедневный мониторинг серверов хостинга Отзывы клиентов

Наиболее полные и профессиональные обзоры украинских хостинг провайдеров — ключевые характеристики тарифных планов и их стоимость, всесторонний мониторинг работы хостинг-серверов, действующие промокоды, а также реальные отзывы клиентов о работе своих сайтов и опыте коммуникации с техподдержкой провайдера.

  1. Рейтинг хостингов
  2. /
  3. Всё про CMS
  4. /
  5. WordPress
  6. /
  7. Бесплатный шаблон для сайта на...

Бесплатный шаблон для сайта на WordPress

Share on facebook
Facebook
Share on vk
VK
Share on twitter
Twitter
Share on linkedin
LinkedIn
wp 5 article fb

Шаблон («тема») для любой CMS, к числу которых относится и WordPress, представляет собой архив файлов различных типов, включая файл для заполнения базы данных, в совокупности обеспечивающие для CMS некие дизайн и функционал; без шаблона (вообще) любая CMS – это просто «много букв» (ну, не только букв, конечно), и сайтом сама по себе она не станет.

Для WordPress, на которой создан примерно каждый третий сайт в Сети, существует огромное количество шаблонов («тем»), как платных, так и бесплатных. Рассмотрим здесь вторые.

Большинство бесплатных шаблонов – являются «облегчёнными» версиями платных, но есть и такие, которые бесплатны всегда. К последним относятся и те, которые устанавливаются по умолчанию при установке CMS WordPress авто-установщиками, а именно 2017, 2019, 2020, 2021 (обычно, в зависимости от установщика, ставится по умолчанию один или несколько из названных). Конечно, для некоторых проектов будет достаточно одного из них, но чаще всё же требуется нечто более «продвинутое».

Здесь не будем рассматривать те шаблоны, которые существуют исключительно как платные. Остановимся на тех, которые можно выбрать и установить бесплатно, а затем (для большинства из них), если понравится и возникнет желание, можно будет купить платную версию, и «поднять» тем самым свой сайт в плане функционала и дизайна на более высокий уровень. Сайт, при переходе на платную версию, переделывать наново не придётся, лишь поработать с вновь полученными возможностями.

Где и как выбрать шаблон?

В большинстве случаев бесплатные шаблоны присутствуют в репозитории  (хранилище) WordPress, откуда любой из них можно установить просто и быстро прямо из админки сайта. О том, как это сделать – чуть ниже. К слову, некоторые шаблоны сайтов можно найти у хостинг провайдеров, который предлагают специальные тарифы для сайтов на WordPress — HOSTiQ.ua, CityHost, AvaHost и HostPro. Выбрав такой тариф и запустив установку WordPress на хостинг, вы также можете выбрать и уже готовый шаблон сайта.

С выбором шаблона прямо в репозитории – не всё так просто. Беда в том, что сам по себе репозиторий не обеспечивает наглядности представления шаблонов, т.е. они предлагаются почти вслепую.

Посмотрим, как это выглядит на практике. В админке сайта переходим в консоли (панель управления слева) во Внешний вид—>Темы:

wp free template 1

…и оказываемся здесь:

wp free template 2

Здесь (в данном случае) мы видим, что на сайте установлены два шаблона (две темы), один из которых активен (слева), второй, дефолтный (установленный по умолчанию при первичной установке WordPress), присутствует «про запас».

Обратите внимание! – какой-либо бесплатный шаблон про запас – обязателен, на случай, если с рабочим шаблоном случатся неприятности.

Попробуем посмотреть, как организован выбор шаблонов в репозитории WordPress, да и как вообще туда попасть. Тут всё просто – делаем один клик на «добавить» — хоть в кнопку вверху слева, хоть в «+» ниже справа, и оказываемся тут:

wp free template 3

Вот мы и в репозитории. Видим установленный, но не активный шаблон «2020», остальные – превью тех, что можно выбрать; где-то среди них – и наш второй, установленный и активный. Без наведенного курсора мы можем видеть лишь статус установленного шаблона, если таковой у нас в поле зрения:

wp free template 4

При наведении курсора на любую картинку (превью) шаблона проявляются кликабельные кнопки (для уже установленного шаблона они видны на скрине через один вверх):

wp free template 5

«Установить» пока игнорируем – надо же сначала ознакомиться с шаблоном, чтобы понять, что он из себя представляет, и насколько он нам подходит. Поэтому используем любую из кнопок «Описание и просмотр» или «Просмотреть» — они тождественны. Клик по любой из них направляет нас сюда:

wp free template 6

Трудно утверждать, что такое представление шаблона – очень уж информативно, тем более, что практически так же выглядит представление подавляющего большинства шаблонов в репозитории, и отличить их один от другого… всё равно, что найти нужного человека среди жителей Шанхая, не имея адреса и прочего.

Однако, многие разработчики шаблонов как раз на этот случай позаботились о том, чтобы можно было увидеть шаблон «во всей красе» — полноценное демо.  Для этого стоит обратить внимание на текстовое описание слева, в нижней его части – там частенько можно увидеть не кликабельную ссылку на демо, скопировав которую, можно открыть демо шаблона, например – в другой вкладке браузера.

wp free template 7

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

В том и недостаток репозитория, что искать большей частью приходится наобум, перелопачивая груды не того, что не интересно в конкретном случае. Для многих же шаблонов, создатели которых не озаботились поставить ссылку на демо, или ссылка нерабочая (такое тоже случается) – «кот в мешке» — самое подходящее определение.

Есть, конечно, незатейливый фильтр для поиска:

wp free template 8

Очевидно, что для поиска под конкретный проект подчёркнутые критерии выбора – это «ни о чём», особенно парочка справа. Не на базарном же лотке с харчами, право… Что ж, попробуем посмотреть «фильтр характеристик», кликнув по нему:

wp free template 9

Уже кое-что.

Колонка слева позволяет выбрать шаблоны по тематике; предлагаемые рубрики охватывают наиболее распространённые запросы.

Средняя колонка позволяет выбрать шаблоны по функциональным возможностям, хотя то, как это всё представлено – не слишком поможет с выбором, даже для продвинутому веб-мастеру.

Колонка справа позволяет отфильтровать по типу разметки макета, и тут, как будто, всё понятно.

Фильтры позволяют делать множественный выбор:

wp free template 10

Выбрав желаемое, и кликнув «применить фильтры», получаем более-менее отобранные по заданным критериям шаблоны, среди которых можем уже искать подходящий – поочерёдно просматривая их описанным выше способом.

Можно пойти и иным путём – покуда существует Гугл. Предположим, поставлена задача создать сайт-портфолио для фотографа, на бесплатном шаблоне. Формулируем запрос в Гугл, например – «шаблоны портфолио для WordPress бесплатно», и делаем поиск. Получаем нечто вроде:

wp free template 11

Наверное, нет нужды здесь объяснять, как работать с выдачей поиска в Гугл – вряд ли те, кто этого не умеет, станут заниматься созданием сайта)))

Таким образом можно поискать шаблоны «в меньшей куче», и это вполне может оказаться быстрее и рациональнее.

Если шаблон будет найден не в репозитории WordPress, это отнюдь не означает, что его там (в репозитории) нет, скорее всего – наоборот, он там всё же имеется.

Например, мы нашли в поиске такой шаблон:

wp free template 12

Воспользовавшись кнопкой «демо», посмотрели на это самое демо, почитали описание, и впечатлились – шаблон понравился. Не торопимся скачивать – вполне вероятно в этом нет нужды. Смотрим на название шаблона (здесь – вверху слева), обращая внимание не только на то, что написано в лого на картинке, но и на написание названия шаблона в заголовке – поиск репозитория привередлив к синтаксису.

В лого видим «I AMAZE», в заголовке же название шаблона прописано как «i-amaze». Идём в репозиторий, и используем поиск, для чего вставляем название шаблона в это окошко справа:

wp free template 14

Достаточно просто вставить в окошко название, или его фрагмент, и ничего не кликать более – поиск сработает сам. Но чем точнее мы впишем в окошко поиска название шаблона, тем меньше нам придётся рыться в результатах поиска.

Для наглядности, попробуем разные варианты написания. Сначала вобьём в поиск то, что на лого:

wp free template 15

Выдало, не жадничая – много всякого. В данном случае, к счастью, нужное – в третьем сверху ряду, не особо и долго искать.

Теперь попробуем то написание, что в заголовке:

wp free template 16

«Бинго!». То, что нужно, и ничего лишнего. Отсюда: если первая попытка поиска в репозитории неудачна – попробуйте варианты написания, в том числе неполные (фрагментарно) – скорее всего, искомое найдётся. Все уважающие себя разработчики шаблонов не пренебрегают помещением бесплатной версии своего шаблона (если, конечно, бесплатная предусмотрена) в репозиторий WordPress. Выбрали (не имеет значения, сразу в репозитории, или сначала через поиск Гугл). Нашли в репозитории. Что дальше?

Установка и активация шаблона

С этим – всё не просто, а «очень просто». Нажимаем на кнопку (которая проявляется при наведении курсора) «Установить»:

wp free template 17

… в процессе установки будем видеть такой прелоэдэр:

wp free template 18

… и по окончании установки – увидим предложение активировать вновь установленную тему:

wp free template 19

Активировать сразу отсюда – не обязательно, можно это сделать и потом, когда будет удобно. В любом случае, имеем ввиду, что активируя любую установленную тему (шаблон), мы тем самым автоматически деактивируем тот шаблон, что был активен ранее, отдельно об этом заботиться не нужно.

Если шаблона нет в репозитории?

Бывают случаи, когда найденный в поиске шаблон – отсутствует в репозитории. Если такой шаблон где-то можно скачать, если есть уверенность, что он качественный, и без «сюрпризов» в виде какой-либо заразы, его можно установить и вручную, из админки сайта, просто загрузив и распаковав архив шаблона.

Прежде всего, архив шаблона должен быть в формате Zip – иные (Rar, например) загрузить не получится. Затем – следует посмотреть на содержание полученного архива. Очень часто внутри архива – второй архив, уже собственно шаблона, а также куча всякого разного ещё, в том числе в виде иных архивов. Всё в куче, как есть – установить не получится, сайт не станет разбираться, что там куда, и просто сообщит об ошибке. Если у Вас именно такой архив – с дополнительными вложениями – сначала у себя на компьютере распакуйте его до состояния, в котором вложенный внутри zip-архив собственно шаблона станет доступен напрямую.

Вот типичный пример – раскрываем на один уровень вглубь архив шаблона, здесь – «mediacenter»:

wp free template 20

Видим тут всякое разное, в то время, как интересует нас архив, спрятанный на уровень ниже в папке «theme-files»:

wp free template 21

… — это и есть именно архив шаблона. Ниже, «mediacenter-child» — это архив т.н. «дочерней темы», которая, если коротко, может понадобиться лишь в том случае, когда в шаблон планируется вносить существенные изменения, затрагивающие код. Поскольку в WordPress очень сильно развит механизм обновлений – вообще всего – самого WordPress, шаблонов, плагинов, то внесение изменений в код шаблона чревато тем, что эти изменения «слетят» при первом же обновлении шаблона. И будет нужда начинать всё сначала. Чтобы такого не происходило – и существуют «дочерние темы», которые ставятся в дополнение к основной (но в админке активной числится дочерняя, а основная – как бы просто присутствует). В них и прописываются все изменения для шаблона, и будучи помещены в дочернюю тему, они не уничтожаются при обновлениях шаблона.

Поскольку загрузить архив, запрятанный в другой архив, мы не сможем, сначала на компьютере распаковываем в отдельную папку первый, внешний, архив. Для этого создаём на своём ПК (в «проводнике») желаемую папку, перемещаем туда имеющийся архив, выделяем его кликом, затем правой кликом кнопкой мыши по выделенному архиву открываем окно всплывающего меню, и в нём кликаем «извлечь в текущую папку»:

wp free template 22

… в результате чего получим распакованный на один уровень архив рядом с его же запакованной версией:

wp free template 23

… где в папке “theme-files” будет доступен нужный нам архив шаблона:

wp free template 24

Всё, архив доступен для загрузки. Далее в поле выбора и установки шаблона в админке сайта нажимаем кнопку «Загрузить тему»:

wp free template 25

… после чего открывается инструмент загрузки:

wp free template 26

Нажав кнопку выбора, попадаем в «проводник» своего ПК, совершенно стандартным образом, где выбираем нужный архив (обозначен выше), и получаем его готовность к загрузке:

wp free template 27

Остаётся лишь кликнуть на «Установить», что и делаем, в результате, если всё в порядке, получаем установленный шаблон:

wp free template 28

Если «что-то пошло не так» — будет сообщение об ошибке.

Отсюда можно сразу активировать установленную тему; можно перейти на страницу, где отображаются все установленные на сайте темы (шаблоны); если же нажать на «Посмотреть», то оказываемся в т.н. «кастомизаторе», то есть в консоли настроек, откуда тоже можно активировать новую тему, и заодно произвести настройки:

wp free template 29

Здесь, поскольку шаблон установлен на уже действующий сайт, отображается имеющийся контент, но с элементами установленного шаблона.

Если перейдём на «Перейти на страницу тем», то окажемся там же, где и путём «Внешний вид—>Темы» — из консоли:

wp free template 30

На сей раз здесь мы видим, кроме двух шаблонов, имевшихся на сайте ранее, дополнительно установленные два шаблона – из репозитория, и загрузкой архива. При желании, можем активировать любой из них.

Важно!!!

Не держите на сайте лишние неактивные темы (шаблоны), равно как и неактивные плагины. Те и другие – «слабое звено», очень удобные для взлома сайта элементы. Соответственно – удаляйте ненужное. Тем на сайте должно быть две: активная, и, про запас – дефолтная в неактивном состоянии. Может быть ещё третья – дочерняя, тогда она будет активна, а «материнская» и дефолтная – неактивны. Лишнее – безжалостно удаляйте, то же относится и к плагинам: если плагин не нужен, недостаточно просто деактивировать его, следует удалить.

В следующей статье рассмотрим выбор премиум-шаблона (платного). О настройках шаблона – также поговорим отдельно.

Share on facebook
Facebook
Share on vk
VK
Share on twitter
Twitter
Share on linkedin
LinkedIn
Понравилась статья? Оцените прочитанный материал!
[Всего оценок: 0 Общая оценка: 0]
HostLife - лучший платный хостинг
ПровайдерСкидкаПромокод
AVAHOST30%AVA-TOP10HOSTING
Промокод дает возможность купить хостинг с мега-скидкой 30%.
HOSTLIFE30%hosting-top10-30
Эксклюзивные условия от провайдера - скидка по промокоду 30% на каждый новый заказ хостинга. Скидка не распространяется на продление заказанных ранее услуг.
HOSTLIFE20%hosting-top10-20
Эксклюзивные условия от провайдера - скидка по промокоду 20% на каждый новый заказ VPS. Скидка не распространяется на продление заказанных ранее услуг.
HOSTiQ.ua20%HOSTiQ_TOP10
Эксклюзивные условия от провайдера - скидка по промокоду 20% на все тарифы виртуального хостинга (кроме тарифа "Студент") и на все тарифы VPS. Скидка распространяется только на первый платеж и не действует при продлении услуг.
CITYHOST10%HOSTING-TOP10
Эксклюзивные условия от провайдера - промокод дает возможность купить хостинг со скидкой 10%.
CITYHOST10%HOSTING-TOP10-VDS
Эксклюзивные условия от провайдера - промокод дает возможность купить VPS со скидкой 10%.
HOSTPRO10%top10
Эксклюзивные условия от провайдера - скидка 10% на покупку виртуального хостинга.
HOSTPRO10%top10VPS
Эксклюзивные условия от провайдера - скидка 10% на покупку VPS.
S-HOST10%youarewelcome
Скидка 10% покупку хостинга. Скидка не распространяется на продление заказанных ранее услуг.
DMCA.com Protection Status
Провайдер7 дней14 дней180 дней
AVAHOST100%100%100%
HOSTINGER100%100%99.986%
HOSTLIFE100%100%99.997%
MIROHOST100%100%99.978%
NETX100%100%99.98%
PARKOVKA99.959%99.961%99.945%
CityHost100%100%99.975%
HOSTiQ.UA100%99.981%99.931%
HostPro100%100%99.974%
S-Host100%100%99.997%
ПровайдерОбщий рейтинг
HostLife 4.85/5
CityHost 4.85/5
AvaHost 4.8/5
HOSTiQ 4.8/5
S-Host 4.8/5
Parkovka 4.8/5
NetX 4.8/5
HostPro 4.75/5
Hostinger 4.75/5
Mirohost 4.65/5
Hosting CityHost

На основе сравнения стоимости начальных (базовых) тарифных планов.

ПровайдерТарифСтоимость
NETXНовичок165 грн/год
PARKOVKAMiniPark370 грн/год
S-HOSTSmall464 грн/год
HOSTINGERПростой468 грн/год
AVAHOSTStarter907 грн/год

На основе сравнения характеристик начальных (базовых) тарифных планов.

ПровайдерТарифОбъем
HOSTLIFESimpleUnlimited GB
AVAHOSTStarter20 GB
HOSTINGERПростой10 (SSD) GB
HOSTPROПервый Turbo NVMe10 (NVMe) GB
CITYHOSTApartment5 (SSD) GB
S-HOSTSmall5 (SSD) GB

На основе сравнения характеристик начальных (базовых) тарифных планов.

ПровайдерТарифСайты
CITYHOSTApartmentUnlimited
AVAHOSTStarter5
S-HOSTSmall5
HOSTPROПервый Turbo NVMe2