Редактирование шаблона WordPress | Как создать свой сайт

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

Окт-1-2010 Автор: VeryOldMan

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

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

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

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

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

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

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

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

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






9 комментариев
  1. Pavel Пишет,

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

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

  2. Metal Пишет,

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

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

  3. Нона Пишет,

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

  4. Монах Пишет,

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

  5. Нона Пишет,

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

  6. VeryOldMan Пишет,

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

  7. Maks Пишет,

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

  8. Дмитрий Пишет,

    У меня в шаблоне в папке Images не могу найти шапку. Не поможете?

  9. Сергей Пишет,

    У меня готовый сайт. За основу взята тема — «A Premium Magazine/Blog Theme» Многого не понимаю, но пытаюсь разобраться. Учусь методом проб и ошибок. Хочу научиться Сам. Открываю в нескольких окнах и делаю по аналогии.

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

    Следующим этапом планирую в содержании каждого номера сделать активными названия с последующим переходом на страницу.

    Помогите пожалуйста.

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