Как вставить картинку в сайдбар на сайте

Как вставить картинку в сайдбар на сайтеНаверное вы задумывались как и я в свое время, как вставить картинку в сайдбар, чтобы она отображалась.  Приготовила для  своих посетителей коротенький видеоурок . Как оказалось, все элементарно Ватсон и все дела проще пареной репы.  Что значит немного поднаторела в языке HTML благодаря курсу Жени Попова, я уже писала вот тут  - здесь  также есть

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

видна в визуальном редакторе, открываем редактор html или текст в последней версии вордпресс, копируем код из html редактора. Идем  Внешний вида, жмем Виджет, решаем, где мы будем устанавливать картинку - в зависисмости от того, для каких целей мы ее определяем. Тащим виджет, где написано Текст, ставим на то место, где у нас будет расположено наше

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

неприятно, прилеплена ко всем сторонам, оставляйте небольшой зазор, чтобы она смотрелась как в рамочке. Это тоже относится к юзабилити вашего сайта. Вот так все и происходит - Легко и Просто. Теперь предостерегаю вас ПОЛЕЗНЫМ СОВЕТОМ: черновик, в который мы устанавливали картинку, можно удалить, он нам нужен был для ссылки -

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

Читайте также  ARK Related Posts — от Настоящего Полковника

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

Мой скайп gvozdika571
С уважением  Надежда и блог Интернет для начинающих

Возможно Вас другие статьи заинтересуют:

● Как правильно подбирать ключевые слова для продвижения сайта?
Любой seo-специалист должен ответственно подходить к процессу отбора ключевых слов для оптимизации сайта. Грамотно подобранные запросы являются гарантией эффективного продвижения ...
● Создаем эффективный сайт
Продвинуть веб-сайт в ТОП выдачи по поисковым запросам – это основная цель, к реализации которой стремятся владелец интернет-площадки и сео-оптимизатор. ...
● Топ-5 самых дорогих ниш в интернете
Прежде чем создавать сайт необходимо определиться с тематикой и целевой аудиторией, ведь от этого напрямую будут зависеть ваши доходы. Заинтересованная, ...
● Smartresponder закрывается куда перейти
Smartresponder наш закрывается 1 ноября. Реальные причины Макс Хигер рассказал в видео https://www.youtube.com/watch?v=gqY8RpEY-co Я зарегистрировалась на двух сервисах, рассылку буду отправлять ...
● ARK Related Posts — от Настоящего Полковника
Каждому блогеру всегда присуще желание, чтобы его записи, статьи блога читали, возвращались неоднократно и снова на блог. Для того, чтобы ...

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

  • Спасибо, как все однако просто! У меня на блоге нужно сделать порядок по-поводу картинок. Не использую многие, надо удалить. Работы — не впроворот!

    • Светлана, пожалуйста. Работы на блоге хватает на 35 часов в сутки. Это наше рабочее место.

  • Мне очень нравится, когда на сайте в сайдбаре расположены картинки — как вот у Вас с пёсиком. Кстати там на картинке есть приглашение. Обязательно зайду — как допишу комментарий.
    Хорошие, доступные и понятные объяснения делаете Вы, Надежда, спасибо!

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

    • Я сама уже себе поставила планки, как и что и потихоньку сделаю. Попозже по этой теме также статью поставлю на блог.

  • Материал на пять с плюсом. Но есть и минус! У меня скорость интернета 56кб/сек. Страница грузилась около 40 секунд.

    • Спасибо за оценку и комментарий. По сервисам проверила загрузку: макс 1,7 секунды, а в основном показывают 0, 35 секунд.

  • Отличная идея, Надежда! Все гениальное просто. Мне пока не надо было ставить картинки в сайт — бар. Но если понадобится, буду знать, насколько все просто. Я бы полезла на хостинг за кодом. :-D

    • Верно Наталья, нужно только подумать хорошо, поэкспериментировать, вникнуть и все получается! Наталочка, по секрету: -D я тоже одно время на хостинге всё искала: плагины загружала через хостинг.

  • Я тоже не сразу узнала, что в сайдбар можно поставить картинки и всякие надписи таким образом, через черновик. Конечно, это можно сделать и с помощью плагина, но их и так набирается со временем много, а это не очень хорошо, как мы знаем. Спасибо, Надежда, за полезные советы!! У меня, кстати, черновики не удалены, пойду уберу :)

    • Верно Лада, мы ведь всё стараемся через плагины делать, а их со временем набирается куча и снижается загрузка блога, а это ведёт к потере посетителей. Я на многие блоги захожу и порой терпения не хватает дождаться загрузки — некоторые загружаются 3-5 минут

      . Иду в другой браузер, то же самое. Я один хитрый приём нашла — придумала, правда он не для всех плагинов, есть такие необходимые, что не напишешь код — по крайней мере такая ситуация пока у меня. Изучаю PHP, можно многое выводить кодами, но тоже надо делать с умом. Я экспериментирую с блогом, но аккуратно. :)

  • Класс! Я только подумала об этом, что нужна картинка в бог! :P Ха! Стоит только подумать! *THUMBS UP*
    Благодарю, Надюша! *ROSE* Пошла делать! *DANCE*

    • Супер! Ты уже вышла *ROSE* на другую ступень — я рада за тебя. Благодарю Ия за визит *ROSE* Я теперь всем, что узнаю, делюсь на блоге. Работы…

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

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

Пользовательское соглашение | Политика обработки персональных данных | Политика конфиденциальности | Согласие с рассылкой