Бесплатные темы WordPress: где найти и как выбрать

Здравствуйте, сегодня ко мне пришла идея поменять шаблон на блоге, который мы делаем с самого начала уроков WordPress. Причин на смену темы несколько:

Как сменить тему? Простые шаги и правила.

  • Особо предосторожные, могут загодя сделать бекап, воспользовавшись например, плагином WordPress Database Backup (в принципе, это плагин должен быть у вас установлен всегда). Лично я перед сменой темы специального бекапа никогда не делаю.
  • Установите и активируйте один из плагинов, о которых я писал в прошлой статье. Иначе будет не очень красиво, если ваши читатели станут свидетелями манипуляций с шаблонами и настройками. Не забудьте в самих настройках плагина активировать режим «Maintenance Mode».
  • Загрузите новую тему, но не спешите ее активировать. Начиная с версии WordPress 3.4 появилась очень удобная возможность предварительного просмотра и даже настройки темы без ее активации. Используйте этот инструмент кликнув на кнопке «Просмотреть» на странице выбора загруженных тем в вашей админке. Слева появится столбец, в котором можно произвести некоторые предварительные настройки (выбор их зависит от темы) и сразу увидеть в основном окне, как это будет выглядеть.
  • Если ничего так и не загрузилось, и вы видите пустую страницу, это значит что, скорее всего, возник серьезный конфликт с одним или несколькими установленными плагинами. В таком случае, можно попробовать сначала отключить все плагины и включая их по очереди и понять, в чем именно конфликт.
  • Если же тема нормально загрузилась в режиме просмотра, в первую очередь обратите внимание на основные моменты:
    1. Отображение шрифтов. Далеко не все шаблоны wordpress по умолчанию дружат с кириллицей.
    2. Посмотрите, правильно ли отображается ваша лента записей. Особенно это касается вывода миниатюр и вообще изображений.
    3. Настройте основное меню навигации.
    4. В сайдбаре все ваши виджеты, скорее всего, будут уже не видны, но ничего страшного в этом нет. Настроить их снова – не такая уж большая забота. Если все в целом вас устраивает, можно активировать тему.
  • После активации проверьте и прокликайте все еще раз. Пока еще не поздно, можно просто включить старую тему. Все станет на свои места обратно без изменений. WordPress сохраняет все основные настройки старой темы в базе данных на вашем сайте.
  • Не удаляйте старую тему после настройки новой. Возможно, вам захочется вернуть все на место или со временем найдутся серьезные косяки (например с обновлениями). Вернув старую тему, вам конечно придется кое что восстановить, но в целом, как я писал выше, настройки сохранятся.
  • В случае возникновения проблем с корректным отображение миниатюр к записям и вообще картинок, попробуйте использовать плагин Regenerate Thumbnails. Очень часто помогает.

Смена темы (шаблона) в WordPress

1. Сперва переходим в пункт меню Внешний вид и нажимаем Темы.

2. Нажимаем Добавить новую (можно нажать любую из двух кнопок, результат будет одинаковый).

3. Можно загрузить тему (шаблон) из архива на компьютере, для этого нужно нажать Загрузить тему.

4. В категории Избранные мы видим 9 рекомендуемых шаблонов.

5. В категории Популярные можно выбрать шаблон из 100 популярных тем.

6. В Свежее размещены последние созданные темы.

7. Фильтр характеристик — отличный способ подобрать себе тему (шаблон). Отмечаем галочками необходимые нам характеристики цвета, разметки, функций, главной тематики и нажимаем Применить фильтр. Далее в списке отфильтрованных тем можно выбрать любой шаблон для установки.

8. Кнопка Установить. Появляется после наведения мышкой на картинку темы. Нажимаем, если решили установить выбранную тему.

9. Просмотреть — удобная возможность без установки темы, посмотреть как она будет выглядеть на сайте.

10. Поиск по названию темы.

11. После того как вы выбрали новую тему для установки, нажимаем Установить. После установки нажимаем по кнопке Активировать.

Тема установлена!

Как видите, все достаточно просто. Если вы хотите вернуть прежний шаблон, его можно найти в списке установленных тем (Внешний вид — Темы).

Приветствую, друзья! В прошлым уроках мы научились с вами создавать страницы и записи, и разобрались как добавлять картинки на страницу. С этого урока мы переходим с вами на следующую, более интересную часть обучения — редактирование шаблона и изменение темы WordPress. В этом уроке я покажу как изменить тему (шаблон) вашего сайта на WordPress. Смена темы (шаблона) в WordPress 1. Сперва переходим в пункт меню Внешний вид и нажимаем Темы. 2. Нажимаем Добавить новую (можно нажать любую из двух кнопок, результат будет одинаковый). 3. Можно загрузить тему (шаблон) из архива на компьютере, для этого нужно нажать Загрузить тему. 4. В категории Избранные мы видим…

