Anleitung: Erstellen Sie eine Landing Page für ein soziales Netzwerk

Hallo! Dies ist eine kleine „Anleitung“, die hoffentlich einigen nützlich sein wird.

Ich verwende das Discourse Publishing Plugin, um eine Art Landingpage für eines der „Unterforen“ innerhalb des Hauptforums, das ich hoste, zu erstellen. In einem Abschnitt wollte ich eine Social-Media-Landingpage erstellen, um alle sozialen Netzwerke anzuzeigen, die sich auf das betreffende Unterforum beziehen. Ich hatte zuerst versucht, dies mit Woxo-Widgets zu tun, wofür Johani (aus der Discourse-Community) mir freundlicherweise das vollständige Skript zur Verfügung gestellt hat, um es in einem Beitrag funktionsfähig zu machen. Während Johani’s Vorgehensweise glücklicherweise immer noch für andere Dinge nützlich ist, sind Woxo-Widgets nicht mehr nützlich und haben in einem veröffentlichten Beitrag nie funktioniert.

Also habe ich fast zufällig herausgefunden, wie man Instagram-Profile in einem Beitrag einbettet, was auch in einem veröffentlichten Beitrag gut angezeigt wird! Ich sage „zufällig“, weil ich dies nirgendwo gefunden habe, also hoffe ich, dass dies jemandem da draußen helfen könnte.

Der Code sieht wie folgt aus:

| | |
|:-:|:-:|
| <iframe width="320" height="355" src="https://www.instagram.com/lalibertadavanza.pd.cba/embed/" frameborder="0" scrolling="no" style="overflow: hidden;"></iframe> | <iframe width="320" height="355" src="https://www.instagram.com/jpdbaires/embed/" frameborder="0" scrolling="no" style="overflow: hidden;"></iframe>

Und auf einer veröffentlichten Seite sieht die Ausgabe so aus:

5 „Gefällt mir“