WordPress und Flash zusammen verwenden

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Obwohl die Erstellung einer Website, die vollständig auf Flash basiert, aus verschiedenen Gründen keine so gute Idee ist, bedeutet dies nicht, dass Sie Flash überhaupt nicht verwenden dürfen. Ich denke gerne an Flash als Gewürz. Wenn Sie hier und da einige Gewürze verwenden, kann dies den Geschmack Ihrer Website verbessern und sie für Ihre Besucher angenehmer und interaktiver machen. Wie wir alle wissen, kann es natürlich Probleme bereiten, zu viele Gewürze in unser Gericht zu geben. Daher sollte Flash in Maßen verwendet werden. Mal sehen, wie das geht.

Einführung

Das Ziel jeder Website sind Inhalte, die Menschen lesen und genießen können und die auch von Suchmaschinen und Robotern verstanden werden. Ein bisschen Flash ist also fast immer in Ordnung. Aber zu viel Flash ist für Suchmaschinen im Vergleich zu HTML weniger nützlich. Flash-Medien können überall in einem WordPress-Thema enthalten sein: in der Kopfzeile, in einem Beitrag oder einer Seite, in einer Seitenleiste oder in der Fußzeile. Es liegt ganz bei Ihnen und Ihren persönlichen Vorlieben und Bedürfnissen. Das wirklich Wichtige hier ist nicht, wo Sie es verwenden werden, sondern wie Sie es verwenden werden. Und das ist das Ziel dieses Tutorials. Um Ihnen verschiedene Möglichkeiten zum Einbetten von Flash-Medien in Ihre WordPress-basierten Websites zu zeigen und wie Sie diese Methoden ordnungsgemäß ausführen. Beginnen wir mit dem wichtigsten, das eine Basis für die anderen ist.

Schritt 1 SWFObject-Übersicht

SWFObject ist eine JavaScript-Bibliothek, die zwei optimierte Methoden zum Einbetten von SWF-Dateien in Webseiten bietet - einen Markup-basierten Ansatz und eine Methode, die auf JavaScript basiert. Es verwendet unauffälliges JavaScript, um Flash Player zu erkennen und fehlerhaften SWF-Inhalt zu vermeiden, und soll das Einbetten von SWF-Dateien so einfach wie möglich machen. Es unterstützt die Verwendung alternativer Inhalte, um Inhalte für Personen anzuzeigen, die ohne Plugins im Internet surfen, um Suchmaschinen bei der Indizierung Ihrer Inhalte zu unterstützen oder um Besucher auf die Flash Player-Downloadseite zu verweisen. All dies wird von einer kleinen JavaScript-Datei unterstützt.

SWFObject ist die beliebteste und effizienteste heute verfügbare Flash-Einbettungsmethode. Es wird häufig von hochkarätigen Websites wie YouTube, Microsoft Windows und Skype verwendet.

Schritt 2 Herunterladen von SWFObject und SWFObject Generator

Da es mühsam sein kann, herauszufinden, welches Markup und welcher JavaScript-Code verwendet werden sollen, bietet Ihnen das SWFObject einen zusätzlichen SWFObject-Generator, der diese Arbeit für Sie erledigt. Sie finden die neuesten Versionen von SWFObject und SWFObject Generator auf Google Code. Laden Sie das SWFObject und die HTML-Version des SWFObject Generator herunter. Der Hauptunterschied zwischen HTML- und AIR-Version besteht darin, dass die letzte Version über eine Funktion zum Kopieren in die Zwischenablage verfügt und Ihre HTML-Seite auf Ihrer Festplatte speichern kann.

Wenn Sie den Inhalt von swfobject_2_2.zip extrahieren, erhalten Sie einen Ordner namens swfobject, der die folgenden Dateien enthält:

