Как изменить логотип или картинку в оформлении блога

Как изменить логотип или картинку в теме WordPress вашего блога.

Часто, когда вы подбираете тему оформления блога, то, бывает, что в целом тема нравится, но присутствует какого-либо логотип и в шапке, в верхней части блога есть картинка, которая вам совершенно не нужна и вы хотите заменить её на свою. Как поставить свою — нужную вам картинку на ваш блог? Правда -не во всех темах это можно сделать. Внимание! Соблюдайте авторские права, если тема создана автором, то согласуйте с ним все изменения. Если тема бесплатная, то можно менять картинку и логотип. Вот пример темы — по этой ссылке. Вверху вы видите большую фотографию с изображением красивой пчёлки. Но она совершенно не подходит  под тематику вашего сайта. Например, ваша страничка посвящена отдыху у моря.

Итак, последовательность действий -правой кнопкой мыши щелкаем на картинке с пчелкой и выбираем -открыть в новом окне. Картинка открылась, из адресной строки копируем к себе в текстовой блокнот, например её адрес «http://novinternet.ru/wp-content/themes/tiny-framework/images/headers/Tiny-Framework-header-01.jpg» . Обратите внимание, адрес я специально взял в кавычки с обеих сторон, чтобы сама картинка не вставилась в мою статью. (кстати, адрес я для примера написал, реальной картинки там нет. Но, чуть ниже все узнаете). Далее, правой кнопкой мыши сохраняем картинку в какую-либо папку в свой компьютер. На файле этой фотографии щелкаем правой кнопкой мыши, появляется меню, выбираем в самом низу пункт «свойства» , открывается окно, выбираем вверху пункт » подробно».

поменять шапку сайта

Итак,  мы видим название данного изображения -TinyForge-header.jpg, его размеры в писелях 960 х 350, разрешение 200 точек. Запишите и запомните эти размеры. Далее, найдите нужную вам фотографию, желательно уникальную, чтобы не нарушать авторских прав, лучше  -лично сделанное фото. Далее, кто пользуется Фотошопом, то сможет сделать сам, у кого же нет этой программы — заходите на он-лайн версию  фотошопа по ссылке http://editor.0lik.ru

он-лайн фотошоп

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

размеры картинки

Далее, по ширине изменяем картинку — ставим 960 пикселей. Но, фотография меняется пропорционально, и высота оказывается не 350 пикселей. Для этого картинку нужно подрезать. Для этого выбираем инструмент (я его пометил длинной красной стрелкой), затем этим инструментом подрезаем фотографию (короткая красная стрелка указывает на инструмент -такую как бы рамку).

размеры картинки

И подгоняем размеры, чтобы получилось   960 х 350 в писелях, где-то картинку можно незначительно сплющить или растянуть, чтобы это было не заметно на глаз. Наконец, сохраняем фотографию к себе в компьютер.

Дальше, вспоминаем название фотки со пчелкой  TinyForge-header.jpg, копируем это название и называем свою фотографию точно также (эти две фотки должны лежать в разных папках на компьютере, иначе не получится).

И, теперь, самое главное, вспоминаем адрес, где находилась пчелка адрес «http://novinternet.ru/wp-content/themes/tiny-framework/images/headers/Tiny-Framework-header-01.jpg» (вместо novinternet.ru будет стоять ваш адрес блога). Заходим на хостинг, в свой домен — у меня это  — novinternet.ru, заходим в каталог, ищем сначала папку wp-content, потом папку themes, ну вы поняли папки вложены друг в друга и в адресе разделены косой чертой  /  .

Конечная нужная нам папка этой темы вордпресса вашего сайта   headers. В ней мы и видим искомый файл со пчелой Tiny-Framework-header-01.jpg Теперь просто закачиваем в эту папку нужную нам фотку  (я взял для примера эту)

yjdfz ifgrf ,kjuf

Ах да, я не рассказал, как сделать надпись поверх картинки, например

Блог Светланы Светличнй
«Романика у моря»

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

Если всё правильно было сделано, то вы изменили картинку шапки вашего блога.

 

Если Вам понравилась статья, поделитесь в социальных сетях!

Подпишитесь на обновления блога!


Вы можете оставить комментарий, или ссылку на Ваш сайт.

7 комментариев к записи “Как изменить логотип или картинку в оформлении блога”

  1. Советы хорошие и описаны понятно. Кстати, может быть счетчик убрать в подвал?

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

  3. Вот, Владимир, какой молодец. Так подробно, детально все рассказал. Я точно буду менять свою картинку, но позже. И способ замены другой. Спасибо за хорошую статью.

  4. Владимир, статья хорошая, полезная. Работайте дальше и у Вас всё получится.

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

    • admin:

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

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