Меню

Настройка баннера в wordpress



Как установить рекламный баннер на сайт WordPress

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

Установка баннера в сайдбар

Подготовка рекламной ссылки

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

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

Это также может быть и ваш рекламный или информационный продукт. Поэтому у вас есть возможность проверить свои творческие способности. Я, например, все свои обложки создаю в бесплатном сервисе CANVA.

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

Итак, вы приготовили картинку. Теперь скопируйте ссылку ниже и вставьте для дальнейшей работы в любой текстовый редактор. В Блокнот или Word — на ваше усмотрение.

Теперь вместо слов Ваша рекламная ссылка вставляете свою ссылку. Затем заходите в библиотеку. Нажимаете на загруженную картинку и копируете её адрес, как я указала на скриншоте:

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

Вставка ссылки в форму виджета

Ваш полуфабрикат готов. Всё это дело выделяете и копируете. Смотрите, чтобы ничего нарушено не было — никаких лишних или стёртых символов/пробелов, здесь нужна аккуратность. И едем дальше.

Теперь нам нужно попасть в виджеты, чтобы установить наш баннер. Это делается либо в консоле Внешний вид → Виджеты, либо из окна сайта Настроить → Виджеты. Я предпочитаю это делать в визуальной настройке. Поэтому переходим вторым путём.

У нас был урок, посвящённый виджетам. Поэтому вы уже должны знать, где производить действия. Из списка виджетов выбираем именно Текст. Затем открываем вкладку тоже Текст.

И туда вставляем нашу скопированную ссылку. Заголовок пишем по желанию. Можно вовсе не заполнять, если баннер содержит исчерпывающую информацию.

У меня получилась вот такая ссылка:

А на сайте будет смотреться следующим образом:

Сейчас я просто ради примера вставила ссылку на свою развлекательную группу Вконтакте. А в качестве изображения выбрала одну из картинок. Теперь, если я кликну по картинке, то меня переадресует в VK прямо в моё сообщество Диванный воин.

Ещё один момент. Как видим, моё изображение идеально разместилось в форме для виджета. Но если оно имеет меньший размер, то по умолчанию располагается по левому краю. Я думаю, в центре будет смотреться аккуратнее.

Для этого всю нашу ссылку целиком необходимо поместить в теги и . Это можно проделать в том же блокноте, либо в форме для виджета. Тогда она будет выглядеть так (теги выделила зелёным):

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

P.S.: Альтернатива устаревшему тегу здесь.

Как установить рекламный баннер в статью/текст

Установка с помощью блока Шорткод

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

Кроме того, баннеры вставлять можно также в текст статьи или какой-то страницы. Давайте посмотрим как. Берёте всю ту же готовую ссылку на рекламируемый продукт и заходите в редактор статьи.

Вы можете открыть старую статью/страницу, либо создать новую. Значения не имеет. Далее вам нужно выбрать блок для вставки HTML-кода. Называется он Шорткод. Жмёте плюсик. Либо значок блока сам подсветится, тогда жмёте сразу на него.

Читайте также:  Настройка конфига для идеальной стрельбы

В открывшееся поле вы вставляете свою рекламную ссылку. Или, если передумали, можно блок удалить, нажав на три точки слева вверху.

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

Добавление баннера в Классическом блоке

Но есть и более простой способ. Вам не нужно вставлять никакие блоки. Можно просто добавить в текст картинку. Затем зайти в параметры изображения и в поле Ссылка выбрать Произвольный URL. А в поле ниже ввести саму ссылку. Но уже не формате HTML.

В конце статьи я для примера добавила с помощью блока Шорткод ссылку на одну из своих рубрик. Хотя могла это сделать и более простым способом. Но при этом я убрала лишние атрибуты из той большой ссылки. Объясню почему вкратце.

Когда вы рекламируете сторонние продукты, ведущие на ресурсы (сайты), за которые вы не в ответе, то лучше вставить в ссылку атрибут rel=nofollow. Потому что это знак роботу — туда ходить не надо.

Ну а раз уж я ставлю ссылку на свой же ресурс, то мне этот атрибут ни к чему. Также я убрала и target=blank. Я сейчас не стану вам этим забивать голову. Так как это требует отдельной темы. Ещё успеем 😉

Подведём итоги

