Вставить фотографию в сайдбар блога без знаний html

Вставить фотографию в сайт бар блогаМолодые блогеры часто задаются вопросом – как, без знаний html кода  вставить фотографию в сайдбар блога. Особенно те блогеры, которые  участвуют в МЛМ компаниях.

Но если посмотреть на этот вопрос пристальней, то можно сказать, что Ваша фотография на блоге должна быть обязательно. Блог – это инструмент  продвижения Вашего брэнда. А как его можно
продвинуть без узнаваемости? Поэтому первое, что нужно сделать – вывесить ваш портрет.
Да и посетителю намного приятнее общаться с человеком, а не с анонимом

Вот как установить вашу фотографию в сайдбаре мы сегодня и поговорим.

Начнем с  некоторых конкретных моментов. Наша задача не просто установить фотографию, но и сделать активную ссылку на страничку об авторе.  Это просто необходимо. Посетители любопытны. И это любопытство оправдано. Каждый должен знать о человеке, с которым работает,  как можно больше. Каждый хочет выяснить, а можно ли ему доверять как эксперту в заявленной области – теме блога?

Поэтому страничка об авторе обязательна на блоге.

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

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

Я постараюсь все подробно описать и показать на скриншотах.

Шаг 1. Создаем запись черновик.

Просто  открываем  консоль  блога – Записи – Создать новую. Этой записи даже можно не давать название. Для нас важно, что в редакторе записи есть вкладки: Текст и Визуально. Обычно мы работаем с вкладкой Визуально. Загружаем туда изображения и вставляем текст. А на второй вкладке – Текст , соответственно, генерируется  html-код. Это значит, что все действия, которые мы производим в вкладке Визуально,  автоматически переводятся на  html язык. Вот именно этим мы и воспользуемся.

Редактор страницы

Шаг 2. Загружаем изображение

Теперь загрузим изображение, то которое мы собираемся выставлять в сайдбар. Так как речь идет об установке Вашей фотографии, мы ее и загрузим, предварительно тщательно подготовив. Загружать будем самым обычным способом, через кнопку  - Добавить Медиафайл.

Загрузка через медиафайл

Загрузка изображения

Выбираем на своем компьютере готовое изображение и вставляем его в запись.

В результате получаем следующее: Визуальный редактор – изображение, которое мы установили в центре записи

Визуальный редактор

В редакторе Текст – сгенерированный  WordPress  html- код. При чем, уже с тегами, которые отвечают за установку Вашего портрета по центру

Текстовый редактор

Шаг 3. Подписываем текст

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

Создаем ссылку

Помним о том, что все наши действия генерируются на вкладке Текст в html – код

Заходим в эту вкладку и копируем тот код, который у нас получился. И что бы не потерять, то что мы сделали, не забудьте сохранить страницу.

Код записи

Шаг 4. Вставляем код в виджет – Текст

Заходим во Внешний Вид (или Дизайн) – Виджеты. И переносим  виджет Текст, в то место сайдбара, куда мы решили установить созданный нами шедевр. Открываем виджет и вставляем в него скопированный нами код. Подписываем виджет.

Виджет текст

Результат Вы можете посмотреть в верхней части сайдбара.

А сейчас посмотрите 13-минутное видео, где я не только рассказываю, как установить фотографию, но и показываю некоторые моменты ее подготовки.

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

Удачной работы!

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Новичку, Permalink