expressInstall.swf - Dies enthält die Standardfunktionalität von SWFObject für Adobe Express Install.
swfobject.js - Dies ist die minimierte SWFObject 2-JavaScript-Bibliothek, die in der Produktion verwendet werden sollte.
index.html, index_dynamic.html und test.swf - diese sind als Referenztestimplementierung enthalten.
src-Ordner - hier finden Sie swfobject.js (nicht minimierte und vollständig dokumentierte SWFObject 2-JavaScript-Datei), expressInstall.fla und expressInstall.as (Quelldateien der Datei expressInstall.swf). Diese werden ausschließlich bereitgestellt, damit Entwickler den Quellcode von SWFObject studieren oder eine angepasste Version erstellen können, die ihren eigenen Anforderungen entspricht.

Sie können auch die SWF-Datei herunterladen, die wir im weiteren Verlauf des Tutorials unter Free Flash Animations verwenden werden. Benennen Sie es kurz in nosmoke.swf um.

OK. Alles ist bereit. Lassen Sie uns weitermachen.

Schritt 3 Verwenden von SWFObject und SWFObject Generator

Jetzt müssen Sie alle benötigten Dateien auf Ihren Server hochladen. Dies sind swfobject.js, expressInstall.swf und nosmoke.swf. Platzieren Sie sie in Ihrem aktiven Themenordner. In diesem Fall ist dies der siebenundzwanzig Themenordner. Wenn Sie viele .swf-Dateien haben, können Sie diese in einem Unterordner ablegen.

Gehen Sie folgendermaßen vor, um den erforderlichen Code zu erstellen und in WordPress einzufügen:

Extrahieren und öffnen Sie die Datei index.htm in swfobject_generator_1_2_html.zip
Belassen Sie für den SWFObject-Konfigurationsbereich die Standardeinstellungen für SWFObject (.js) als swfobject.js und für die Publishing-Methode als statisches Publishing. Ändern Sie die Erkennung der Flash-Version in die für Ihre Animation geeignete Version des Flash Players. Aktivieren Sie das Kontrollkästchen für Adobe Express Install und lassen Sie den Dateinamen unverändert.
Ändern Sie für den Abschnitt SWF-Definition den Namen des Flashs(.swf) in den Namen Ihrer .swf-Datei. Sie müssen einen absoluten Pfad verwenden, um auf Ihre SWF zu verweisen, keinen relativen. Sie müssen die URL Ihrer Site nicht angeben. Nur der Pfad zu Ihrer Datei, der mit / beginnt, wie dieser -(/wordpress/wp-content/themes/twentyeleven/nosmoke.swf). Die Abmessungen müssen an die Breite und Höhe Ihrer SWF-Datei angepasst werden. Die Flash-Inhalts-ID kann als Standard beibehalten werden.
Ändern Sie für den Abschnitt zur HTML-Definition nichts. Wir werden später über den alternativen Inhalt sprechen. Im letzten Schritt werden wir untersuchen, was Sie in den Bereich Alternative Inhalte aufnehmen können

Klicken Sie auf die Schaltfläche Generieren, um den erforderlichen Flash-Erkennungscode zu generieren. Anschließend müssen Sie den Code aus dem Bereich Generierte Ausgabe an die entsprechende Stelle in der von Ihnen ausgewählten Vorlage in WordPress kopieren/einfügen. Ihr Code sollte wie folgt aussehen:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
			<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
				<head>
					<title></title>
					<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
					<script type="text/javascript" src="swfobject.js"></script>
					<script type="text/javascript">
						swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
					</script>
				</head>
				<body>
					<div>
						<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="350" height="350" id="myFlashContent">
							<param name="movie" value="/wordpress/wp-content/themes/twentyeleven/nosmoke.swf" />
							<!--[if !IE]>-->
								<object type="application/x-shockwave-flash" data="/wordpress/wp-content/themes/twentyeleven/nosmoke.swf" width="350" height="350">
							<!--<![endif]-->
							<a href="http://www.adobe.com/go/getflashplayer">
								<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
							</a>
							<!--[if !IE]>-->
								</object>
							<!--<![endif]-->
						</object>
					</div>
				</body>
			</html>