У нас получилась подробная статья. И мы узнали три способа, как:

  • Добавить баннер в сайдбар с помощью виджета
  • Вставить баннер в статью/страницу с помощью html-кода и блока Шорткод
  • Установить баннер в статью/страницу при помощи картинки и обычной ссылки

Источник

Как установить баннер на сайт на WordPress: самый простой и быстрый метод

В этой статье вы узнаете о том, как установить баннер на сайт, который работает на WordPress. Способ, который подойдёт для новичков, так как является самым лёгким, простым и понятным.

Баннеры – это изображения, анимированные или статичные, клик по которым переводит на какой-то адрес. Они являются самым распространённым видом рекламы. И если вы будете знать, как установить баннер, то сможете торговать баннерными местами на своём сайте.

Советы к баннерам

Прежде, чем установить баннеры, узнайте о рекомендациях для них:

  • Баннер лучше использовать анимированный, так как статичный сливается со всем дизайном сайта.
  • Анимированный баннер не должен переключаться слишком часто, чтобы посетитель смог увидеть, что нарисовано на каждом кадре.
  • Баннер лучше делать в формате изображения gif, а не в виде флеш-картинки swf, так как флеш-баннеры вызывают негативную реакцию у поисковиков.
  • Изображения баннера не должно весить слишком много, чтобы не нагружать сайт.
  • Клик по баннеру должен открывать другую страницу в новой вкладке, а не в той же.

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

Для того чтобы установить баннер, не нужно быть программистом. В WordPress всё можно реализовать проще, без знания кода, хотя с кодом повозиться всё-таки придётся. Те, кому лень, могут воспользоваться специальным плагином. О нём здесь.

Чтобы установить баннер, сделайте следующее:

  • Откройте редактор записи (пункт консоли «Записи», подпункт «Добавить новую»).
  • Нажмите кнопку «Добавить медиафайл», и загрузите изображение баннера.
  • Когда изображение будет загружено в его атрибутах, в списке «Ссылка» выберите «Произвольно» и укажите ссылку, на которую должен перенаправлять баннер.
  • В редакторе записи перейдите во вкладку «Текст». Вы увидите код баннера, который можно установить в любое место сайта или распространять его, чтобы кто-то другой устанавливал.

В WordPress можно установить баннер двумя способами:

  • Первый простой. Перейдите в пункте «Внешний вид», подпункт «Виджеты» и перетащите в нужную область виджет «Текст». Вставьте в него код баннера и он будет отображаться на сайте.
  • Второй более сложный, но отличается от первого тем, что баннер можно установить не только в область виджетов, но и в любое место сайта. В этом способе код баннера нужно поместить в один из файлов темы. Прежде, чем это делать, не забудьте сделать резервную копию сайта, чтобы потом не возникло неприятностей.
Читайте также:  Настройки качества в ютюб

Теперь вы знаете, как установить баннер. В большинстве случаев можно использовать первый, простой метод, он подойдёт практически всем.

Вам также следует узнать о том, как можно создать баннер самому.

Источник

Новая версия WordPress, как установить баннер на сайте

У новичков часто возникает вопрос, как установить баннер на сайте. Делается это достаточно просто. Но последние обновления Вордпресс заставляют делать это иначе, чем это делалось некоторое время назад. В статье будет показано, как установить баннер на сайте WordPress через новое поле HTML. Кроме того, мы рассмотрим, где взять код баннера для вставки на сайт.

Как установить баннер на сайте за три минуты

Здравствуйте! О том, как установить баннер на сайте, а точнее в сайдбаре, писалось в статьях на блоге. Это достаточно простая операция. Для этого нужно было перейти в панель управления, выбрать «Внешний вид», «Виджеты», перетащить свободное поле «Текст» в нужное место. Далее нужно было написать заголовок и вставить html код баннера в окно. После обновления рекламный баннер красовался в нашем сайдбаре.

Таким образом, устанавливались баннеры (картинки), как на свои товары, так и на чужие, например, партнерские. Все течет, все меняется, изменилась версия WordPress. Например, в версии 4.8. баннеры устанавливаются немного иначе.

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

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

Где найти код баннера для вставки на сайт

Итак, в предыдущей части статьи мы рассмотрели, как установить баннер на сайте. Теперь кратко разберемся, где взять код баннера для вставки на сайт. Здесь все просто, ничего не изменилось. Но для новичков, которые никогда это еще не делали, пару слов скажу – Вам его нужно создать самим.

