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

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
Теми
Уроки
Хакі

Якщо ви коли-небудь намагалися вставити Shockwave Flash файл у ваш блог на WordPress, ви знаєте, що зробити це не так просто. Крім того, якщо ви розміщуєте ваш блог на wordpress.com, то ви не зможете завантажувати flash з міркувань безпеки. Якщо у вас є свій хостинг-аккаунт, то є кілька способів, за допомогою яких ви зможете завантажувати swf файли у ваші WordPress записи. Перший варіант включає використання плагіна. Цей варіант краще, якщо ви не дуже добре звертаєтеся з кодом. Інший спосіб вимагає базових знань HTML. У цій статті ми покажемо, як вставити swf у записі WordPress за допомогою плагіна та без нього.

Метод із плагіном

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
[swf src="http://www.example.com/my-flash-file.swf" width=300 height=100]

Просто замініть атрибут SRC посиланням на ваш flash файл і змініть відповідно висота и ширина.

Як вставити об'єкт Flash SWF у WordPress запис
Завантажити Easy Flash Embed плагін ви можете тут.

Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.

Метод із кодом

Для тих, хто хоче більше контролю над кодом, ми покажемо, як вставити ваші спалах файли прямо в 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 елемента . Зовнішній елемент для Internet Explorer, тоді як внутрішній для всіх інших браузерів. Ви можете змінювати ваш альтернативний текст, якщо потрібно. Ви можете додати також інші опції , Наприклад wmode або allowScriptAccess.

PS Завжди потрібно використовувати wmode=transparentщоб вставка не перекривала існуючий контент, наприклад плаваючий блок.

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

Коментарі до запису: 31

muph:

Дякую за матеріал. Підкажіть, а чи можна зробити слайдшоу з невеликих swf?

WordPresso:

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

Netchel:

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

Alaygris:

Є проблема. swf вставлений через плагін перекриває меню, що випадає. Як бути?

WordPresso:

На жаль, це відома проблема flash. Будь-який флеш об'єкт перекриває поверх інший контент. Потрібно грати з розміщенням елементів так, щоб вони не заважали один одному.

Олександр:

Дякуємо!
Дуже допомогло!

ягуар29:

А скринька просто відкривалася! Дякую!

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

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

Ірина:

Допоможіть мудрою порадою. Я хочу поставити флеш банер у правій колонці, але з відступом від краю, як прописати потрібний мені відступ? Дякую

WordPresso:

Всі відступи можна встановити через style.css, вказавши параметри padding або margin для відповідного класу

Gemantus:

дякую за статтю

Енн:

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

WordPresso:

Шорткод у квадратних дужках вставляється безпосередньо у текст самого запису.

Енн:

Я просто новачок, це перший сайт.

а якщо мені треба не в запис, а замість картинки на фоні?

тобто було

#header {
width: 960px;
height: 240px;
запас: 0 авто;
background: url(images/studio.png) no-repeat left top;
}

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

WordPresso:

просто так флеш-об'єкти не вставляються шляхом заміни імені файлу. Саме цьому і присвячений цей урок. Раджу вам відмовитись від цієї витівки, т.к. флешові елементи вже не популярні та не відображаються в мобільних браузерах.

Енн:

А якщо замовник хоче, щоб відтворювалося рекламне відео замість логотипу, що запропонувати щось? як приклад - у вас є безкоштовний шаблон http://demo.fabthemes.com/zoren/ - ось як би замість верхньої картинки

WordPresso:

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

salbey:

Дякую за корисний матеріал, скористався плагіном.

Олексій:

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

WPcafe.org:

Це також може залежати і від розмірів і параметрів флеш-об'єкта, що вставляється. Подивіться уважно, що ви намагаєтеся вставити.

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

Дякую чувачок)

Дмитро Нотокаєв:

а як зробити так, щоб шлях до флеш ролика не було видно в коді сторінки. щоб у мене з сайту ролики не тирали

alexruban:

Все набагато простіше:

Як працює, дивіться тут: http://3mu.ru/?p=2967

alexruban:

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

alexruban:

Все набагато простіше:

Олег:

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

Микола:

На wordpress.com код html не працює – редактор залишає лише посилання на *.swf файл.
На інших майданчиках працює справно.

Даша:

Доброго дня!
Дякую за статтю) Підкажіть будь ласка що зробити щоб .swf програвався по колу. Я використовувала метод із кодом.

Леонід:

Це звичайно ж добре, але ось курйоз , файл у мене на комп'ютері, і у зв'язку з тим, що wp не дозволяє завантажити його на сайт з якихось там незрозумілих причин. Виникає питання, а яким чином мені залити його на сайт у такому разі?

WPcafe:

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

Додати коментар або відгук