Wählen Sie das <div>-Tag im Hauptteil des Codes aus. Alles von <div> bis </div> wird ausgewählt. Kopieren Sie es.

			<div>
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="350" height="350" id="myFlashContent">
					<param name="movie" value="/wordpress/wp-content/themes/twentyeleven/nosmoke.swf" />
					<!--[if !IE]>-->
						<object type="application/x-shockwave-flash" data="/wordpress/wp-content/themes/twentyeleven/nosmoke.swf" width="350" height="350">
					<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
					<!--[if !IE]>-->
						</object>
					<!--<![endif]-->
				</object>
			</div>

Klicken Sie in der Seitenleiste Ihres WordPress-Dashboards auf den Pfeil rechts neben Aussehen. Klicken Sie dann auf Editor.
Auf der rechten Seite des Bildschirms haben Sie jetzt eine Liste aller Vorlagen, die sich im Stammverzeichnis des Themenordners befinden. Klicken Sie auf den Titel der gewünschten .php-Datei (in diesem Fall footer.php). Dies lädt es in den Theme Editor.
Fügen Sie den vom Codegenerator kopierten Code in die entsprechende Vorlagendatei ein. In diesem Beispiel direkt über dem </footer>-Tag in der Vorlage footer.php.

Wählen Sie für den Kopfinhalt Folgendes aus und kopieren Sie es:

1	<script type="text/javascript" src="swfobject.js"></script>
2	<script type="text/javascript">
3	swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
4	</script>

Öffnen Sie in WordPress die Datei header.php, indem Sie auf Darstellung > Editor > header.php klicken. Fügen Sie den ausgewählten Text in den Kopfbereich über dem </head>-Tag ein.

Der Codegenerator erstellt den Code für Sie basierend auf den von Ihnen getroffenen Entscheidungen. Es generiert den Code innerhalb der Grundstruktur einer HTML-Seite. Der generierte Code entspricht den Webstandards und unterstützt die Einbindung alternativer Inhalte. Die JavaScript-Elemente im Abschnitt <head> der von .html generierten HTML-Ausgabe greifen auf die Datei swfobject.js zu. Dies ist eine JavaScript-Bibliothek, die für die Erkennung der Flash Player-Version erforderlich ist. Die JavaScript-Elemente registrieren auch Ihre .swf-Datei in der Bibliothek und teilen ihr mit, welche Version des Flash Players benötigt wird. Im Hauptteil des Dokuments wird ein <div>-Tag erstellt, das die Objekt-/ verschachtelten Objektinformationen/ -methode enthält, die festlegen, welche .swf-Datei abgespielt werden soll, welche Breite und Höhe sie aufweist und welchen alternativen Inhalt angezeigt werden soll, wenn die Die entsprechende Flash Player-Version wurde nicht gefunden. Beachten Sie, dass eine spezielle Codierung verwendet wird, um die Anforderungen von Internet Explorer zu berücksichtigen, z. B.: .

Jetzt wird auf jeder Seite unter der Fußzeile die Animation nosmoke.swf angezeigt. Natürlich ist dies ein Dummy-Beispiel, aber ich verwende es nur zu Präsentationszwecken, weil es schneller und einfacher gemacht werden kann. Natürlich müssen Sie einige Stilregeln hinzufügen, um ein besseres Erscheinungsbild zu erzielen. Sie werden sehen, wie bald.

Schritt 4 Erläuterung der SWFObject-Konfiguration

Static vs. Dynamic Publishing

