Tutorial: Displaying blog posts on the front page
You can customize the appearance of the front page of your Developer Portal to display recent blog posts. You might use the blog posts to provide your users with information, such as service availability or marketing campaigns.
Before you begin
You must have a Developer Portal enabled, and you must have administrator access to complete this tutorial. The tutorial Creating the Portal explains how to enable the portal if you have not already done so.About this tutorial
In this task, you create a view, customize that view to show blog posts, then embed that view on the front page of your Developer Portal site.
Before you begin, the front page looks like this:
This tutorial takes you through the following steps:
Create a view
- Log in to your Developer Portal as an administrator.
- If the administrator dashboard isn’t displayed, click Manage to display it.
- Navigate to .
- In the
View name
block, enter a name for your view, for example Recent Blog posts. - Under
VIEW SETTINGS
, showContent
of typeBlog Post
sorted byNewest first
. - Check
Create a block
inBLOCK SETTINGS
, and choose the number of blog posts that you want to be displayed. - Click Save and edit.
Customize the view
You are now on the page where you can edit your view.
Embed the view on the front page of your Developer Portal
- If the administrator dashboard isn’t displayed, click Manage to display it.
- Navigate to .
- Click
Edit
on the welcome page. - Click
Panels
, thenContent
. - Click +Add new block.
- Select your new block, which is under
LISTS(VIEWS)
. - Select the number of
Items per block
, then click Add block. - You can now rearrange your view to be where you would like it on the front page.
- Click Update and save.
What you did in this tutorial
You can check that the view you created appears on the front page of your site page.
What to do next
You can edit your view at any time by navigating to
and selecting your view by its name. You can also modify or delete the view's layout on the front page by navigating back to the layout section of your page under .