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

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
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 файл і змініть відповідно 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.

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 доступ.

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