Notice: Trying to get property of non-object in /home/admin/web/oblomow.ru/public_html/wp-content/plugins/wp-noexternallinks/public/public.php on line 537

Notice: Trying to get property of non-object in /home/admin/web/oblomow.ru/public_html/wp-content/plugins/wp-noexternallinks/public/public.php on line 537
Архивы CMS | Oblomow.ru

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

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

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

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

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

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

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

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

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

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

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

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

 

Как сделать свою тему WordPress?

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

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

Расскажу об этом чуть позже. Правда расскажу.

SEO-Theme by Oblomow

Ну, раз уж я задался целью разработать свой шаблон для WordPress, то я поделюсь им и с вами как только доделаю.

Ссылку и обзор выложу по окончании разработки.

Создание 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

Инструкции по настройке можно найти в интернете.

Позже я подключил Cloudflare.

До подключения:

Гугл пейдж спид: 71 для моб и 88-89 для пк

tools.pingdom.com показывает: 

webpagetest.org из Польши показывает:

gtmetrix.com/reports/oblomow.ru/mwRGFIdb показывает:

sitespeed.me

А вот pr-cy.ru показал 0,57 сек – быстрее чем 49% проверенных сайтов.

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

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

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

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

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

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

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

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