So machen Sie Ihre Videos mit FitVids ansprechend in WordPress

Wenn Sie ein Video in WordPress einbetten, reagieren diese Videos standardmäßig nicht. Mit dem Aufkommen ansprechender WordPress-Themes sehen Benutzer, die Ihre Website auf kleineren Bildschirmen besuchen, Videocontainer, die gestreckt und unverhältnismäßig sind. In diesem Artikel zeigen wir Ihnen, wie Sie Ihre Videos mit FitVids in WordPress ansprechbar machen.

FitVids ist ein jQuery-Plugin, mit dem Sie Ihre Videos einbetten können. Wenn Sie es auf Ihrer WordPress-Site verwenden möchten, müssen Sie lediglich das FitVids for WordPress-Plugin installieren und aktivieren. Nach der Aktivierung müssen Sie zu gehen Aussehen »FitVids und geben Sie eine CSS-Selektor-Klasse ein. WordPress fügt automatisch hinzu .Post Klasse zu den Artikeln, so können Sie das einfach verwenden.

Speichern Sie Ihre Änderungen und zeigen Sie eine Vorschau Ihrer Website an. Sie müssen die Größe des Browser-Bildschirms ändern, damit Videos entsprechend angepasst werden.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Fügen Sie manuell FitVids hinzu, um Ihre Videos in WordPress ansprechend zu gestalten

Wenn Sie das Plugin FitVids für WordPress nicht installieren möchten, können Sie das Plugin FitVids jQuery manuell hinzufügen. Zuerst müssen Sie das FitVids jQuery-Plugin auf Ihren Computer herunterladen und entpacken. Nun müssen Sie das Extrahierte hochladen FitVids.js-master Ordner in das js-Verzeichnis Ihres Themas.

Sie müssen über einen FTP-Client wie Filezilla eine Verbindung zu Ihrer Website herstellen und Ihr Designverzeichnis öffnen. Es ist möglich, dass Ihr WordPress-Theme möglicherweise keinen Ordner "js" hat. Wenn dies nicht der Fall ist, müssen Sie einen erstellen und anschließend den Ordner FitVids.js-master von Ihrem Computer hochladen.

Im Ordner js müssen Sie eine neue Datei erstellen und benennen FitVids.js. Bearbeiten Sie diese Datei und fügen Sie diesen Code ein.

 (function ($) $ (document) .ready (function () // Richten Sie Ihre .container, .wrapper, .post usw. ein. $ (". post"). fitVids (););) () jQuery); 

Der obige Code weist FitVids an, nach zu suchen .Post CSS-Selektor-Klasse Nun, da Sie FitVids vorbereitet haben, ist es an der Zeit, Javascripts ordnungsgemäß in Ihr WordPress-Design einzufügen.

Kopieren Sie einfach den folgenden Code und fügen Sie ihn in Ihr Theme ein Functions.php Datei:

 wp_enqueue_script ('fitvids', get_template_directory_uri (). '/js/FitVids.js-master/jquery.fitvids.js', array ('jquery'), ", TRUE); . '/js/FitVids.js', array (), ", TRUE); 

Sobald Sie das getan haben, sind Sie fertig. Sie haben Ihre WordPress-Videos erfolgreich ansprechbar gemacht.

Wir hoffen, dass Sie diesen Artikel nützlich fanden. Für Feedback und Fragen können Sie gerne einen Kommentar hinterlassen oder uns auf Twitter und Google beitreten+.