seo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Код записи

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

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

Виджет текст

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

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

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

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

Комментарии 23

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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