Выбор темы для WordPress


Notice: Undefined variable: ifblank in /home/admin/web/oblomow.ru/public_html/wp-content/plugins/wp-noexternallinks/wp-noexternallinks-parser.php on line 113

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

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

И если сначала я обращал внимание только на визуальные эффекты и структуру сайта, то SEO заставляет меня обращать внимание на валидатор w3.

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

Как проверить тему WordPress?

К сожалению, я не вижу иного способа, кроме как установить тему на свой сайт (можно на тестовый) и проверить сайт валидатором вот тут: validator.w3.org

Лично я проверяю через валидатор главную страницу, любую другую страницу, запись и рубрику.

4 проверки на одну тему. Ещё одну проверку стоит провести уже после того, как тему будет настроена, так как некоторые визуальные эффекты включаемые в настройках, могут тоже стать причиной ошибок.

Ошибками, в рамках этой статьи, я называю надписи Error, а Warning можно игнорировать.

Сами же ошибки для себя я делю на 2 типа: сложно исправить и легко исправить.

Конечно, если тема вам очень нравится, то исправить можно любую ошибку (или забить?), но стоят ли эта условная красота этих трудозатрат? Не знаю.

Как узнать тему WordPress?

Если же вы нашли сайт сделанный на WP и вы хотите такую же тему, то посмотреть используемую тему можно нажав CTRL + U.

В открывшемся коде страницы ищете

 

 

 

Создание Landing Page на WordPress

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

Конечно, есть множество способов создать Landing Page, но в данной статье рассмотрю способы создать одностраничник на Wordpres.

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

Итак, я вижу всего 3 варианта создания лендинга на вордпрессе:

  1. Поиск или создание темы-лендинга;
  2. Вставка на страницу кода лендинга, созданного другим способом
  3. Поиск или создание плагина для лендинга.

Landing с помощью темы WordPress

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

Проблемы две: сложно выбрать достаточно функциональную тему и ещё сложнее будет контролировать структуру лендинга в выбранной теме.

Можно, конечно, довольствоваться стандартным функционалом выбранной теме, но это так себе идея.

Примером таких тем является Zerif Lite и его производные.

Вставка кода лендинга

Нельзя исключать возможность вставки на страницу вордпресса html кода, написанного самостоятельно или сгенерированного сервисами для создания лендингов.

Ярким примером такого сервиса может быть сервис tilda.cc

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

Landing с помощью плагинов

Плагины решают большинство проблем на WordPress и благодаря популярности этой CMS выбор достойного плагина тоже займёт время.

Я сразу скажу, что посмотрел далеко не все варианты, но впечатлить меня смогли только 2 плагина: Elementor и Page Builder от SiteOrigin.

Page Builder от SiteOrigin

Стоит признаться, что этот плагин сразу впечатлил меня своими возможностями.

Не даром он так популярен (более миллиона установок!), подумал я, увидев его интерфейс.

Сначала было чертовски сложно разобраться как им пользоваться, но открыв готовый макет и покопавшись в его настройках, я сообразил что к чему.

Elementor

Возможно я зря уделил этому плагину так мало времени, но он всё равно установлен у меня на сайте.

На момент написания этой статьи имеет 100 000 установок и свежие обновления.

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

Из самого интересного:

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

Как скрыть элементы темы на WordPress?

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

Elementor как раз решает эту проблему! Удивительно, что я не смог нагуглить этого и наткнулся на этот функционал плагина фактически случайно. Необходимо просто выбрать вид шаблона “Elementor Canvas” на странице редактирования страницы или записи. После этого все лишние элементы темы исчезнут и на экране будет только тот код, который задан на странице. Независимо от того, сделана она через Elementor или нет.

Альтернативное решение или WP Maintenance

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

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

Из всего многообразия плагинов подошёл только WP Maintenance, так как он единственный предоставил мне весь экран.

 

Использовать ли CMS при создании сайта?

Итак мы решили создать свой сайт, примерно представили каким он будет и теперь нам предстоит решить использовать ли CMS.

Для начала объясню что это:

CMS расшифровывается как “Content Management System” или “Content Management Software” и переводится как “Система управления содержимым” или “программное обеспечение для управления содержимым”.

Скорость загрузки страниц WordPress

Вордпресс – тяжелая система, создающая страницы по запросу пользователя.

Ускорение загрузки страниц – это хорошо.

Эта задача, как и многие другие, решается специальными плагинами.

Я использую связку двух плагинов: Autoptimize и WP Super Cache

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

 

Как убрать автоматические переносы в WordPress?


Notice: Undefined variable: ifblank in /home/admin/web/oblomow.ru/public_html/wp-content/plugins/wp-noexternallinks/wp-noexternallinks-parser.php on line 113

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

Ответ гуглится очень быстро, но пусть будет у меня под рукой:

Нужно отредактировать файл style.css

В этом файле найти параметр “hyphens” и лично я поставил ему значение nope.

Так как мне важно было избавиться от пробелов в записях, то я редактировал этот блок:

.entry-content {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
word-wrap: break-word;
}

Вот ссылочка на документацию для более подробного изучения.