Больше результатов...

Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Post Type Selectors
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

Если вы когда-либо пробовали вставить Shockwave Flash файл в ваш блог на WordPress, то вы знаете, что сделать это не так просто. Кроме того, если вы размещаете ваш блог на wordpress.com, то вы не сможете загружать flash из соображений безопасности. Если у вас есть свой хостинг-аккаунт, то есть несколько способов, с помощью которых вы сможете загружать swf файлы в ваши WordPress записи. Первый вариант включает использование плагина. Этот вариант предпочтительнее, если вы не очень хорошо обращаетесь с кодом. Другой способ требует базовых знаний html. В этой статье мы покажем, как вставить swf в записи WordPress с помощью плагина и без него.

Метод с плагином

Для начала вам нужно скачать и установить Easy Flash Embed для WordPress. Этот плагин настолько прост, что в меню администратора даже не добавляется никаких настроек. Все, что вам нужно, это использовать шорткод при создании записей, вот так:

inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!
[swf src="http://www.example.com/my-flash-file.swf" width=300 height=100]

Просто замените атрибут src ссылкой на ваш flash файл и измените соответственно height и width.

Как вставить объект Flash SWF в WordPress запись
Скачать Easy Flash Embed плагин вы можете здесь.

Если вы не знаете, что такое плагины и как их устанавливать, посмотрите этот урок.

Метод с кодом

Для тех, кто хочет иметь больше контроля над кодом, мы покажем, как вставить ваши flash файлы прямо в WordPress записи, посты и даже темы. Хотя за годы было придумано множество способов сделать это, самый простой и подходящий под стандарты — использовать элемент .

Код вставки будет выглядеть примерно так:

<object id="flashcontent" 
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
        width="550px" 
        height="400px">
  <param name="movie" value="mymovie.swf" />
 
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" 
          data="mymovie.swf" 
          width="550px" 
          height="400px">
  <!--<![endif]-->
 
    <p>
      Fallback or 'alternate' content goes here.
      This content will only be visible if the SWF fails to load.
    </p>
 
  <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
 
</object>

Обратите внимание, что вы используете 2 элемента <object>. Внешний элемент — для Internet Explorer, тогда как внутренний — для всех остальных браузеров. Вы можете изменять ваш альтернативный текст, если необходимо. Вы можете добавить также другие опции <param>, например wmode или allowScriptAccess.

P.S. Всегда нужно использовать wmode=transparent, чтобы ваша вставка не перекрывала существующий контент, например плавающий блок.

Источник: WPBeginner.com
inet.ws - Powerful VPS Hosting in the USA, Canada, UK and DE!
Алексей Шевченко
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Комментарии к записи: 31

muph:

Спасибо за материал. Подскажите, а можно ли как-то сделать слайдшоу из небольших swf?

WordPresso:

Можно, но с помощью сторонних плагинов. Либо же вручную через код.

Netchel:

Спасибо за статью, решил воспользоваться вашим советом «метод с плагином» WP-SWFObject.
Результат можете посмотреть на

Alaygris:

Есть проблема. swf вставленный через плагин перекрывает выпадающее меню. Как быть?

WordPresso:

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

Александр:

Спасибо!
Очень помогло!

yaguar29:

А ларчик просто открывался! Спасибо!

Максим Баранник:

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

Ирина:

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

WordPresso:

Все отступы можно задать через style.css, указав параметры padding или margin для соответствующего класса

Gemantus:

спасибо за статью

Ann:

не понимаю, куда нужно вставлять [swf src=»http://www.example.com/my-flash-file.swf» width=300 height = 100] , если, к примеру, я хотела бы заменить картинку в шапке фона
#header {
width: 960px;
height: 240px;
margin: 0 auto;
background: url(images[SWF]/studio.swf, 320, 240 [/SWF]) no-repeat left top;
}
так не проходит..

WordPresso:

Шорткод в квадратных скобках вставляется непосредственно в текст самой записи.

Ann:

Я просто новичок, это первый сайт —

а если мне надо не в запись, а вместо картинки на фоне?

т. е. было

#header {
width: 960px;
height: 240px;
margin: 0 auto;
background: url(images/studio.png) no-repeat left top;
}

мне бы вместо картинки studio.png поместить флеш studio.swf

WordPresso:

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

Ann:

А если заказчик хочет, чтобы проигрывалось рекламное видео вместо логотипа, что предложить то? как пример — у вас есть бесплатный шаблон http://demo.fabthemes.com/zoren/ — вот как бы вместо верхней картинки

WordPresso:

Править файл шапки header.php и вставлять туда флеш через или

salbey:

Благодарю за полезный материал, воспользовался плагином.

Алексей:

Такая проблема, флеш вставляется, только вот его размер никак не меняется. Редактирование полей height wight ни как не помагает. Что делать?

WPcafe.org:

Это также может зависеть и от размеров и параметров самого вставляемого флеш-объекта. Посмотрите внимательно, что именно вы пытаетесь вставить.

Рикардо Алонсе:

Спасибо чувачок)

Дмитрий Нотокаев:

а как сделать так, чтобы путь к флеш ролику не был виден в коде странице…. чтобы у меня с сайта ролики не тырили

alexruban:

Все намного проще:

Как работает, смотрите здесь: http://3mu.ru/?p=2967

alexruban:

код не проходит (

alexruban:

Все намного проще:

alexruban:

Код вот:

Олег:

Здравствуйте, с кодом все понятно, а вот подскажите пожалуйста как все таки загрузить сам flash файл на сайт wordpress? У меня при загрузке файла через админ панель, пишет такое сообщение: «Извините, тип этого файла не разрешён из соображений безопасности.»

Николай:

На wordpress.com код html не работает — редактор оставляет только ссылку на *.swf файл.
На других площадках работает исправно.

Даша:

Здравствуйте!
Спасибо за статью) Подскажите пожалуйста что сделать чтобы .swf проигрывался по кругу. Я использовала метод с кодом.

Леонид:

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

WPcafe:

Залейте через FTP доступ.

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