Static Publishing verwendet Markup, um sowohl SWF-Inhalte als auch alternative Inhalte einzubetten, und verwendet unauffälliges JavaScript, um eine Reihe von Problemen zu lösen, die mit Markup allein nicht gelöst werden können. Es fördert das eigentliche Verfassen von standardkonformem Markup und wird daher insbesondere Entwickler von Webstandards ansprechen. Dieser Mechanismus zum Einbetten von Flash-Inhalten basiert nicht auf einer Skriptsprache, sodass Ihre Flash-Inhalte ein wesentlich größeres Publikum erreichen können. Wenn Sie das Flash-Plug-In installiert haben, aber JavaScript deaktiviert haben oder einen Browser verwenden, der JavaScript nicht unterstützt, können Sie Ihren Flash-Inhalt weiterhin sehen.

Dynamic Publishing verwendet Markup, um nur alternative Inhalte zu definieren, und verwendet unauffälliges JavaScript, um dieses durch SWF zu ersetzen, wenn die minimale Flash Player-Version installiert ist und ausreichende JavaScript-Unterstützung verfügbar ist. Dynamisches Publizieren ist weniger ausführlich als Static Publishing und lässt sich sehr gut in Skriptanwendungen integrieren. Wenn Sie das Flash-Plug-In installiert haben, JavaScript jedoch deaktiviert haben oder einen Browser verwenden, der JavaScript nicht unterstützt, wird anstelle Ihres eingebetteten Flash-Inhalts der alternative Inhalt angezeigt.

Sie müssen entscheiden, welche Lösung für Sie die bessere ist, abhängig von Ihren Zielen und Bedürfnissen.

Verwenden der Adobe Express-Installation

Adobe Express Install ist ein in Flash Player integrierter Mechanismus, mit dem Sie die neueste Version des Flash-Plug-Ins direkt herunterladen können, ohne zur Adobe-Website navigieren zu müssen. Die Express-Installation ist eine optionale Funktion für Webautoren und zeigt ein standardisiertes Download-Dialogfeld an, wenn ein Besucher Flash Player 6.0.65 oder höher bereits auf Win- oder Mac-Plattformen installiert hat, jedoch eine spätere Plug-In-Version erforderlich ist. Express Install verwendet ein Popup-Bestätigungsfenster und ist daher eine optionale Funktion, die von Webautoren aktiviert werden kann. Wenn Sie auf Ja klicken, öffnet Express Install ein Download-Dialogfeld mit der Aufforderung, alle Browserfenster zu schließen. Nach der Installation von Flash Player wird Ihr Browserfenster erneut geöffnet und Sie werden zu der Seite weitergeleitet, auf der die Express-Installation initiiert wurde. Wenn Sie auf Nein klicken, kehrt SWFObject zum alternativen Inhalt zurück.

Sie können die Express-Installation aktivieren, indem Sie das Kontrollkästchen Adobe Express-Installation aktivieren und bei Bedarf den Pfad zur Datei expressInstall.swf anpassen. Um zu testen, ob diese Funktion funktioniert, und um sie in Aktion zu sehen, führen Sie einfach diesen kleinen Trick aus: Ändern Sie die erforderliche Flash-Version in eine größere Version als die neueste Flash Player-Version (z. B. 14.0.0). Und Sie erhalten dieses Ergebnis:

Die Meldung weist Sie darauf hin, dass für den Inhalt Adobe Flash Player 11.1 erforderlich ist, da dies(derzeit) die neueste Version des Plugins ist und Version 14.0 noch nicht vorhanden ist.

Schritt 5 SWFObject Definition erklärt

In SWFObject Generator finden Sie eine Reihe zusätzlicher Attribute und Parameter, die Ihnen zur Verfügung stehen. Sie sind standardmäßig ausgeblendet. Um Zugriff auf sie zu erhalten, klicken Sie einfach unten im SWF-Definitionsbereich auf "Mehr". Danach sollten Sie Folgendes sehen:

Abhängig von Ihren hier getroffenen Entscheidungen verhält sich Ihr Flash-Inhalt anders und sieht anders aus. Bewegen Sie den Mauszeiger über den Namen eines bestimmten Attributs oder Parameters.

