Дизайн — залог успеха! или Шаблоны WordPress — как выбрать, скачать и установить на блог

27 комментариев

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

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

Господа, рванувшие набирать в поисковике сакраментальное «скачать шаблоны wordpress», а вы уже знаете, как из всего многообразия тем, которые посыпятся из выдачи яндекса, как из рога изобилия, выбрать ту единственную, которая вам действительно нужна? О, конечно, вы знаете! Но все же рискну предложить вам несколько советов по выбору шаблона, которые, надеюсь, значительно вам этот самый выбор упростят.

Как выбрать тему (шаблон) WordPress

  1. Первым делом постарайтесь присмотреть что-нибудь из «резиновых», адаптивных тем.  Это темы, которые подстраиваются под размер монитора пользователя. Поверьте, с учетом того, что в мире каждый день растет процент обладателей широкоформатных мониторов, этот совет я поставила на первое место обоснованно.
    Меня, если честно, очень здорово раздражают «уши» фона, который просматривается у сайтов и блогов на статичной верстке тем. И знаете, я не одна такая раздражительная.
    Кроме того, все больше и больше пользователей читают блоги с мобильных устройств (а я, например, так и вообще только с телефона читаю блоги в целях экономии времени) — так дайте им возможность читать ваш блог комфортно.
    При этом каждую такую тему стоит тестировать на предмет — не растягивается ли блок с контентом во всю ширину экрана. Если да, это не гуд, поскольку при этом увеличивается количество слов в одной строке, и текст хуже воспринимается. Оптимально, когда в «резиновой» теме задана максимальная ширина блока с контентом в районе 1000-1300 пикселов.
    Если все же ваш выбор пал на тему с фиксированной шириной, то желательно, чтобы ширина приближалась к 1000 пикселов, 950-980 px — самый оптимальный вариант. Будет больше — у пользователей с невысоким разрешением монитора (1024 и ниже) появится полоса прокрутки по ширине, а это некрасиво и неудобно. Меньше — на широкоформатном мониторе основную площадь будет занимать фон, а не ваш блог.
  2. Цветовая гамма шаблона — это следующий важнейший критерий выбора. Сто раз везде сказано, скажу и в стопервый: не выбирайте кричащие цвета, не выбирайте черные фоны — это не стильно, не красиво и не необычно, как полагают некоторые. Это попросту безвкусно. Нравятся кислотные цвета — купите себе оранжевые брюки и салатовую рубашку, а блог свой оденьте в нечто более спокойной цветовой гаммы.
    Конечно, все зависит от вашей тематики — где-то яркое оформление вполне уместно и даже нужно, но помните, что все должно быть в меру, и что если кроме бьющего по глазам дизайна вам нечем поразить своих гостей, то стоит пересмотреть концепцию самого блога, а не сетовать на неказистое его оформление.
    Если у вас основное содержание блога — текст, то фон должен быть светлым: белым, молочным, бежевым, цвет шрифта, напротив, темным, но не черным, а скорее темно-серым. Это не мои личные домыслы, а заключения психологов, которые и говорят о том, что именно так оформленный текст воспринимается наилучшим образом.
    Конечно, цветовую гамму шаблона легко можно изменить при минимальных знаниях css, но все же лучше сразу выбирать нечто приятное и легкое для восприятия.
  3. Желательно, чтобы выбранная тема настраивалась из админ-панели — так гораздо быстрее и удобнее, нежели за каждой мелочью лезть в код.
  4. Обратите внимание, во-первых, на поддержку темой виджетов, во-вторых, на наличие настраиваемых меню. Если тема не поддерживает виджеты, то вообще забудьте про нее. Если же в ней не предусмотрены настраиваемые меню — некритично, при желании можно сделать самим, но все-таки приятно, когда уже все готовое.
  5. Посмотрите на дополнительные возможности темы — наличие «хлебных крошек», постраничной навигации, виджеты в футере (если планируете в сайдбарах выводить много различной информации, то дополнительное место под виджеты в футере — очень классная штука!), встроенные социальные кнопочки. Конечно, если таких возможностей нет- не беда, на первых порах поставим плагины, со временем поменяем на код, но зачем все эта чехарда, когда можно выбрать просто удобную и функциональную тему, а в освободившееся время написать на блог лишний пост.
  6.  Выбирайте шаблоны, вес которых не превышает 500-700 кб, ну в крайних случаях, до мегабайта, — вы ведь хотите, чтобы блог быстро грузился, и пользователи не уходили от вас, так и не дождавшись окончания загрузки страницы! Да-да, я знаю, с вашим интернетом в 5-10-20-50 мб/с тормозов не видно!  Не поверите, очень многие пользователи сидят на gprs-модемах, dial-up-соединении — подумайте и о них тоже.
  7. Избегайте шаблонов со сложными скриптами, слайдерами и прочей ерундой, если не уверены на 100%, что эти вещи вам необходимы. Кроме того, что это опять-таки замедляет загрузку страниц блога, так еще и отвлекает внимание (например, постоянная смена абсолютно неинформативных картинок в слайдере, бывает, настолько бесит, что закрываю блог, даже не начав читать). Вообще, все движущиеся элементы на блоге весьма опасны в смысле отпугивания посетителей.
  8. И самый важный совет — выбирайте шаблон, который вам действительно по душе, который нравится, с которым вам на блоге уютно. В конце концов, о посетителях думать нужно, но куда важнее, чтобы на вашем блоге было удобно и комфортно именно вам! Ведь это ваш маленький домик в интернете, ваше личное пространство — так сделайте его красивым и приятным для себя!
  9. Не ограничивайтесь выбором одного шаблона — отберите на первых порах штук 10-20, примерьте их на блог, посмотрите, прикиньте, отберите пять самых лучших, еще раз натяните на блог, и только тогда выбирайте какой-то один. Убедитесь, что вам его не захочется менять через месяц. Частая смена темы оформления — не так и хорошо, как может показаться. Тем более, что в файлы каждой темы мы с вами будем прописывать всяко-разные коды для расширения функционала нашего блога, и вы просто замучаетесь переносить эти вставки из шаблона в шаблон!

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

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

