Как быстро изменить дизайн шаблона wordpress

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

Редактирование шаблона wordpress — очень увлекательное занятие.
Я бы даже сказала, что это творческая игра.

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

  • Файл стиля темы, дизайн которой нам нужно поменять. Он называется style. css. Для редактирования извлекаем его из архива с темой на рабочий стол
  • Расширение для браузера Мозилла, которое называется Firebug. В этой статье  я рассказывала  что это такое, и где его взять. Вполне вероятно, что такое расширение есть и для других браузеров, если напишете об этом в комментариях, буду очень признательна))
  • Программа FrontPage от Майкрософт. В ней мы будем вносить изменения в наш файл стиля темы.

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

Во время просмотра блога через Firebug сразу же вносим изменения  в style. css. Это делается быстро, так как все строчки кода во FrontPage уже пронумерованы, и найти нужный кусочек не составит труда.

Затем сохраняем наш новый, измененный файл стиля и закачиваем его на хостинг, в папку с темой.
Вот и все!

Посмотрите, как может измениться простенькая тема iWork от Nicola Di Trento из бизнес-темы:

kak-izmenit-dizajn-shablona-wordpress

в тему блога для молодых мам:

redaktirovanie-shablona-wordpress

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

Но опять же, повторюсь, найти их будет несложно, если вы используете Firebug.

Пробуйте, творите, не бойтесь нажимать на незнакомые кнопочки, и все у вас получится!
Удачи всем в блого-сайтоведении!

Author: Юлия Штрелер

Занимаюсь блогами довольно давно. Начала в 2011 году. Изучаю SEO, контент-маркетинг, продвижение интернет-проектов в социальных сетях и особенно - подбор ключевых фраз для контента женских тематик. Собираю семантические ядра для блогов и сайтов. В данный момент провожу эксперимент по "выращиванию" интернет-сайта для дальнейшей продажи

  • Наталия

    Спасибо за информацию, полезная и новая для меня мысль про FrontPage — так же удобнее! Я в этой программе только странички создавала, а что шаблон можно менять — не догадывалась!

  • Lidia

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

  • Валерия

    Спасибо за статью, Юлия!
    Полезно и интересно.
    А можно ли без FrontPage обойтись?
    Есть у Вас опыт использования подобных программ на макинтоше?

    • Юлия Штрелер

      Нет, таким опытом не обладаю. Apple для меня пока — темный лес. Многие из знакомых хвалят эту операционку, но честно говоря меня виндоуз полностью устраивает))

  • Аделя

    Не знала о таком методе, спасибо большое!!!

  • Светлана

    Я обычно все изменения делаю прямо из админки сайта. Но мысль про FrontPage мне понравилась. Возьму себе на заметку! Спасибо!

  • Regina

    Всё очень понятным и доступным языком. Спасибо.

  • Olga F.

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

  • Татьяна

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

  • Anna

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

    • Юлия Штрелер

      Когда я начала делать блоги, работала только в эксплорере. Про другие браузеры слышала, но не пользовалась. Теперь только мозилла и иногда гугл хром. Муж ворчит: «Куда тебе их столько?»)))

      • Елена

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

        • Юлия Штрелер

          А что это такое Virtual Box?

          • Елена

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

  • Марри

    Надо будет обязательно попробовать! А то у меня вся работа над блогом за стопорилась — тему никак подобрать не могу… (((

    • Юлия Штрелер

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

  • Елена

    Юля, спасибо за идею — я и не догадалась бы stile.css во FP менять. Вот тоже обожаю дизайнить, порой это столько времени отнимает, а бложики стоят, ждут обновления…

  • Eleonora

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

  • Людмила

    Спасибо! Об этих инструментах я не знала! Нужно будет теперь освоить!

  • Анна

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

  • Татьяна

    Я пока этот материал только на заметку возьму. Когда дорасту, обязательно воспользуюсь. Спасибо, Юля.