Wie du beim Flarum-Forum das Dailymotion-Widget in statische Seite einbetten kannst

Wie du beim Flarum-Forum das Dailymotion-Widget in statische Seite einbetten kannst

Hallo lieber Blogleser! Mit Flarum-Forum unter http://flarum.internetblogger.de mache ich weiterhin einiges, indem es stets neu bepostet wird. Aber dann fragte ich mich aus dem Anlass des neuen Dailymotion-Video-Kanals heraus, wie ich das Dailymotion-Video-Widget in eine Flarum-Page einbetten kann.

Dass das funktionieren könnte, habe ich auch nicht angezweifelt, aber der Weg dorthin musste noch herausgefunden werden. Um dies zu erzielen, musst du als Erstes die Flarum-Erweiterung Pages installieren. Dazu steht etwas unter https://discuss.flarum.org/d/2605-pages. Diese Extension wird mittels Konsole vom Root aus mit dem SSH-Befehl installiert.

php composer.phar require sijad/flarum-ext-pages

Composer muss vorher auch installiert werden und die PHP-Erweiterung “phar” soll dein Server bzw. Shared Webhosting besitzen. Andernfalls kann dir der Server-Support da sicherlich etwas helfen, um die phar-Erweiterung zum Laufen zu bringen.

Installiere “Pages” via Konsole, aktiviere diese Erweiterung im Flarum-Backend unter Extensions/Erweiterungen und gehe im Backend zu den Pages. Dort erstellst du eine Page namens Dailymotion und hakst bei “HTML” an, damit wir mit dem Dailymotion Embed Code arbeiten können. Der Code schaut dann in etwa dermassen aus.

flarum-pages-erstellen-editor-und-html-enabled
Flarum-Pages erstellen im Flarum-Backend. Nimm auch “html enable”.
<div class="dailymotion-widget" data-placement="xxxxxxxxxxxxxxxxxxxxxxxxxxx"></div>
<script>(function(w,d,s,u,n,e,c){w.PXLObject = n; w[n] = w[n] || function(){(w[n].q = w[n].q || []).push(arguments);};w[n].l = 1 * new Date();e = d.createElement(s); e.async = 1; e.src = u;c = d.getElementsByTagName(s)[0]; c.parentNode.insertBefore(e,c);})(window, document, "script", "//api.dmcdn.net/pxl/client.js", "pxl");</script>

Diesen Embed-Code kannst du direkt im Editor bei der Page einfügen und im Frontend wird es als Video-Widget + deine Video-Galerie angezeigt. So kannst du auch deinen Flarum-Stammlesern und Nutzern etwas fürs Visuelle anbieten. Video-Content wird von Google und Co. sehr geschätzt und ist sicherlich noch im Kommen. Ich arbeite inzwischen mit Dailymotion und Youtube-Videos, um meiner Stammleserschaft auch dieses Content-Format zu zeigen.

flarum-forum-backend-page-erstellen-unter-pages-im-backend
Neue Page im Flarum-Forum-Backend erstellen. Das wird unter “Pages” sein >> linke Seitenleiste

Nachdem du die Page “Dailymotion” erstelltest, muss es in der Header-Forum-Navigation verlinkt werden. Dazu bedienst du dich einer weiteren Flarum-Erweiterung namens Links. Sie findest du direkt im Flarum-Support-Board unter https://discuss.flarum.org/d/2230-links. Das nimmst du und installierst diese Extension vom Root aus mittels Kommandozeile. Der dafür notwendige SSH-Befehl lautet derart.

php composer.phar require sijad/flarum-ext-links

Das nimmst du und fügst in der Konsole ein und mit Enter bestätigen. Es wird promt installiert und unter Erweiterungen im Flarum-Backend musst du die Erweiterung nur noch aktivieren. Danach gehst du im Flarum-Backend zu den Links und erstellst neuen Link, in Anbetracht der vorher erstellten statischen Seite “Dailymotion”. Kopiere den Link zur Seite und nutze ihn beim Linkerstellen für die Flarum-Forum-Navigation.

So wird es im Grossen und Ganzen realisiert und deine Flarum-Navi hat die Page Dailymotion mitenthalten.

Aus dem Video-Embed-Code werden eine Dailymotion-Galerie + deine Dailymotion-Videos

So wollten wir es hinbekommen und haben es nun realisiert. Bei Fragen zu diesem Tutorial wende dich direkt darunter an mich und ich kann dir eventuell etwas helfen.

Flarum-Board ist eine sehr innovative, moderne und coole Forum-Abwechslung gegenüber PHPBB und MyBB oder SMF. Ich nutze Flarum gerne, denn es wird weiterhin weiterentwickelt und ich denke, dass wir Nutzer nach weiteren paar Jahren die erste Final-Version bekommen werden. Seien wir mal darauf gespannt.

by Alexander Liebrecht

 

 

 

Konstruktives Feedback ist gerne gesehen!

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.