Размещение баннеров на сайте WordPress

Как разместить flesh баннер на блоге WordPress.

установка флеш баннера на сайте WordPress.

 

Приветствую вас, дорогие читатели, на страницах блога «создание и продвижение сайта». В прошлой статье: «Создание баннеров за пять минут», я рассказала о том, как можно самостоятельно сделать баннер  в программе  Aleo Flash Intro Banner Maker. Сегодня я расскажу, о том, как вставить созданный баннер на сайте в статье, или в виджетах.

Прежде всего, нам нужно залить созданный в программе файл .swf на сервер. В интернете я прочитала, что можно его загрузить в библиотеку изображений. В административной панели блога на WordPress, заходим во вкладку «библиотека» — «загрузить изображение» — выбираем на компьютере файл .swf, жмём «загрузить», затем нажимает «редактировать». Флеш файл открывается в новом окне, здесь нужно скопировать в браузерной строке адрес файла, и сохранить его в блокноте.

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

Открываем программу для соединения с хостингом. В моём случае это программа  FaileZilla. В строку быстрого доступа в первом окошке пишем адрес вашего сайта с приставкой — ftp.  У меня это выглядит так — ftp.batalova62.ru.  В следующем окне пишем логин, который вы указали при регистрации хостинга, далее пароль, и в последнем окне – 21.

Все эти данные вы можете взять из регистрационного письма от хостинга, которое приходит сразу после заказа хостинга. Я надеюсь, вы сохранили это письмо. Жмём кнопку – «соединить».

Справа открываются папки вашего сайта. Нужно сделать следующее:  открываем папку domen, затем папку с названием вашего сайта, затем папку publik_html. Это и есть корневая папка блога. Нужно создать новую папку. Правой кнопкой мыши открываем окно, выбираем «создать новый каталог». Называем папку – «flash».

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

При создании  баннеров сохраняется два файла, один – в формате html, он предназначен для того, чтобы вы могли открыть его в редакторе (например Notepad++) Узнать размеры баннеров, что то отредактировать. Этот файл весит 1 кb. А второй файл весит намного тяжелее, и имеет расширение .swf  Вот этот файл необходимо закачать на сервер. Выделяем его, клик правой кнопкой мыши – «закачать на сервер».

Я в статье о создании баннеров не сказала, как вы должны назвать свой баннер, это не имеет принципиального значения, одно важно, чтобы название состояло из латинских букв.  Например, вы назвали — banner.  Тогда сохранённый файл будет выглядеть так – banner.swf. Если же вы назвали файл русскими буквами, то следует его переименовать, перед закачкой в корневую папку блога WordPress.

Если вы всё сделали правильно, то ваш баннер появится по адресу: http://sait.ru/flash/banner.swf — где вместо sait.ru вы вставляете адрес вашего сайта. Проверили? Если всё в порядке, то можно закрывать программу FaileZilla, и приступать к  размещению флеш баннера на сайт. Я дам несколько кодов, для вставки флеш баннера на блог, не забудьте подставить в код свои значения:

  • Адрес баннера (вы его должны были сохранить в блокноте)
  • Ширина баннера в пикселях
  • Высота баннера в пикселях

Для установки баннеров на сайт WordPress, нам потребуется вот этот небольшой код:

Ссылку на страницу перехода вы указываете в программе, при создании баннеров, но если нужно указать целевую рекламную страницу, то в коде нужно добавить  ?link1=ссылка». Вместо слова ссылка указывайте адрес страницы, на который совершается переход. А сам код будет таким:

Если понадобится код с прозрачным фоном:

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

Если по какой то причине у вас не работает первый, короткий код, то попробуйте вот этот более расширенный:

Вообще существует несколько методов вставки флеш баннера на сайт:

  • Двусоставной метод вставки flash-ролика
  • Метод вложенных объектов
  • Метод Flash Satay
  • Внедрение с помощью SWFObject

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

При копировании кода, подстановке своих данных, будьте предельно осторожны и внимательны. Потеря одной скобочки, или кавычек, сделает код не рабочим. Так что внимательно проверяйте всё ли на месте, правильный код избавит вас от того, что баннер не захочет отображаться на блоге. А ещё лучше, замените все кавычки в скопированном коде. Переведите клавиатуру на английскую раскладку, и в верхнем регистре буква «Э» — даст «правильные» кавычки.

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

Если нужно вставить код не в виджет, а в статью, то делаем это в текстовом редакторе для добавления записей, во вкладке «Текст».  Если же по каким то причинам флеш баннер не отображается на блоге, то не нужно отчаиваться, есть ещё один простой но надёжный способ установить флеш баннер на сайт WordPress. Этот способ называется плагин — WP-SWFObject. Этот плагин имеет настройки, позволяющие вставлять не только флеш анимацию, но и видео ролики с YouTube.

Ещё вы можете сгенерировать готовый код онлайн, по адресу: http://www.artbanner.com.ua/generatori/generator-koda-flash-bannera.html  Для того, чтобы получить готовый код для вставки флеш баннера на сайт, нужно ввести в окошко адрес вашего флеш баннера, ширину в пикселях, и высоту в пикселях.

Вот и всё, что я хотела рассказать вам о том, как вставить флеш баннер или открытку, сделанную в программе  Aleo Flash Intro Banner Maker, на блог. Я постаралась написать подробно, что бы было понятно для новичков. Но если у вас возникнут вопросы, то задавайте их в комментариях. Вы так же можете прочитать статью — как сделать баннер в фотошоп, и как сделать шапку для сайта или баннер в программе XHeader.

С любовью и уважением Баталова Ирина

Ссылка на основную публикацию