«

»

Дек 09

Замена шапки сайта в шаблоне wordpress

Замена шапки сайта Всем привет,сегодня на сайте статья-замена шапки сайта в шаблоне wordpress. Думаю она будет полезна не только начинающим блогерам.Ведь не у всех людей создающих свой первый блог есть лишнее количество денежных знаков.Которое необходимо для приобретения темы под заказ.
Поэтому скачав с интернета бесплатную, её потом можно преобразить по своему усмотрению. Для этого необходимо подобрать такую,чтобы не нуждалась в корректировке html кода. Кстати те, что идут по умолчанию с word press, как раз могут пригодиться в виде примера.

Как заменить шапку сайта на wordpress

Начнём с того что скопируем тему на свой компьютер в отдельную папку. И открыв её находим файл imadges, а в ней header открыв её запоминаем размеры картинки. В случае с twenty thirteen их несколько, потому как они подключены к слайдеру и их несколько.
Если вам понравился именно этот шаблон, значит вы можете изготовить несколько шапок. А можно и одну,так как при настройке имеется возможность показа любого варианта.
Выбираем из интернета,или рисуем сами требуемое изображение.
Для того чтобы оно вписалось в шаблон необходимо выдержать его размеры,то есть ширину и высоту, как у оригинала. Потому как html вёрстку темы в таком случае нам трогать не придётся.

Есть много способов и программ в которых можно за пять минут это сделать,но я использую Adobe Photosop.
Далее наблюдаем как это можно сделать поэтапно:

  • Сначала нам требуется создать рамку в которую мы вставим свою картинку. Поэтому открываем —-Файл—Создать— и устанавливаем размеры в форму и жмём ОК.
  • Затем идём по пути —Файл—Открыть--и открываем ту картинку что мы приготовили.
  • Щёлкаем ПКМ(правой кнопкой мыши) по редактируемому изображению  и выбираем —Переместить в новое окно.
  • Дальнейшие наши действия будут зависеть от картинки оригинала.Если она помещается в созданный нами шаблон(рамку),то просто наводим курсор и нажимаем ЛКМ(левой кнопкой мыши) и методом перетаскивания тянем его в рамку.
  • Если нет, то для сохранения качества изображения лучше всего обрезать лишнее. Для этого выбираем инструмент-Прямоугольная область.И выделяем ту часть которую мы хотим видеть как будущую шапку сайта.(примерно как на скриншоте)

Делаем шапку сайта

Таким же способом перетаскиваем выделенную пунктиром часть в шаблон. Аккуратно отредактируем,выравняем по периметру и после закрепления слоя, идём по пути—Файл—Сохранить для Web и устройств.

Перетаскиваем шапку в рамку

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

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

Тогда оно будет плавно подгружаться без видимых задержек и разрывов.
Думаю статья:Замена шапки сайта в шаблоне wordpress— сможет помочь многим в преобразовании блога по их усмотрению.

P.S.Почему у меня на сайте нет изображения в шапке сайта скажу так. Это не первая и не последняя тема над которой я провожу эксперименты.

Ныне присутствующая,под названием Suffision постоянно обновляется при появлении новой версии прямо из админки консоли wordpress. И шапка должна загружаться или с компьютера,или из библиотеки мультимедиа.

Но у неё один существенный недостаток, она не загружается. Поэтому я уже подготовил новую тему и все мои старые и новые посетители скоро смогут оценить её.

{lang: 'ru'}

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>