Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Редактирование шаблона WordPress

октября 01, 2010

Вы уже видели, сколько шаблонов WordPress платных и бесплатных можно найти в Интернете? Очень много. Зачем тогда, спрашивается, нужно редактирование шаблона WordPress? А Вы что-то выбрали для своего сайта или блога? Хорошо, если выбранный шаблон подходит Вам идеально и по структуре и по дизайну. Правда такое бывает очень редко. Даже если шаблон поначалу кажется Вам идеальным, позже, внимательно присмотревшись, хочется что-то изменить.

Может быть и такой случай. Вы выбрали на каком-то сайте бесплатный шаблон WordPress, но такой же шаблон выбрал кто-то еще, и еще… Так, что вполне возможно, что Вы в конце концов встретите в Интернете копию вашего сайта, что не очень приятно. К чему это я все говорю. Да к тому, что хорошо бы как-то бесплатный WordPress шаблон изменить и таким несложным путем, как  редактирование шаблона  WordPress.

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

А сделать это совсем нетрудно. Откройте папку кого-либо шаблона WordPress. Или двух-трех. В составе каждого шаблона есть папка под названием images.

Редактирование шаблона WordPress

Откройте ее. В этой папке находятся графические изображение, которые были использованы при создании дизайна данного WordPress шаблона. Найдите картинку под названием header. Это традиционное название графики шапки сайта или как говорят хедера (header). Может быть, что кто-то из создателей шаблона даст ему другое название, например, часто встречается br, но Вы всегда можете определить графическое изображение для хедера визуально. Просто установите шаблон на движок WordPress и посмотрите, как выглядит Ваш сайт в этом шаблоне.

Ну а дальше, редактирование шаблона WordPress, лишь дело техники. Вернее дело для программы Photoshop. Открываем графический файл header в Photoshop и редактируем его по Вашему вкусу. После чего сохраняем его в своей папке images, естественно с заменой установленного ранее файла.

Если Вы хотите полностью заменить графический файл в хедере на свой, то и это не проблема. Только свой файл создавайте такого же размера, как и заменяемый. Определить его размер тоже просто. Откройте файл в Photoshop. Откройте меню Изображение – Размер изображения.

Редактирование шаблона WordPress

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

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

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


Кстати, тоже интересно:
13 комментариев
  1. Татьяна пишет:

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

  2. dle пишет:

    Все понятно, мне лично всё понравилось, только вот один минус, сайт слегка подтормаживает у вас, а так всё норм! ;-)

  3. ванга пишет:

    Хороший блог, только вот шрифт слегка напрягает глаза при чтении, но в целом немало времени провёл здесь, добавил в закладки :-)

  4. Мария пишет:

    отредактировать хедер — этого мало. хочется знать как редактировать весь шаблон

  5. Александр пишет:

    Мария полностью с вами согласен. Картинки отредактировать картинки это очень мало.

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

    После того как программа будет открывайте и редактируйте уже не картинки а правьте код php файлов шаблона.

  6. VeryOldCat пишет:

    Для редактирования WordPress шаблона вполне подойдет и редактор Dreamweaver. Через несколько дней начну раздел по созданию простейшего шаблона ну и само собой разумеется редактированию

  7. Pavel пишет:

    А где находиться эта папка images? Я уже установил тему на сайт. Можно ли вообще редактировать после того как тему уже установлена?

    Я полный чайник, прошу понимания=))

  8. Metal пишет:

    Pavel, папка images (а иногда img или imgs) находится прямо в теме (wp-content/themes/Ваша тема/)

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

  9. Нона пишет:

    Все так понятно объяснили, но как дошла до дела... header имеет расширение php, который не открывается в фотошоп, а в папке images нет никогого графического файла header, поможите пожалуйста разобраться))

  10. VeryOldCat пишет:

    Открывать в Фотошопе нужно не файл header.php а графический файл хедера, у которого название очень часто бывает header. Может быть и другое. Его очень просто найти в папке images. Просто просмотреть все файлы папки.

  11. Нона пишет:

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

  12. Монах пишет:

    Спасибо, кое-что встало на свои места

  13. Maks пишет:

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

Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Карта сайта