Categories: Уроки фотошоп

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

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

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

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

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

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

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

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

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

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

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

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

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

{lang: 'ru'}

ПОХОЖИЕ ЗАПИСИ :

  • Создать фон для сайта за пять минут
  • Как отредактировать изображения для сайта
  • Как создать круглый аватар в графическом редакторе Adobe Photoshop самому
  • Как сделать рамку в фотошопе
  • Как осветлить фото в фотошопе
Aleksandr

View Comments

  • А где описание процесса замены??
    Как найти и обрезать картинку, невеликое дело. А вот что и где заменить в теме? Вопрос остался нераскрытым.

    • Наверное вы правы....я так увлёкся описанием изготовления самой шапки что забыл рассказать как её вставить в шаблон... А делается это в зависимости от типа темы,или шаблона.На штатных WP темах это делается на ура!!!,там всё ясно.А вот в других необходимо загружать изготовленную картинку в специальную папку. Но думаю такими шаблонами уже никто не пользуется...Спасибо за подсказку,и если вам действительно нужно сделать такое действие пишите я с радостью помогу вам.

Share
Published by
Aleksandr
Tags: как заменить шапку сайта на wordpress

Recent Posts

  • Бизнес

Широкоформатная печать фотографий большого размера в типографии

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

2 недели ago
  • Бизнес

Разница между шаблоном и темой для сайта

Обычно создавая свой сайт сам, будущий блогер "идёт" в интернет и ищет информацию по воплощению своей идеи в жизнь. Тут…

2 недели ago
  • Заработок в интернете

Обзор заработка на спортивных состязаниях

Когда-то ещё в пост советские времена, единственным легальным способом заработать реальные деньги, были ставки на ипподроме. В наше время ставки…

3 месяца ago
  • Бизнес

Где купить цемент м 400 ?

Где купить цемент м 400 ? Этот вопрос я задаю себе всегда, когда начинаю что-то ремонтировать на своём приусадебном участке.…

7 месяцев ago
  • Бизнес

История возникновения интернет казино

Многих интересует история возникновения интернет казино, ведь раньше,как ве знают это было некое заведение, где люди играли в различные азартные…

11 месяцев ago
  • Бизнес

Эволюция компьютерных игр

Эволюция компьютерных игр начинается практически с появлением первого компьютера. Создав первую "компьютерную игрушку" и вдоволь наигравшись человек идёт дальше. И…

11 месяцев ago