Зачем я изменил тему и как сделать лучше простой шаблон

Всем привет!

Мой блог изменился, несильно конечно, но дизайн поменял. Знаете, зачем я его поменял? Думаю, нет! Потому что об этом могу знать только я. Даже мои друзья об этом еще не знают, ну те, которые не заходили на блог после изменений, но как бы там ни было, еще никто не знает причину, я о ней никому не рассказывал.

Вы дорогой друг узнаете первым, если конечно следите за рассылкой блога. Нет, не следите? Тогда [urlspan]подписывайтесь на обновления[/urlspan], чтобы узнавать о выходе новых статей сразу после публикации feedburner. В этом посте узнаете:

  1. Зачем и почему я изменил шаблон
  2. Как настроить любую WordPress тему на свой вкус (сделать лучше — правильный выбор)

Почему Алексей поменял профессиональный шаблон

Раньше у меня стоял EMULATOR-PRO – профессиональная WordPress тема от Гудвина. Она стоит денег, но признаюсь честно, я ее не покупал, а скачал на просторах интернета. Стоит она конечно не много, всего 800 рублей. Для кого-то это мало, а кому-то дорого, но суть не в этом. Меня просто жаба давит отдавать деньги за то, что можно сделать или доработать самому.

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

А вы покупали себе тему или скачивали из интернета и дорабатывали?

Как сделать лучше простой шаблон

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

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

Работы с ним было валом. Заголовки у него были в порядке (основа SEO), но со стилями пришлось поработать. Например, комментарии, были какие-то серо-черные. Если кто не знал, то комментарии (дизайн) должны нравиться посетителям. Таких комментариев, возможно, будут оставлять больше, и людям не будет хотеться быстрей закрыть ваш ресурс и убежать с него. Привлекательные комментарии располагают читателей в лучшую сторону. Это еще не все, что я делал – читайте дальше.

Простой шаблон

Кроме всего описанного выше, мне пришлось заново закрывать ссылки комментаторов и вставлять коды function и footer, точнее скрипты. Кстати, может, вы не знаете, о том, что тег nofollow и атрибут noindex больше не работают, как раньше?

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

Доработка, улучшение простых WordPress шаблонов

Все вы, наверное, знаете, где находить качественные темы, без встроенных скриптов, генерирующих исходящие ссылки? Если не знаете, то вот, [urlspan]сайт[/urlspan], этот шаблон, я скачивал там. Перед тем, как приступить к поиску, позвольте дать пару рекомендаций.

  • Шаблон должен быть резиновым (адаптивным) — резиновая тема будет растягиваться в зависимости от разрешения экрана пользователя. Очень полезно для продвижения в поисковой системе Google!
  • Привлекательный дизайн — здесь, как и в комментариях, если блог не отпугивает посетителей своей «красотой», то его будут чаще читать, возвращаться и улучшать поведенческие факторы, с их поднятием посетителей будет еще больше. Потому что статьи в поисковой выдаче поднимутся выше.
  • В шаблоне должно быть минимум функций — чем больше функций, тем больше запросов к базе данных, а значит, блог работает медленнее (загрузка, тормозит), а это плохо для поискового продвижения, читайте, как писать под поисковые запросы поисковых систем.

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

Сейчас для вас главное найти для своего блога хорошую обвертку! Используйте те критерии, которые написал выше:

  1. Резиновый
  2. Привлекательный
  3. Мало-функциональный

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

Чтобы не пропустить эту важную информацию, [urlspan]подписывайтесь на обновление блога[/urlspan], нажав здесь, и получите в день выхода этого поста письмо на свой email, в котором будет ссылка на новую статью.

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

С уважением, Алексей Кобзарев



Интересный и полезный контент

