How-to: Make a Social Network Landing Page

AI-generated summary

Creating a Social Network Landing Page

lisandro_iaffar shares a “how-to” on making a Social Network landing page using the Discourse publishing plugin. Initially, they tried using Woxo widgets, but found they were no longer useful. Instead, they discovered how to embed Instagram profiles in a post, which also work in published posts.

The method involves using iframe code to display Instagram profiles in a post. The code is as follows:

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

This code can be used to create a Social Network landing page that showcases multiple Instagram profiles.

Hello! This is a little “how-to” that I hope some might find useful.

I’m using discourse publishing plugin to make a sort of landing web for one of the “sub-forums” within the main forum I host, and in one section I wanted to make a Social Network landing page, to showcase all social networks related to said sub-forum. I had first tried to do that by using Woxo widgets, for which Johani (from Discourse community) very kindly provided the complete script to make it work in a post. While Johani procedure is thankfully still useful for other stuff, Woxo widgets are not useful anymore, and they never worked in a published post.

So I almost accidentally found how to embedd instagram profiles in a post, which nicely show up in a published post too! I’m saying “accidentally” because I found this nowhere, so hopefully this might help someone out there.

So, the code looks as follows:

| | |
|:-:|:-:|
| <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>

And in a published page the output looks like this:

5 Likes