Якщо ви коли-небудь намагалися вставити Shockwave Flash файл у ваш блог на WordPress, ви знаєте, що зробити це не так просто. Крім того, якщо ви розміщуєте ваш блог на wordpress.com, то ви не зможете завантажувати flash з міркувань безпеки. Якщо у вас є свій хостинг-аккаунт, то є кілька способів, за допомогою яких ви зможете завантажувати swf файли у ваші WordPress записи. Перший варіант включає використання плагіна. Цей варіант краще, якщо ви не дуже добре звертаєтеся з кодом. Інший спосіб вимагає базових знань HTML. У цій статті ми покажемо, як вставити swf у записі WordPress за допомогою плагіна та без нього.
Метод із плагіном
Для початку вам потрібно завантажити та встановити Easy Flash Embed для WordPress. Цей плагін настільки простий, що в меню адміністратора навіть не додається жодних налаштувань. Все, що вам потрібно, це використовувати шорткод при створенні записів, ось так:
[swf src="http://www.example.com/my-flash-file.swf" width=300 height=100]
Просто замініть атрибут SRC посиланням на ваш flash файл і змініть відповідно висота и ширина.
Завантажити 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щоб вставка не перекривала існуючий контент, наприклад плаваючий блок.
Коментарі до запису: 31
Дякую за матеріал. Підкажіть, а чи можна зробити слайдшоу з невеликих swf?
Можна, але за допомогою сторонніх плагінів. Або ж вручну через код.
Дякую за статтю, вирішив скористатися вашою порадою «метод із плагіном» WP-SWFObject.
Результат можете подивитися на
Є проблема. swf вставлений через плагін перекриває меню, що випадає. Як бути?
На жаль, це відома проблема flash. Будь-який флеш об'єкт перекриває поверх інший контент. Потрібно грати з розміщенням елементів так, щоб вони не заважали один одному.
Дякуємо!
Дуже допомогло!
А скринька просто відкривалася! Дякую!
Спасибі, з плагіном простіше, але треба враховувати наявність віджетів та реклами у правій колонці, якщо розмір флешки великий. Одне на інше може наїхати.
Допоможіть мудрою порадою. Я хочу поставити флеш банер у правій колонці, але з відступом від краю, як прописати потрібний мені відступ? Дякую
Всі відступи можна встановити через style.css, вказавши параметри padding або margin для відповідного класу
дякую за статтю
не розумію, куди потрібно вставляти [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;
}
так не проходить.
Шорткод у квадратних дужках вставляється безпосередньо у текст самого запису.
Я просто новачок, це перший сайт.
а якщо мені треба не в запис, а замість картинки на фоні?
тобто було
#header {
width: 960px;
height: 240px;
запас: 0 авто;
background: url(images/studio.png) no-repeat left top;
}
мені б замість картинки studio.png помістити флеш studio.swf
просто так флеш-об'єкти не вставляються шляхом заміни імені файлу. Саме цьому і присвячений цей урок. Раджу вам відмовитись від цієї витівки, т.к. флешові елементи вже не популярні та не відображаються в мобільних браузерах.
А якщо замовник хоче, щоб відтворювалося рекламне відео замість логотипу, що запропонувати щось? як приклад - у вас є безкоштовний шаблон http://demo.fabthemes.com/zoren/ - ось як би замість верхньої картинки
Правити файл шапки header.php і вставляти туди флеш через або
Дякую за корисний матеріал, скористався плагіном.
Така проблема, флеш вставляється, тільки його розмір ніяк не змінюється. Редагування полів height wight ніяк не допомагає. Що робити?
Це також може залежати і від розмірів і параметрів флеш-об'єкта, що вставляється. Подивіться уважно, що ви намагаєтеся вставити.
Дякую чувачок)
а як зробити так, щоб шлях до флеш ролика не було видно в коді сторінки. щоб у мене з сайту ролики не тирали
Все набагато простіше:
Як працює, дивіться тут: http://3mu.ru/?p=2967
код не проходить (
Все набагато простіше:
Код ось:
Здрастуйте, з кодом все зрозуміло, а ось підкажіть будь ласка як все ж таки завантажити сам flash файл на сайт wordpress? У мене при завантаженні файлу через адмін панель пише таке повідомлення: «Вибачте, тип цього файлу не дозволено з міркувань безпеки.»
На wordpress.com код html не працює – редактор залишає лише посилання на *.swf файл.
На інших майданчиках працює справно.
Доброго дня!
Дякую за статтю) Підкажіть будь ласка що зробити щоб .swf програвався по колу. Я використовувала метод із кодом.
Це звичайно ж добре, але ось курйоз , файл у мене на комп'ютері, і у зв'язку з тим, що wp не дозволяє завантажити його на сайт з якихось там незрозумілих причин. Виникає питання, а яким чином мені залити його на сайт у такому разі?
Залийте через FTP доступ.