Das Attribut name ist nützlich, wenn Sie Ihren Flash-Film mithilfe der Skriptsprache referenzieren müssen. Wie ich bereits sagte, müssen Sie Ihren Flash-Inhalten möglicherweise zusätzliches Styling hinzufügen. Fügen Sie dazu einfach einen Wert für das Klassenattribut hinzu, z. B. "flashmovie". Diese Klasse wird dem Objekt-Tag-Element in Ihrem generierten Code hinzugefügt. Jetzt müssen Sie nur noch die folgende Stilregel in Ihr Design-Stylesheet einfügen:

1	object.flashmovie {
2	//your css code here
3	}

Schritt 6 Verwenden des eingebetteten SWF-Online-Generators

Es gibt eine andere einfache Möglichkeit, den erforderlichen Erkennungscode zu erhalten - mithilfe eines Online-Generators. Eine gute finden Sie unter embedded-swf.org. Es basiert auf SWFObject HTML und JavaScript Generator. Gehen Sie zur Verarbeitung folgendermaßen vor:

Öffnen Sie den Konfigurator. Die Oberfläche ist in fünf Registerkarten unterteilt.
Geben Sie die gewünschten Parameter in jede Registerkarte ein
Klicken Sie auf die Registerkarte Exportieren. Hier können Sie eine Exportvorlage auswählen. Wenn Sie Ihre eigene HTML-Vorlage verwenden möchten, wählen Sie Benutzerdefiniert. Überprüfen Sie die Dokumentation, um zu erfahren, wie Sie eine erstellen.
Klicken Sie nun auf Show HTML Code. Ihr HTML-Code wird angezeigt. Klicken Sie auf Herunterladen, um die Datei auf Ihrer Festplatte zu speichern.

Bei Bedarf können Sie die Standardeinstellungen jederzeit wiederherstellen, indem Sie auf den Link in der oberen linken Ecke klicken. Sie haben auch die Möglichkeit, gespeicherte Einstellungen zur einfachen Wiederverwendung zu exportieren/importieren.

Sie müssen sich keine Sorgen um die Datei swfobject.js machen. Belassen Sie einfach die Standardoption für das SWFObject, das die von Google gehostete Datei swfobject.js verwendet.

Schritt 7 Verwenden von Kimili Flash Embed

Laut seiner Website ist Kimili Flash Embed:

... ein Plugin für beliebte Open Source-Blogging-Systeme, mit dem Sie Flash-Filme einfach auf Ihrer Website platzieren können. Aufbauend auf dem SWFObject-JavaScript-Code ist es standardkonform, suchmaschinenfreundlich, hochflexibel und voll funktionsfähig sowie einfach zu bedienen.

Die Installation des Plugins ist einfach:

Erweitern Sie in Ihrem Dashboard das Menü Plugins und klicken Sie auf Neu hinzufügen
Geben Sie in der Suchleiste "Flash Embed" ein.
Wenn Sie Kimili Flash Embed sehen, klicken Sie auf Installieren
Gehen Sie nach der Installation zu Plugins und aktivieren Sie es oder klicken Sie einfach auf Jetzt aktivieren

Gehen Sie nun wie folgt vor, um Flash-Inhalte zu Ihren Posts oder Seiten hinzuzufügen:

Erstellen Sie einen neuen Beitrag/eine neue Seite oder öffnen Sie eine vorhandene
Wechseln Sie zur HTML-Ansicht
Um nun eine Flash-Animation hinzuzufügen, verwenden Sie den folgenden Shortcode und ersetzen Sie die Parameter path, y und x durch den jeweiligen Pfad, die Höhe und die Breite Ihres swf:
1