Еще недавно откопала в сети интересный блог, в котором его автор, Юлия, не только делает анонсы самых интересных шаблонов WordPress, но и рассказывает о том, как их правильно настроить.

Ну а на всевозможные сайты-коллекции тем я ссылки давать не стану, все вопросы к господам Гуглу и Яндексу!

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

Как установить шаблон WordPress

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

  1. Разархивировать скачанный файл.
  2. Папку с файлами темы скопировать в папку Z:\home\имя_сайта\www\wp-content\themesПроверьте адрес папки на вашем блоге, где хранятся все темы оформления (1). Я пока установлю на свой блог тему «Montezuma» (2), которую откопала, кстати, на WordPress.org. А стандартные темы можно удалить, чтобы не занимали место (3), только не прямо сейчас, а позже, когда активируем новую тему.
  3. Идем в админку блога и в меню «Внешний вид» заходим во вкладку «Темы»:
  4. Как видим, установленная нами тема уже появилась в списке неактивных.  Можно ее сразу активировать (1), а можно вначале посмотреть, как она будет выглядеть (2).

Вот так легко и просто устанавливаются темы для WordPress.

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

Кроме того, в шаблоне может присутствовать даже вредоносный код, так что первым делом нам нужно узнать, не притащили ли мы вместе с новой темой оформления на блог какую-нибудь гадость. И поможет нам в этом очередной необходимый плагин для WordPress под названием TAC (Theme Authenticity Checker).

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

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

  1. Зайдем в меню «Плагины» и справа найдем ссылку «Добавить новый»:
  2. В открывшемся окне  вводим в поле поиска название плагина (1) и жмем «Найти плагины» (2).
  3. Если плагин с таким названием или более-менее подходящим найдется в базе WordPress.org, то мы увидим их список:  Все, что остается сделать, это кликнуть «Установить сейчас», дождаться окончания установки, а потом активировать этот плагин.

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

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

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

