How to Make a Simple Instagram Landing Page

Recently I shared some tips for how to use Instagram with your blog over on WordPress.com’s blog, The Daily Post. In the post, I mentioned keeping the link in your Instagram profile current to reflect your recent blog activity, either by linking directly to a particular post or by making an Instagram landing page to feature a customized selection of content you want people to see when they head to your blog from your Instagram profile.

Blog Bestie's How to Make a Simple Instagram Landing Page

I made my Instagram landing page on a WordPress.com site. I use sarahblackstock.me as a sort of profile/roundup of my internet life, so adding a page (/instagram) there seemed like a good fit.

Here’s how my Instagram landing page looks right now:

Blog Bestie's Instagram Landing Page Example

Swing by and take a closer look: https://sarahblackstock.me/instagram/

On my Instagram landing page, I have a quick introduction, a link to sign up for my mailing list, and then the most recent posts from my two blogs (this one and my personal blog, sarah.blog).

Details on how I configured my Instagram landing page:

The site my Instagram landing page is on is using the free Sela theme. (Find it here for WordPress.com and here for self-hosted WordPress sites.) Sela is a lovely theme made by the team at Automattic (WordPress.com), so it’s safe to use, well made, and you can get support for it.

For my page, I used CSS to hide the horizontal bar that’s usually under the title and contains the menu links. I didn’t need any for this and wanted a super minimal look. (If you use the theme for your main site, I’d keep this part!)

Then I used CSS to hide the page title so it wouldn’t say Instagram at the top for no real reason. My page is post-57, but yours will be something else. To find your selector to target the CSS for your site, go to your page in Chrome, right click and choose Inspect, then look up near the top in the body area. See page-id-57 there in the example below? That’s what you’re looking for!

Blog Bestie's How to Make a Simple Instagram Landing Page

Next I increased the font size of the text only on this particular page, which uses the .post-57 again.

Here’s the CSS I used:


/*hide menu bar navigation links*/
.main-navigation {
	display: none;
}

/* hide instagram page title */
.post-57 .entry-title {
	display: none;
}

/* adjust size of text on instagram page */
.post-57 .entry-content {
	font-size: 125%;
}

If you’re making this page on a site hosted on WordPress.com and have a Premium plan or higher, go to Customize (wordpress.com/customize) > CSS and paste the code in.

If this page will be on a self-hosted WordPress site, you’ll need a CSS editor. I recommend adding the Jetpack plugin. Once you have that, you can go to Appearance > Customize > Additional CSS and paste your code in there. Note: CSS is specific to the site, so be sure to edit the code to work for yours!

For the text on the page, I included the main text directly in the editor of the new page I created (and named Instagram).

The recent posts are displayed automatically (with the newest at the top) using the WordPress widget called (surprise!) Recent Posts. On my site in particular (using the Sela theme), I added the widget twice (for two blogs) in Widgets > First Footer Widget Area and Second Footer Widget Area. Then I set the widgets to only display on the Instagram page, not on any other page on my site. Click here to see a screenshot of how one of my widgets is configured. (I feel like widget visibility is one of the least used WordPress features and it really has some perfect uses!)

Simple enough, right?

Consider including these on your Instagram landing page:

  • a quick hello and introduction
  • links to your most recent posts
  • links to your best/most popular posts
  • a way to signup for your mailing list
  • links to your other social media accounts
  • links to your about page/more information on you

Do you have an Instagram landing page? Send me a link! I’d love to check it out. Questions? Email, tweet, comment!

Be a BFF! Subscribe for access to the BFFs-Only resource page & exclusive content 2x a month.