Как быстро вставить картинку в шапку сайта

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

Вы новичок в инфобизнесе и работать с профессиональной программой PhotoShop не умеете? Не беда. Выход есть! 

Найдите в интернете нужную Вам картинку, отредактируйте её в Windows (Paint.Net) и загрузите на Ваш сайт. Всё просто!

Рассмотрим на примере. Я загрузил из интернета на свой компьютер картинку. Далее открываю свой тестовый сайт. Кстати, на своём сайте я использую движок WordPress, установив   локальный сервер Open Server. Так что дома у меня стоит бесплатный хостинг.  Могу проводить любые эксперименты.

Ввожу логин, пароль и захожу в «Панель администратора». Выбираю меню: «Внешний вид-Заголовок». Открывается окно:

 Нажимаем на кнопку «Обзор» и выбираем на своём ПК нужную картинку:

 Нажимаем кнопку «Открыть».

 Появится адрес картинки и станет доступной кнопка «Загрузить». Нажать кнопку «Загрузить»:

 При необходимости вырезаете необходимую часть. А сейчас нажмём кнопку «Не обрезать, опубликовать как есть». Получим следующий результат:

Нажимаем на кнопку «Перейти на сайт». И вот, что мы увидим:

Есть функция «Или выберите изображение из библиотеки файлов». Она позволяет выбрать изображения, находящиеся на сервере сайта в библиотеке изображений сайта.
Оптимальный размер изображения: ширина -1000 пикселей, высота- 288 пикселей.

Я не проводил анализ, все ли темы позволяют так делать. Это Я сделал на движке WordPress последней версии 3.5.1 на теме Twenty Eleven. Именно это я сделал на сайте, который Вы сейчас смотрите.

Попробовали, поэкспериментировали, всё получилось? Я рад за Вас. Действительно можно быстро вставить  картинку в  шапку сайта.

Если Вам понравилась статья, оставьте комментарий, сделайте retweet на кнопке в начале статьи или/и расскажите друзьям в социальных сетях, кликнув на кнопку, выбранной Вами социальной сети в конце статьи.

Так же на эту тему Вы можете почитать:

Как быстро вставить картинку в шапку сайта: 27 комментариев

  1. Геннадий, тема “Как быстро вставить картинку в шапку сайта” меня интересовала давно, потому что родная картинка темы не нравится.
    При смене ее испытаю вашу инструкцию. Спасибо!
    Для удаления: картинки в статье почему-то у меня не отображаются (ни одна). Браузер — Хром.

  2. Спасибо за интересную информацию, теперь буду экспериментировать, на локальном сервере Open Server!!!

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

    • Aлсу! Картинки я перезагрузил. Если Вам моя статья поможетЮ я буду рад.

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

    • Правильное решение. Точь в точь у кого-то из наших однокашников по мастеркласс видел

  5. Я тоже меняла так шапку на Twenty Eleven и Twenty Ten, но мне сами темы не нравятся, хочется новую и хорошую найти. Но поменять шапку, к сожалению, не на всех темах возможно, вот на теме Юрия, я думаю, это не доступно.
    Геннадий, Вы классную картинку для шапки нашли и подходит она сюда, вот только увеличивать её под размер шапки нужно было по-другому. Я знаю как правильно сжимать фото, думаю в интернете есть уроки и как правильно увеличить изображение, чтобы не терялось качество.

    • Согласен. Мой рецепт не для всех тем. Я об этом сказал в статье. Галина! Жду ссылку, как правильно увеличить изображение, не потеряв качества.

  6. Меня в принципе шапка моей темы устраивает, но можно было бы и по-оригинальней что-нибудь… Только вот в консоли управления у меня нет «Внешний вид-Заголовок» и кнопки загрузить(

    • Алина! Выбранный Вами шаблон, видимо, не поддерживает функцию изменения картинки в шапке сайта (в заголовке сайта). HTML всё подвластно, но это не для новичков.

  7. Геннадий, у вас очень нужная статья о смене шапки. А вот я столкнулась с проблемой отсутствия кнопок-закладок (главная, комментарии и пр. ) и они не устанавливаются когда создаешь страницы. А мне так нравится шаблон! не хочется его лишаться!

  8. Людмила! Я не понял , что вы вкладываете в понятие “кнопки- закладки”. Если Вы говорите про комментарии, то они у Вас есть. У Вас вместо главной выступает первой статическая страница. А статьи Ваши на странице “Новинки” и на ней можно в конце статьи оставлять комментарии. Вы посмотрите сайт Юрия http://lek-travi.ru. У него точно такой же шаблон.

  9. Геннадий, это не на этой теме, которая у меня на данном сайте. Здесь все в порядке. Я имею ввиду кнопки в шапке темы, т.е. страницы :главная, лента новостей, к примеру. Они не появляются в шапке сайта, когда создаешь страницы. и ими неудобно управлять. Я видела такой шаблон у кого-то. Там было все нормально. Было сделано даже два ряда кнопок: и управления страницами и еще были выведены кнопки рубрик.

    • Людмила! Как называется тема (шаблон) сайта? Дайте ссылку на скачивание шаблона. Надо посмотреть.

    • Людмила! Шаблон подходит для женского сайта. Страницы добавляются стандартным образом и располагаются сверху. Если Вы хотите поменять информацию в шапке,”" то зайдите в панель администратора, далее “Внешний вид-темы”. Вверху справа от Вашего шаблона выбрать “Настроить”. Откроется окно, выбрать “Название и описание сайта”. Щёлкните справа на значок треугольника. В выпадающем меню измените “Название сайта” и “Краткое содержание”, нажмите “Сохранить”. Если Вы хотите видеть на главной не страницы, а рубрики, то зайдите в панель администратора, далее “Внешний вид-темы”. Вверху справа от Вашего шаблона выбрать “Настройки темы”.Далее найдите “Источник по умолчанию”. Щёлкните справа на значок треугольника. В выпадающем меню выберите “Рубрики”, нажмите “Сохранить”.

  10. Геннадий! Спасибо большое, что вы уделяете мне свое время. Но мне нужно, чтобы в шапке появлялся ряд кнопок. Ну вот как у вас : главная, карта сайта, об авторе, контакты… А они не появляются при создании страниц. Появляются только сбоку в сайтбаре. А я хотела, чтобы кнопки были в шапке.

    • Уже две статьи. Поздравляю! Вы справились. Вверху у Вас страницы сайта, внизу рубрики. Можно настроить выпадающее меню рубрик с помощью настройки меню Вашего сайта. Подробности здесь http://codex.wordpress.org/WordPress_Menu_User_Guide
      См. раздел “Создание многоуровневых меню”.

  11. Геннадий, а вы присылали мне что-нибудь по почте? Я получила от вас какое-то приглашение зайти по ссылке, но пока не заходила, т.к. не очень верю, что это вы написали.

    • Это был Я. Рекомендую узнать информацию про электронные деньги.

  12. Сегодня пол дня провела над картинкой в шапке, пока не получается! Буду с Вашими рекомендациями действовать с нуля, надеюсь получится, если вообще шапку возможно в мою тему установить…

    • Татьяна! С наступающим праздником! Любите и будьте любимы! Теперь к делу. Зайдите в панель администратора, далее “”Внешний вид”_”Заголовок”
      Если под картинкой слева Вы видите “Select image (Выбрать изображение)” и чуть ниже окошко “Выберите файл”, то Ваша тема поддерживает загрузку Вашей картинки в шапку сайта.
      Не торопитесь, у Вас всё получится!
      Если нет, то Вам не повезло. Если Вы знакомы с HTML, то посмотрите урок из 5-ой недели. Успеха!

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

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

*

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