Кажется, на этом все, что касается выбора и установки шаблона WordPress на блог. О чем-то забыла, не рассказала? Спрашивайте! Я исправлюсь!

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

А я ушла думать, какую же тему выбрать для нового блога! До скорой встречи! С уважением, всегда ваша Web-Кошка!

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

    • Конечно, резиновый и адаптивный притом! Избавите себя от некоторого количества головной боли в будущем! Рада, что статья оказалась Вам полезна!
      P.S. Не очень поняла, что за сайт у Вас в профиле, если честно.

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

        на других сайтах при освещении этого вопроса авторы толком ничего конкретного не говорят- одна вода.
        удачи вам!

        • Да не за что! Для того и пишу.
          Вам тоже удачи с новым сайтом! Появятся вопросы — буду рада помочь.

  2. уберите пожалуйста ссылку, случайно вставил.

  3. Тема очень актуальная. Я со своим до сих пор ещё не успокоилась. Точнее — смирилась. Подобрала себе классную тему, установила, а она смела все комментарии из ФБ и ВКонтакте… жаль, а ничего уже не изменишь…

    • Здравствуйте, Елена! Много комментов было? Да вообще, о чем я — и одного-то жалко, если от души написан! Интересный у Вас блог… Необычный… Люблю такое иногда. Так что рада знакомству!

  4. Из всех рассмотренных мною ранее уроков по созданию сайта (блога) и выбора темы, этот урок самый толковый и информативный. А. Борисов, например, учит менять тему путём удаления рисунка из заголовка и создания нового рисунка в Photoshop’е. Причем, эта возня, сопровождается непонятными действиями под невнятное бормотание учителя. А тему рекомендуется выбирать из набора «дополнительные материалы» его урока. Здесь же все грамотно и понятно. Спасибо, Лариса!

    • Вот никогда не видела ни одного урока Борисова, но тут он, конечно, прав — если шаблон не поддерживает загрузку шапки через админку (а этим грешат старые шаблоны), то самый простой способ ее изменить — это именно найти файл картинки шапки и заменить его на свой такого же размера и с таким же названием — тут не поспоришь с гуру. 🙂

  5. Здравствуйте, Лариса. Пару часов нахожусь на Ваших блога (на новый тоже посмотрела 😉 ) боясь написать комментарий: очень уж у Вас все грамотно и как-то неловко со своим обычным сайтом в Вашу привычную тусовку…Я сложно вписываюсь в коллективы блогеров, предпочитаю сидеть на своем блоге,рассматривая очередной плагин или шаблон…Понимаю, что ничего нового своим читателям практически дать не могу, но и не писать тоже не могу…Я бы наверное так и ушла бы не написав комментарий, но случайно зашла на эту статью. Приятная неожиданность в виде ссылки на мой сайт придала мне храбрости :-[ да и не поблагодарить я просто не могла. Спасибо. Правда, очень неожиданно и приятно…Никогда бы наверное не попала бы на Ваш блог, если бы случайно ко мне заглянул сегодня Марат. Вот так : случайности не случайны.

    • Юлия, здравствуйте! Очень Вам рада! Зря Вы так про свой блог — у Вас там просто кладезь полезной информации, которой больше нигде нет! Точнее, есть, наверное, но так доступно и понятно изложенной — уж точно нет!
      И благодарить за ссылку не стоит — лучше уж я отправлю читателя на Ваш блог, где действительно можно выбрать себе замечательный шаблон, сразу же почитать о его установке и настройке, чем в какой-нибудь сборник шаблонов, напичканных вирусами и ссылками.
      Кстати, ведь тему для этого блога я именно у Вас впервые приметила и довольна ею ужасно, так что неизвестно, кто кого благодарить должен!
      Тусовка? Да нет, ни капельки… Просто общение интересных друг другу людей — присоединяйтесь! =)

      • Спасибо, Лариса. Обязательно присоединюсь: мне у Вас понравилось. А шаблон кстати, Вы очень хорошо обыграли, -я в первые мгновения его даже не признала *BRAVO*

  6. Довольно просто все описано. Спасибо. Хороша статья. Правда такому новичку как я не совсем понятно что есть резина а что есть фиксированная верстка. Перечитал пару раз — стало понятней, мозг запомнил, сердце недопоняло.

    • Василий, здравствуйте! Ну специально для сердца =) — резиновая верстка, это когда сайт растягивается в браузере на весь экран независимо от размеров монитора, и размеры всех элементов у него задаются в процентах от ширины экрана пользователя. Вот у этого блога резиновый шаблон: шапка тянется на весь экран, а блок контента ограничен искусственно в ширине (я об этом писала).
      А фиксированная -это сайт шириной в 900 пикселов (пример) — и неважно, с какого монитора Вы смотрите его, тянуться он не будет, а займет на экране ровно 900 пикселов. На широкоформатных мониторах не очень красиво смотрится.

      • вот непонятный момент. Почему даже в резиновой верстке контент — фиксированной ширины? *CRAZY*

        • Василий! Тут дело только в визуальном восприятии: неудобно читать на широкоформатном мониторе текст — получаются очень длинные строчки. Поэтому блог контента стараются обычно ограничить по ширине, задав для нее максимальное значение, до которого можно растягивать этот блок. В принципе, у многих резиновых тем такого ограничения нет (clear line, по-моему, на весь экран):)

  7. Я уже пару раз заходил к Вам в гости, а тут решил присмотреться повнимательней. Здорово, очень понравился стиль изложения и то как Вы раскрываете тему.
    Вроде все это знаю, а ума не хватило бы так просто объяснить.
    Успехов Вам, Лариса!

    • Спасибо, Владимир) Без лукавства скажу, что всегда все равно кажется, что все не так, как хочется, получается написать. Поэтому такие отзывы, как Ваш, очень и очень приятны)

  8. Дмитрий

    Ох, что то у меня не хуже вас а то и хуже, муки выбора 🙂 .
    Хочу поменять шаблон своего сайта, и никак не могу остановиться на чём то, просто ужас!!!
    Может вы что посоветуете, для кулинарного блога? 🙂

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

      • Дмитрий

        Спасибо за совет!

  9. Ольга

    Здравствуйте, Web-Кошка .
    У меня на сайте стоит такая же тема, как у Вас. Может Вы мне поможете?
    У меня разросся файл error_log . Весит несколько Гб.
    На втором сайте другая тема оформления и этот файл весит незначительно. В чем может быть проблема?
    Заранее спасибо.

  10. Галина

    Здравствуйте,Web-koshka.
    Мне очень по душе ваш уникальный стиль изложения,и этим вы сильно отличаетесь от других.
    А еще,очень нравится,что вы не забываете про подробности,в каждой своей статье,а это уже похоже на брэнд,который вы сами себе создаете,и тем самым,опять же выделяетесь из толпы.

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

  11. Здравствуйте. Где-то здесь промелькнуло… А в чем разница между «резиновый» и «адаптивный»? Спасибо.

    • Сергей, резиновый просто тянется, подстраиваясь к ширине экрана, то есть просто меняет ширину благодаря тому, что ширина всех элементов в верстке рассчитывается в процентах относительно размеров экрана.
      Адаптивный дизайн — это возможность показывать на разных размерах экранов (те на разных устройствах) разные варианты одного и того же сайта: сдвигать сайдбар вниз, под контент, например, скрывать на планшетах и смартфонах какие-то блоки, а какие-то показывать, которые не видны при просмотре с компа. Адаптивный дизайн, как правило, резиновый, то есть до определенного момента он сжимается, а потом в точках перелома начинается перестройка блоков. Посжимайте окно браузера с моим блогом — посмотрите пример адаптивного дизайна вживую)

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

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