Для этого нужно использовать формулу, которую можно взять в статье Как сделать картинку ссылкой в сайдбаре. Вы просто скопируйте код со статьи (формулу), а далее вставляйте в неё свои две ссылки. Одна ссылка будет вести на картинку, закачанную ранее на блог, вторая – на лендинг (это подписная или продающая страницы). Все подробности Вы можете посмотреть также в прилагаемом ниже видео:

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

Заключение

Думаю, вопрос, как вставить баннер на сайт будет крайне полезен для новичков, ведь часто сложно бывает разобраться самостоятельно. Да и время нужно экономить на другие дела. Теперь Вы знаете, как делается эта работа, и Вы сможете самостоятельно устанавливать баннеры, как на свои товары, так и на чужие. Баннеры помогут Вам повысить заработок через Интернет. Удачи Вам и всего лучшего!

Источник

Как вставить баннер на сайт? Как русифицировать шаблон WordPress?

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

Читайте также:  Настройки modloader gta sa

Для перевода лучше воспользоваться PHP-редактором NotePad++ и файловым менеджером «Total Commander». Также перевод можно делать с помощью плагина Codestyling-Localization. Основные файлы шаблона, с которыми придется работать:

archive.php
comments.php
footer.php
header.php
sidebar-left.php
sidebar-right.php

Все перечислять не буду.

Итак, приступим. Запускаем «Total Commander», и заходим в папку, где расположены файлы Вашей темы. В меню нажимаете: «Инструменты» —> «Поиск файлов». У Вас появится окно «Поиск файлов».

Поставить галочку перед графой «С текстом», и в эту графу нужно написать текст, который вы хотите перевести, например: Leave a Reply (Оставить Комментарий), как на скриншоте выше, а затем нажать «Начать поиск».

Вы увидите все файлы, где этот есть этот текст. На скриншоте не нашло файлов содержащих текст Leave a Reply, потому что я шаблон свой уже перевел.

Кликните по одному из найденных файлов в нижнем окошке, а затем нажмите «Перейти к файлу». Вы увидите, что курсор находится прямо на файле, который имеет текст Leave a Reply. Потом правой клавишей мыши кликните по этому файлу и в появившемся контекстном меню выберите «Edit With Notepad++». Не забудьте вначале установить редактор Notepad++

Еще файл можно начать редактировать прямо из окна «Результаты поиска». Щелкните в окне «Результаты поиска» правой клавишей мыши по файлу, который хотите отредактировать. В появившемся контекстном меню выберите «Edit With Notepad++».

Никогда не забывайте при редактировании файлов менять кодировку «ANSI» на «Кодировать в UTF-8 (Без ВОМ)». Менять кодировку нужно в самом редакторе NotePad++: «Кодировки» — «Кодировать в UTF-8 (Без ВОМ)».

Если кодировку не сменить, то у Вас перевод будет в виде иероглифов. Для перевода слов, можно воспользоваться онлайн переводчиком translate.ru или любым другим, например translate.google.ru.

В редакторе Notepad++ кликните в панели управления «Поиск» -> еще раз «Поиск», или нажмите клавиши «Ctrl» + «, а потом в поисковой графе появившегося окошка введите «Leave a Reply», то есть введите то слово, которое хотите перевести. Не забудьте после редактирования, сохранить файл.

Переводить темы WordPress можно с помощью дополнительного плагина Firebug для Mozilla Firefox. Как это делать, Вы можете прочитать в уроке 78.

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

В Панели Администратора, перейдите: «Внешний вид» —> «Виджеты», и перетащите виджет «Текст» в правый или левый сайдбар. Вставьте в текстовое окно код баннера, а затем нажмите «сохранить».

Изменить размер баннера можно в самом коде. Для этого нужно изменить значение ширины (width) и высоты (high).

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

Еще баннер можно вмонтировать прямо в сам файл, например: sidebar-left.php (левый сайдбар), sidebar-right.php (правый сайдбар), header.php (шапка блога) или footer.php (подвал).

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

Для этого в теме Вашего блога найдите файлы, которые я описал выше и вставьте в нужное место код баннера. Эти файлы находятся в корне Вашей темы. Открываете файлы для редактирования с помощью редактора Notepad++ и вставляете код баннера.

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

Чтобы баннер был по-центу, и не смещался влево или право, воспользуйтесь этим методом

Источник

Adblock
detector