83 thoughts on “Зачем я изменил тему и как сделать лучше простой шаблон

  1. Садівник

    Леша, а я искала такой шаблон как у тебя и не могла найти 🙂 попадаются с огромными слайдерами, кучей ненужных наворотов, картинок, прочей мишуры. Но вот простенькую темку очень сложно отыскать. По какому запросы ты их ищешь? Отличный выбор, кстати! Легче добавлять, чем удалять. Мне тоже надо будет поковыряться и найти место, отвечающее за «серость» комментариев. такое чувство, что это специально делают, чтобы бесплатная тема не нравилась…

    1. Алексей Кобзарев Автор записи

      Эту тему, я нашел по запросу «Широкие WordPress темы». По этому запросу ссылка на сайт стоит в статье, зайди, может и ты, что-то найдешь для себя.

      1. Садівник

        Спасибо, полюбопытствую. Кстати, ты и в статьях ссылки скриптами делаешь?

        1. Алексей Кобзарев Автор записи

          Да, но закрываю ими не все. Некоторые сайты или блоги, которые схожи моей тематике не закрываю вообще или ставлю nofollow.

    1. Алексей Кобзарев Автор записи

      Ах да, забыл написать: прошлый шаблон делал очень много запросов к базе данных. При загрузке их было 170-180. В нем куча ненужных функций, которые отдавали запросы, а этот просит всего 30-40. Некоторые я отключил, теперь их меньше. Кроме того: другой стиль — приятный минимализм.

  2. Лара

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

    1. Алексей Кобзарев Автор записи

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

      1. Лара

        А ты их не можешь изменить сам на статичные, просто немного изменив? Это же партнёрки, там главная ссылка. Можешь не менять, конечно, просто интересно. Фишка будет в том, что они не будут так узнаваемы, как сейчас, и человек охотнее, ради любопытства сделает переход и возможно приобретёт продукт.

        1. Алексей Кобзарев Автор записи

          Я бы рад, но у меня нет на это времени, даже самый простой рисунок отнимает его.

  3. Азик

    Алексей, привет! С мобильного сайт выглядит отлично, единственное, что раздражает — комментарии выходят за край экрана и еще в верху картинка «Интернсное» заслоняет некую часть экрана…

    1. Алексей Кобзарев Автор записи

      С комментариями, что-то придумаю. Сначала думал, что это нормально, но если раздражает, то починю. А на картинке есть крестик «Закрыть», его на мобильном не видно? Почему спрашиваю, потому что, я не пользуюсь мобильным интернетом.

      1. Азик

        С комментариями легко: установи плагин древовидных комментариев!
        Крестик видно, однако не всегда по нему попадаем, да и вообще от этой картинки все бесит внутри)) Серьезно говорю, как посетитель) Другие бы закрыли вкладку и ушли)

        1. Алексей Кобзарев Автор записи

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

        2. Садівник

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

        3. Алексей Кобзарев Автор записи

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

  4. Oleg

    Минимализм в дизайне не только круто но и не напряжно в плане вёрстки. у меня к вам вопрос. Почему вы адаптивную вёрстку приравниваете к резиновой?
    Прикольный скрипт для ссылок в комментах. Тоже собирался такой написать.

      1. Oleg

        Резина тянется и ужимается Адаптивная вёрстка меняет размер и расположение блоков в зависимости от размера окна. Была придумана для улучшения отоброжения сайтов на мобильных устройствах

        1. Алексей Кобзарев Автор записи

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

        2. Садівник

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

        3. Алексей Кобзарев Автор записи

          Какая тогда у меня?

        4. Oleg

          Резина была придумана давно. Блокам задавались размеры в процентах и никто не парился потому что в интернет ходили с компьютеров и разброс пикселей в экране был не таким как сейчас.
          Адаптивная появилась сравнительно недавно. Главная её задача адаптировать вёрстку под разные размеры экранов. Сайт, даже резиновый, не будет одинаково хорошо смотрется при ширине 1920 и 480. Чтобы узнать какой сайт, уменьшайте размер окна и если при минимальном(пикселей 480) размере сайтом удобно пользоваться. Поздравляю у вас адаптивная если нет то тут два варианта или хорошая резина или плохой адаптив.

        5. Алексей Кобзарев Автор записи

          Я уже понял. Теперь даже, как-то не удобно перед вами.

  5. Азик

    Сейчас комментарии гораздо лучше выглядят!) Молодец, быстро исправил!!)) А насчет картинки… сам знаешь)) Я просто высказал свое мнение))

    1. Алексей Кобзарев Автор записи

      Это обычные стили. А за твое мнение благодарю.

  6. Denis

    Алексей вы первый человек который променял шаблон Гудвина на обычный паблик шаблон Ribbon , обычно все стремятся наоборот и в этом тоже присутствует своя уникальность 😉

    1. Алексей Кобзарев Автор записи

      Мне этот больше нравиться. Тем более, шаблон Гудвина никуда не делся, он у меня там, где все предыдущие.

        1. Алексей Кобзарев Автор записи

          Да, вернул. Статистика показала, что шаблон Goodwin посетителям нравиться больше на 65%. Я почему-то думал, что минимализм рулит, но оказалось иначе.

        2. Denis

          А по мне наоборот симпатичней был чем Гудвинский, мож стоит вернуть? 😉

        3. Алексей Кобзарев Автор записи

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

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

        4. Vlad

          Ну ты и запутал меня! Прочитал пост, сижу и думаю, что написать!

          Шаблон в принципе ничем и не отличается от того что был. Хотя, ты его так переделал, думал может уже умудрился все перенести на новый…

          Некоторый фишки правда начали выдавать, решил пройтись по комментариям, а тут оно вот что! 😯 😀

        5. Алексей Кобзарев Автор записи

          Я не специально .

  7. Садівник

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

  8. Садівник

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

    1. Алексей Кобзарев Автор записи

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

      Не знаю, как там на самом деле, мне если честно все равно, но название резиновая, мне нравиться больше.

      1. Садівник

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

        1. Алексей Кобзарев Автор записи

          Правила существуют, чтобы их нарушать. Разве нет? Тем более, если мы будем каждым термином голову забивать, то можно от скуки умереть.

        2. Садівник

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

        3. Алексей Кобзарев Автор записи

          Спасибо, что ты за меня.

  9. Андрей Косолапов

    Алексей, я как и Вы не хочу платить за шаблон. Мой первый, я нашел в интернете и провисел он у меня год. Чего я только не пересмотрел как платного, так и на халяву. 😐 Ничего не нравилось. Зато теперь, я доволен. Может быть он и не так хорошо адаптирован как Ваш, но зато сделан своими руками. ❗

    1. Алексей Кобзарев Автор записи

      Я так понял, что в той программе нет функции растягивания шаблона (резиновый или адаптивный)?

      1. Андрей Косолапов

        Алексей, есть. Там просто резиновый в % и как писал в комменте выше Oleg, то скорей всего шаблон резиновый, но не адаптивный. Хотя работает намного быстрее старого. :mrgreen:

        1. Алексей Кобзарев Автор записи

          Резина тянется и сжимается, а этот нет.

        2. Андрей Косолапов

          Ну не знаю, вот смотри сам: скрин. :mrgreen:

        3. Алексей Кобзарев Автор записи

          Я тоже не знаю… Тут что-то не так…

        4. Алексей Кобзарев Автор записи

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

        5. Андрей Косолапов

          Спасибо Алексей. И Вам того же! ➡

        6. Андрей Косолапов

          Не знаю, Игорь, который Черноморец, молчит. Наталья Акулова то же, значит нормально ➡

        7. Алексей Кобзарев Автор записи

          Значит их все устраивает и это хорошо.

          Желаю успеха в блоггинге! Хотя он у вас уже есть, но я желаю, чтобы было еще лучше!

        8. Андрей Косолапов

          Алексей, коммент не туда попал, я перепутал кнопки ответить. :mrgreen:

        9. Алексей Кобзарев Автор записи

          Ничего страшного, я понял 🙂

        10. Игорь Черноморец

          О, увидел своё имя в уведомлении, которое пришло по почте ❗
          Да Андрей, меня всё устраивает и это несмотря на то, что твой шаблон не адаптированный! Мало того, мне иногда нравится даже больше шаблоны неадаптированные, даже не знаю почему!
          Так что и у тебя Андрей и у тебя Алексей шаблоны, которые мне нравятся 😛

        11. Алексей Кобзарев Автор записи

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

  10. Александр

    Часто захожу на ваш блог Алексей (покупал базу жирных…), сам несколько раз менял тему на своих сайтах, но вернулся на twenty-fourteen. Вроде бы ничего,но всё равно какая-та она громоздкая. Буду благодарен за скинутый на почту чистый эмулятор…. Спасибо.

    1. Алексей Кобзарев Автор записи

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

    2. Denis

      Эмулятор более громаден чем twenty-fourteen там тоже лишнего г-на хватает. У меня в наличии три прем шаблона от Гудвина изучил их вдоль и поперёк интереса к установке пока не вижу 😐

  11. Азик

    Алексей, с комментариями надо что-то делать! В древовидной ветки они не удобны! Прилагаю ссылку на скриншот).

    1. Алексей Кобзарев Автор записи

      Страшные комменты. Я не знаю, может у тебя есть идеи?

      1. Азик

        Попробуй в настройках комментариев, древовидные комментарии разрешить до 3-5 уровней! Должно помочь) Как сделаешь, сообщи — проверю)

  12. Азик

    Не изменилось! Теперь я уже ничем не могу помочь! Единственное — обратиться к фрилансерам!) Пусть подкорректируют шаблон и его мобильную версию)

  13. Алексей Витковский

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

    У твоего блога мне нравится шаблон, только почему-то на главной странице нет описания статей, а только «читать полностью», или это у меня так отображается?

    1. Алексей Кобзарев Автор записи

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

  14. Наталья

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

    1. Алексей Кобзарев Автор записи

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

      1. Наталья

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

        1. Алексей Кобзарев Автор записи

          Значит мой блог вам понравился? Я буду очень рад новой читательнице!

  15. alexzir

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

  16. name nika

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

    1. Алексей Кобзарев Автор записи

      Если хотите, я дам вам ссылку на мой пост, который научит сделать любую тему уникальной и еще CSS фишки?

        1. Алексей Кобзарев Автор записи

          Вот читайте и применяйте. Только зачем ждали год, были в отъезде?

      1. Сергей

        Добрый день, тоже пользуюсь такой темой, но.. у меня в мобильной версии сайта не работают (не активные) ссылки, именно в статье, ни ссылки на другие посты, ни даже ссылки Адсенса. Что можно сделать/подправить?
        Спасибо.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *