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

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

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

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

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

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

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

Читайте также  Уменьшить сжать и заменить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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