23 комментариев к Вставить фотографию в сайдбар блога без знаний html

  1. nattmich says:

    Ирина! Сейчас вставила рекламу услуг в сайд-бар блога по Вашему уроку. Очень легко, понятно. Очень понравилось, Красиво встала картинка, надпись симметрично получилась, переход на другой сайт — классно!

  2. Лариса Чугункина says:

    Ирина, Вы даете очень нужный и полезный материал. Я почерпнула в очередной раз необходимую , в данный момент, мне информацию.

  3. Аделя says:

    Ирина, спасибо! Все очень понятно и доступно!!!

  4. Ирина, у меня фото стоит в хедере блога, а где и как мне написать приветствие? Мне очень нравится Ваш блог по структуре, но т.к. я сетевик и принимаю участие в других проектах, мне бы хотелось дать своему гостю, информацию и о других проектах. А как это сделать, я не знаю. Помогите пожалуйста!
    Спасибо!
    С уважением.

  5. Увы, подписаться почему-то не удается. Если вам не трудно, то подпишите меня сами, а подтвержу свою подписку.

  6. Здравствуйте, Ирина! Спасибо большое за предельно простое и понятное объяснение. Я уже несколько дней мучаюсь этой проблемой, пробовала несколько способов, ничего не получалось. Я совсем не разбираюсь в кодах, поэтому просто тупо копировала те, что предлагались, но все без толку. Возможно, что что-то упускала. А вот в вашем способе ничего не упустишь, потому что «конструктор кодов» все сделает сам. Спасибо. Подписываюсь на ваш блог. Заходите и ко мне. Я не занимаюсь компьютерной грамотностью, я консультирую по вопросам трудового законодательства, но на моем блоге есть страницы о путешествиях, о кулинарии и много собственноручно сделанных фотографий. Буду рада вам))) tvoyazhizn.ru Ссылку делаю некликабельной, если захотите, то зайдете)))

  7. Наталья says:

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

  8. Вчера я столько просидела,чтобы вставить книгу,вернее,фото книги в сайтбар,не получилось.Сейчас по Вашему уроку попробую.Мне очень кстати!

  9. Ольга says:

    Нужно было картинку вставить в сайдбар. Долго думала и собиралась с мыслями. Оказывается все просто! Фото пока вставить не могу — не могу красивый портрет подобрать )))))

  10. Нет. Надо просто настроить медиафайл в консоли. Или попробуйте сначала вставить текст, а потом уже установить картинку.
    Я думаю, что и в Вашем комментарии на моем блоге будет ссылка на Ваш блог…

  11. Алиса says:

    Спасибо! Полезный урок

  12. татьяна says:

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

  13. татьяна says:

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

  14. Это статью я писала, помня Вашу просьбу. Надеюсь у Вас все получилось

  15. Возможно Вы сразу вставляли в редактор — Текст.
    Если не получится — выходите на связь. Посмотрим

  16. Ирина,Здравствуйте! Спасибо вам за полезную информацию будем установить у себя на блоге,а то у меня не получилось что я не смог открыть видео урок у меня на компьютере не поддерживает программу.Желаю вам удачи.
    С уважением Геннадий Мацинов.

  17. Сергей says:

    Ирина, примите от меня очередное спасибо за Ваш урок! Всё понятно и интересно. Даже не знал, что в WordPress можно такое творить! С нетерпением буду ждать ваши новые полезности!

  18. Инна says:

    Здравствуйте, Ирина. Очень кстати Вы прислали письмо как вставить фотографию. В черновике у меня не вставилась фотография, а сразу код и подписать получается негде. И размер только полный 160 на 160 и миниатюра 150 на 150. И еще, Статью написала и как -будто сохраняла, а теперь пишут: не найдено.

  19. Чудесно, Ирина! Всё очень понятно, легко. Сначала поменяю тему, — прихорошу свой блог, а потом и сделаю всё, как положено. Зайду вновь к Вам на эту статью. И фото вставлю, и страничку «О себе» раскрою подробнее. Спасибо! У Вас просто талант преподнести информацию в доступной форме.

  20. Спасибо! Очень просто и доходчиво. Делается все на раз-два!

  21. Спасибо за информацию. Надо проверить…

  22. Спасибо, особенно для начинающих блогеров очень полезная информация.
    Всё ясно и доходчиво.
    Немного плавает звук, это бывает когда некачественно срабатывает функция удаления шума в Camtasia Studio. И ещё, мне кажется, слова по времени 10:40-10:45 далее повторяются второй раз.

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