Настройки постоянных ссылок wordpress

Очень важный пункт для будущего продвижения сайта в поисковых системах.

Вообщем тут настраивается то как будет отображаться адрес страницы вашего сайта. Задача сделать так называемые ЧПУ (человеко понятные урлы).

Не буду объяснять каждый вариант (там есть примеры).

Ставим отметку на Произвольно. И прописываем /%category%/%postname%/

Таким образом мы показали, что адрес должен формироваться так: Адрес сайта → Название категории → Название страницы.

Если вы сделали как я сказал, то на нижние дополнительные настройки не смотрим.

Обязательно нажимаем Сохранить изменения.

Шутка дня:Дети – цветы жизни. Дарите женщинам цветы

Вот и всё настройка wordpress закончена, но впереди ещё одна важная тема Установка плагинов.

5 / 5 ( 5 votes )

Файловая структура шаблонов страниц

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

ваш_сайт/wp-content/themes/название_вашей_темы

Для моего блога в папку с одной из установленных тем этот путь выглядит так:

-content/themes/country

При просмотре в окне редактора Нотпад++ папка со всеми файлами вашей темы WordPress будет выглядеть следующим образом:

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

Однако существуют шаблоны, которые отвечают за вывод специально созданной вебстраницы. Например, на моем блоге одно время существовала форма обратной связи на странице «Контакты», с целью ее установки был создан файл

Кроме того, есть шаблоны, которые нужны для конструирования отдельных частей, отображаемых на всех страницах сайта. Это шапка, или хидер (), левая и/или правая колонка, иначе сайдбар (), подвал, или футер (). Схематически такую конструкцию с областями страницы можно представить так:

Как видно из скриншота, если шапка, сайдбар, подвал на любой странице будут выглядеть одинаково, то контент будет зависеть от типа вебстраницы, который и будет определяться соответствующим файлом с расширением .php.

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

Читайте также:  Несколько способов просмотра iptv на компьютере

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

Для альтернативы предложу 6 разработок для создания блога при помощи бесплатных тем. Нашел свежие выпуски, но готовьтесь к тому что бесплатные продукты перестанут обновляться, это частая ситуация, потом продвигается платная версия, а free забрасывается.

Wishful Blog

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

Wishful Blog – свежая разработка от американских программистов, понравилась обилием настроек, встроенной загрузкой готового оформления на сайт из админки блога. Использует современный тренд вывода информации на экран, увеличенный шрифт с простыми стилями цитат и вставок. Бесплатный шаблон с функциями премиальных продуктов.

Wishful Blog

  1. Заглушка для миниатюр если не заданы
  2. Много областей где можно поменять цвет
  3. Настройка типографики сайта
  4. Вставка ссылок на социальные сети
  5. Отключение кнопки вверх
  6. Задать длину отрывка в карточке записи
  7. Детальная кастомизация логотипа
  8. Управление элементами шапки
  9. Слайдер под меню WordPress
  10. Редактирование положением и компонентами главной страницы
  11. Управление отображением таксономий и постов, отображение элементов
  12. Стилизация пагинации

VT Blogging

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

Минимализм темы VT Blogging проявляется во всем. Мало цветов, почти нет скриптов, простое построение в customiser, но составляющие подобраны красиво, подойдет пользователям, которым не нужен крутой дизайн, а только строка меню, поиск, карточки, виджеты сайдбара и футера.

VT Blogging

  1. Намного настроек гаммы
  2. Три раздела фонового изображения
  3. Два вида отображения контента в ленте архивов и главной
  4. Пять областей для виджетов

X Blog Plus

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

X blog Plus раскрывает весь функционал только после установки плагинов в админке WordPress, но выдержан в строгих тонах с красивым выводом текста в дополнительных блоках ресурса, не отвлекающие от прочтения материала.

X Blog Plus

  1. Кнопка вверх, слайдер, красивые галереи, расширенный редактор постов – достигаются установкой дополнительных плагинов
  2. Управление фонами и гаммой
  3. Изменение положение логотипа и меню
  4. Есть преднастройки типов оформления (темная, желтая, светлая, зеленая темы)
  5. Особое внимание уделили записям, скрытие и показ почти всех блоков
  6. Наличие верхнего текстового раздела

Color Blog

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

По названию понятно, что тема колоритная, яркая. Color Blog[/mask_linj] создавался как антипод унылым стандартным шаблонам, которые мне нравятся. Встроенная инфографика понравиться яркой палитрой и гибкостью настроек.