[kml_flashembed movie="/path/to/your/movie.swf" height="y" width="x" /]
Der Filmparameter ist der einzige erforderliche Parameter - Höhe und Breite sind optional. Obwohl es am effizientesten ist, die Größe Ihrer .swf-Datei während des Exports zu ändern, ändern die Parameter für Höhe und Breite die Größe einer .swf-Datei. Wenn Sie dies tun, achten Sie darauf, die Zahlen im Skalenverhältnis zu halten, um Verzerrungen zu vermeiden.

Der Kimili Flash Embed Tag Generator ist eine modifizierte Version des SWFObject 2 HTML- und JavaScript-Generators und ist eng in WordPress integriert, sodass es sehr einfach ist, KFE-Tags mit der richtigen Formatierung zu erstellen.

Hinzufügen von Flash über den KFE-Tag-Generator:

Klicken Sie auf die Schaltfläche mit dem Flash Player-Symbol, um den Tag Generator zu starten, eine assistentenähnliche Oberfläche, die Sie beim Erstellen des erforderlichen KFE-Tags unterstützt. (Sie müssen in den visuellen Modus wechseln, um ihn zu sehen.)
Ein Fenster ähnlich dem SWFObject Generator wird angezeigt
Sie müssen lediglich die erforderlichen Parameter ausfüllen und dann auf Generieren klicken

Sie können die Standardeinstellungen im Admin-Menü einrichten. Wählen Sie Einstellungen > Kimili Flash Embed.

Die Optionen hier sind ziemlich gleich, außer für JavaScript unten. Sie können die erste Option auf "Nein" ändern, wenn auf swfobject.js bereits an anderer Stelle in Ihrem Code verwiesen wird. Wenn Sie Kimili Flash Embed verwenden, um einen Verweis auf swfobject.js zu erstellen, indem Sie "Ja" aktivieren, haben Sie zwei Möglichkeiten, auf die Datei zu verweisen: Google Ajax Library oder Internal. Klicken Sie auf "Was ist das?" um zu sehen, was die Unterschiede sind. Wenn Sie fertig sind, klicken Sie auf Optionen aktualisieren.

Schritt 8 Bereitstellen von alternativen Inhalten

Heutzutage sind die führenden Suchmaschinenanbieter wie Google und Yahoo! Sie können Textinhalte und Links in SWF-Dateien indizieren, während Sie durch die Status einer Anwendung navigieren, als wären sie echte Besucher. Warum müssen Sie dann immer noch alternative Inhalte verwenden, um Suchmaschinen bei der Indizierung Ihrer Inhalte zu unterstützen? Dies hat mehrere Gründe.

Erstens ist nicht jede Suchmaschine in der Lage, Flash-Inhalte zu indizieren.
Zweitens, da eine SWF-Datei normalerweise voller Multimedia-Inhalte ist, gibt es immer noch viele Inhalte, die für Suchmaschinen unsichtbar bleiben. Sie müssen weiterhin alternative Inhalte verwenden, um Personen mit geringerer technologischer Unterstützung beschreibendes Material anzuzeigen und den Besuchern das Auffinden der Flash Player-Downloadseite zu erleichtern.
Und schließlich indizieren Suchmaschinen wahrscheinlich sowohl Flash-Inhalte als auch alternative Inhalte. Obwohl aus Sicht eines Webautors doppelte Inhalte als bewährte Methode angesehen werden, da Sie damit Webinhalte erstellen können, die für eine möglichst breite Zielgruppe zugänglich sind, bietet sie Suchmaschinenanbietern einige knifflige Herausforderungen, z. B. wie um zu entscheiden, welche Ergebnisse in ihren Suchmaschinenlisten angezeigt werden sollen. Wenn Sie suchmaschinenfreundliche Inhalte erstellen, sollten Sie diese Dualität immer berücksichtigen. Stellen Sie sicher, dass Ihr HTML-Inhalt Ihren Flash-Inhalten entspricht, und lassen Sie eine Suchmaschine entscheiden, welcher Inhalt am besten als Suchergebnis angezeigt werden kann.

