Как правильно выбрать шаблон вордпресс для своего блога, подробная инструкция

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

Содержание

1. Почему же сначало выбирам шаблон.
2. Внутренние файлы.
3. Функции и возможности шаблона.
4. Каков код у шаблона.
5. Мобильная версия.
6. Заключение.

Почему сначала это?

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

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

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

Оценка внутренних файлов.

Сначала разберем внутренние аспекты шаблона, А потом приступим уже к визуальным, информация будет подробная, но немного сложная для понимая новичка, но я думаю все равно будет понятно. Для начала нам надо найти претендентов для установки на блог. Советую не пользоваться стандартным поиском из панели, а искать на различных сайтах, благо их сейчас много. В любом поиске “бесплатные шаблоны вордпресс” и вам выдаст много чего, но это разбирали в прошлом уроке, а конкретный список бирж по скачиванию будет в следующих статья.

Обилие скриптов.

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

Как видите целых 11 штук это много, даже очень. Оптимальное это 3-4 файла, причем один из них библиотека jquery от гугла (но об этом позже), а два остальных, могут быть что-то типа слайдера и всяких движущихся элементов. Да это красиво (девушки сейчас не расстраивайтесь), но скорость загрузки, будет страдать очень сильно, в общем тут поняли.

Разделение файлов.

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

Основной файл вывода поста single.php, но зачем то разработчики выбрали путь дробления. В общем сам пост грузиться сразу же с трех файлов, что не очень хорошо во всех смыслах. Конечно, для новичков это покажется сложным, и вы можете этот пункт пропустить, так как я не ставлю его одним из важных. Но если разбираетесь хоть маленько в структуре шаблона, то вычисляйте этот момент и делайте выводы.

Наличие шрифтов в файлах.

Пункт очень важный. Встроенные в саму тему не так опасны, чем загружаемые с других серверов (как например гугл шрифты), но о них так же позже расскажу. Если есть встроенные шрифты и тема правильно построена, то можно найти папку fonts, ну и что мы делаем? Правильно открываем ее.

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

Много файлов CSS.

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

Тут опять 6 файлов. Данный шаблон построен на фреймворке bootstrap, крутая вещь, мне нравится. Эти файлы не помешают, а вот все остальные я не знаю зачем разделять. В общем сторонних файлов CSS окромя style я не признаю, если только это не репозитории каких либо фреймворков, хотя они тоже много не дают, верстка на вордпрессе, предполагает немного другие алгоритмы.

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

Оценка возможностей шаблона.

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

Что предлагает.

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

Что есть хорошо для функционала.

1. Возможность вывода и смены логотипа и шапки.
2. Изменение цветовой гаммы оформления.
3. Поддержка виджетов.
4. Дополнительные мелкие расширения.

Все это не нагрузит блог и ошибок будет мало, потому что остальное идет посредством PHP.

Что не должно быть в шаблоне.

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

Оцениваем код.

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

1. Оценить наличие скриптов в верхней части кода, вот статья.
2. Проверить валидность, так же статья.
3. Сжать файлы js и css- статья из первого пункта в данном списке.

Теперь про шрифты.

Как и вещал выше переходим к шрифтам, самое главное чего не надо допустить чтобы они грузились со сторонних сайтов, одним из примеров являются шрифты от гугла, для того чтобы их найти придется посмотреть код всех файлов, кому как удобно. Я использую исходный код, на главной странице нажимаем комбинацию cntrl+U, далее нажимаем cntrl+F для вывода поиска, и вводим туда fonts.googleapis.com, и сразу же все появиться на экране, смотрим скриншот.

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

Подключение скриптов в header.php

Самая главная ошибка бесплатных шаблонов, их чтобы не особо тестируют, и не заморачиваются, пихают все js скрипты в шапку блога, что негативно сказывается на динамике, повышая время загрузки сайта. Вот вам пример, заходим в header.php и до закрывающего тега </head> смотрим что есть, вот скрин как не должно быть.

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

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

Наличие мобильной версии.

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

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

1. Яндекс там надо выбрать пункт проверки моб-версии.
2. Гугл.

Заключение.

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

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

P.S. Всем пока, следующая статья будет на тему уникализации шаблона.

Подробнее читайте тут