Color Blog

  1. Настройка палитры и фоновых изображений
  2. Два вида отображения всего сайта: на всю ширину и с отступом
  3. Включение анимации появления карточек с предзагрузкой контента при прокрутке
  4. Вывод строки с популярными хештегами
  5. Вывод элементов в меню (иконки, поиск, социальные сети)
  6. Слайдер под главным меню + настроить популярные записи совместно с ним
  7. Настройка разметки архивов по выводу записей и наличию сайдбара
  8. Изменение разметки записей по сайдбару и положению шапки
  9. Изменение страницы 404
  10. Более 30 подключаемых аккаунтов соцсетей
  11. От 1 до 4 областей для виджетов в подвале

Minimalblog

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

Отличная типографика подобранная верстальщиками с дизайнерами, выделяет minimalblog среди остальных, все таки блоги делаются ради прочтения и восприятия текстовой информации. Чем лучше оптимизирован текст для прочтение тем лучше – Google оценивает написание, начертание текста.

Minimalblog

Закончу обзор шаблонов для блогов в CMS WordPress, советую использовать отечественные разработки в виде Root и Reboot, так помогаете поднять уровень Российских программистов, неограниченные обновления, крутую поддержку.

Найдите 10 тем, которые понравятся по дизайну

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

  1. Откройте Theme Directory.
  2. Нажмите на Feature Filter — откроется расширенный фильтр.
  3. Глядя на свой список требований, отметьте галочкой нужные пункты и нажмите Apply Filters, чтобы применить фильтр.
  4. Выберите тему, которая понравится по дизайну.
  5. Прочтите описание, откройте демо — убедитесь, что тема поддерживает нужную функциональность.
  6. Если всё ок — сохраните в заметках или сразу скачайте тему.

Таким образом соберите 10 тем, чтобы на следующем этапе было из чего выбрать.

Может получиться, что заданным фильтрам будет соответствовать всего две или три темы. Если они вам нравятся, хорошо, остановитесь на этом. Если нет, то пересмотрите фильтры и снимите галочки с наименее значимых параметров. Так вы расширите поиск.

Rocked

Скачать Демо

Rocked

С самого первого взгляда Rocked показала себя как очень приятная тема. Качественные настроенная типография, цвета, тона, анимация показывают профессионализм этой темы. Я бы отнес ее к универсальной тематике, так как у неё нет выразительного отношения к какой-либо категории. В целом особенности этой темы схожи с другими, которые я уже описывал выше, поэтому я не думаю, что стоит повторяться — вы все сами можете посмотреть кликнув на кнопку «Демо» (под скриншотом темы).

Скорость своей темы на WordPress

Я переверстал дизайн темы, которая работала как дочерняя, в полностью отдельную тему. И сравнил скорость до и после обновления. Измерял сервисом Проверку осуществлял через Stockholm Sweden.

Скорость загрузки сайта, который работал вместе с дочерней темой:

Load Time — 60 секунд. Это какая-то катастрофа. Конечно сайт работал не так как определял сервис, а загружался в 1-4 секунды. Тем не менее, что-то никак не нравилось.

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

Если рассмотреть текущий сайт имеющий те же самые основы, то можно увидеть, что он грузится значительно быстрее.

А применив последние технологии кэширования, меньше секунды. И это при проверки из Швеции! А сайт находится в России.

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

Полторы секунды из Швеции тоже вполне хорошо. Потому что если верить , то это быстрее 75% сайтов. А это значит, грубо говоря, что из 10 сайтов мой работает быстрее 7-и из них.

Аналогично, можно достичь отличных показателей и для инструмента PageSpeed от Google

Инструменты имеют погрешности в измерении. В разные проверки значения меняются, но примерно остаются на том же значении.

Как выглядит настройка в админке ВордПресса?

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

Как выглядит настройка в админке ВордПресса?

Хостинг

  1. Открываем раздел «Внешний вид», переходим в «Настроить».
  2. В открывшемся окошке прописываем название вашего сайта, делаем его краткое описание. Когда вы нажмете «Сохранить», эта информация отобразится в шапке сайта. Меняйте цвет фона, фоновое изображение – это и многое другое можно делать в настройках.
  3. Большинство изменений производятся в категориях «Внешний вид», «Имя темы», загружается фавикон, логотип. Опций действительно много, и для тех, кто не хочет (не умеет) работать с кодом, это просто находка.
Как выглядит настройка в админке ВордПресса?

Настройки внешнего вида

COMPOSITION

Если Вам нужна гибкая тема, тогда Вы можете смело останавливаться на Composition! Идеально подходящая для создания портфолио или сайта с фотографиями, эта тема предоставляет Вам множество возможностей для персонализации каждого аспекта – от домашней страницы до логотипов, значков и меню. С Compostition вы можете добавлять неограниченное количество галерей, добавлять неограниченное количество изображений и размещать их так, как вам нравится. Также тема прекрасно работает с плагинами для продажи цифрового контента!

COMPOSITION