Sie können beispielsweise Folgendes tun, um bessere alternative Inhalte zu erstellen:

Verwenden Sie genau die gleiche Kopie und Links wie in Ihrem Flash-Inhalt
Fügen Sie dem Flash-Inhalt Bilder und Textbeschreibungen hinzu
Fügen Sie eine Kopie hinzu, um zu erklären, wo Flash Player heruntergeladen werden kann
Fügen Sie CSS hinzu, um Ihren HTML-Code zu formatieren und zu positionieren, um die visuelle Identität der Webseite zu erhalten.

Standardmäßig veröffentlicht SWFObject 2 Generator den folgenden alternativen Inhalt:

1	<a href="http://www.adobe.com/go/getflashplayer">
2	<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
3	</a>

Dies führt zu einer Schaltfläche "Adobe Flash Player herunterladen", mit der Besucher darauf hingewiesen werden, wo sie das Plugin herunterladen können. Um dies zu testen, müssen Sie Ihr Flash Player-Plugin deaktivieren. Gehen Sie in Firefox zu Add-Ons > Plugins. Suchen Sie Shockwave Flash und klicken Sie auf "Deaktivieren". Wenn Sie die Seite neu laden, sollte Folgendes angezeigt werden:

Sie können den Standardcode durch diesen ersetzen:

1	<img src="nosmoke.jpg" alt="No Smoking Animation" />

Wenn Besucher die Seite ohne Flash-Plugins durchsuchen, wird anstelle der eigentlichen Animation ein Bild angezeigt:

Suchmaschinen und Besucher, die in einem Textbrowser oder mit deaktivierten Bildern im Internet surfen, sehen den Inhalt wie in diesem Screenshot:

Wenn Sie ein Banner mit mehreren Status haben, können Sie für jeden ein Bild erfassen und diese Bilder dann als alternativen Inhalt einfügen. Es könnte so aussehen:

Für Animationen oder Videoinhalte können Sie dasselbe Prinzip verwenden. Sie können mehrere Schlüsselbilder aufnehmen und damit den Inhalt Ihrer Animation/Ihres Videos beschreiben. Hier ist das Basisschema:

	<ol>
		<li><img src="frame1.jpg" alt="" />Descrition of frame 1</li>
		<li><img src="frame2.jpg" alt="" />Descrition of frame 2</li>
		<li><img src="frame3.jpg" alt="" />Descrition of frame 3</li>
	</ol>

Personen ohne das Flash-Plug-In sehen eine Bildsequenz mit Beschreibungen, und Personen, die in einem Textbrowser oder mit deaktivierten Bildern im Internet surfen, sehen eine Reihe von Beschreibungen.

Eine andere Möglichkeit, dies zu tun, besteht darin, ein Video-Miniaturbild sowie eine Textbeschreibung des Films einzuschließen.

Sie können Ihrem alternativen Inhalt auch einige Kopierzeilen hinzufügen, um zu erklären, dass für die beabsichtigte interaktive oder audiovisuelle Benutzererfahrung die neueste Version von Flash Player mit einem Link zur Download-Seite erforderlich ist.

Möglicherweise möchten Sie auch zusätzliche Stilregeln erstellen, um sicherzustellen, dass die visuelle Identität oder das Layout einer Webseite erhalten bleibt. Stellen Sie sich alternative Inhalte als Gelegenheit vor, mit Ihrer Zielgruppe zu kommunizieren, obwohl diese möglicherweise nicht über die gezielte technologische Unterstützung verfügt.

Schlussfolgerung

Das ist es. Jetzt wissen Sie, wie Sie Flash-Inhalte einfach und richtig in Ihre WordPress-Website einbetten können. Der Inhalt kann alles sein - Animation, Anwendung, Film, Spiel und was auch immer Sie wollen und müssen. Mit ein wenig Fantasie können Sie Ihre Website einerseits wirklich cool und andererseits immer noch nützlich machen.