Transcript Document

Homepage Layout
Management
Note:
This is our last Core Publisher training in the series!
You will be checking in with your Station Relations Support
Manager this week to finish up your set up tasks and
schedule your site launch.
Using the River of News
Homepage Layout
What is the River of News Homepage?
The River of News is a
layout style that
focuses on your
recent news posts,
which are displayed
in a blog style news
river.
4
What is the River of News Homepage?
Each post is displayed
in its own tile with
headline, share links,
main image and
teaser text.
5
What is the River of News Homepage?
You can use Lead
Story, Featured
Content, Sticky Strip
and Skyboxes with
the River of News
layout.
6
Managing your River of News Homepage
Your River of News homepage will have a constant stream
of news posts created by your station and from the API.
To select which posts will show up on your homepage,
check the Display in River of News checkbox under “Story
Placement” when creating the post or publishing it from
the NPR API.
7
Using the Modular Homepage
What is the Homepage Layout Manager?
The Homepage Layout Manager is a Core Publisher tool
allowing stations to create and manage their Modular
Homepage.
9
About the Homepage Layout Manager




Users with Editor and Station Admin privilege can edit
blocks, but only Station Admin have access to Layout tools
Uses drag and drop mechanism to move blocks from
Bullpen to homepage regions
Uses combination of pre-existing blocks and new content
blocks to create dynamic layout
Ability to preview and save multiple templates
10
Anatomy of the Homepage Layout Manager
11
Anatomy of the Homepage Layout Manager
Bullpen
Holding area for
all unused blocks
12
Anatomy of the Homepage Layout Manager
Template Tabs
You can have up to
five different
templates, each
represented by a
different tab.
To add a new
template, click on
the +
13
Anatomy of the Homepage Layout Manager
Layout Options
You have the
option to either:
Publish your
template
Preview it in a
new tab
Save it for Later
14
Anatomy of the Homepage Layout Manager
Each block in the
homepage layout
can be added to a
specific area of
your Homepage:
15
Anatomy of the Homepage Layout Manager
Top Content
TableQueue:
Featured Content
TableQueue: Lead
Stories
16
Anatomy of the Homepage Layout Manager
Content Left
Local News with
Images
NPR News with
Images
Program Promo
17
Anatomy of the Homepage Layout Manager
Middle Content
Announcement
Category Blocks
External RSS Block
NPR News
18
Anatomy of the Homepage Layout Manager
Content Right
Donate Your Car Link
Now Playing XML
RSS and Podcast
Links
Social Networks Links
TableQueue: People
Block
19
Layout Engine Content Blocks
Homepage Layout Manager: Top Content
The Top Content
region is located
at the top of the
homepage and
does not expand
into the right rail.
21
Homepage Layout Manager: Top Content
You can add either
Tablequeue: Featured
Content or Tablequeue:
Lead Stories to your Top
Content region.
To edit either of these
blocks, go to your Edit
Queues block.
22
Homepage Layout Manager: Content Left
The Content Left
region is located
under Top
Content. It is the
farthest left region
of your
homepage.
23
Homepage Layout Manager: Content Left
You can add Local News with Images and/or NPR News with Images to your Content
Left region.
The Local News with Images
block is a mini-river of all
posts that you publish.
Each post displays with a
headline, small teaser and
image (where applicable).
24
Homepage Layout Manager: Content Left
You can add Local News with Images and/or NPR News with Images to your Content
Left region.
The NPR News with Images
block is a mini-river
containing posts pulled
automatically from the API
throughout the day and any
posts that you publish from
the API.
Like the NPR News with
Images block, each post
displays with a headline,
small teaser and image
(where applicable).
25
Homepage Layout Manager: Content Left
You can also add the Program
Promo block to your Content
Left region.
To edit this block, go to your
Edit Queues block.
26
Homepage Layout Manager: Content Left
Check the Activate the Program Promo block before adding content to ensure that it
will display on your site. You will still have to drag the Program Promo block from the
Bullpen to the Content Left region.
27
Homepage Layout Manager: Content Left
Begin to enter the title of the program that you want to add and select it from the
autocomplete dropdown menu. This will automatically pull the program description
and image from the Program Page. Check the Display check box.
28
Homepage Layout Manager: Content Left
Check the Show latest
headlines box to
display the three last
posts tagged with the
selected program.
You can hide the
program image if
you don’t have one
for the program.
Hit the Select
media button to
upload a new
image or logo for
the program.
29
Homepage Layout Manager: Content Left
Similar to other tablequeues in Core Publisher, you can add more rows by changing
the Queue Settings. You can also drag and drop the programs into a different order
using the crossed arrows.
30
Homepage Layout Manager: Content Left
When there is only one program in the Program Promo
block the title of the block is Featured Program. However,
when there are multiple programs, the title is Featured
Programs and there is a “Next Program” link for people to
click through all of your added programs.
31
Homepage Layout Manager: Middle Content
The Middle Content
region is also located
under Top Content. It is
the center region of
your homepage.
32
Homepage Layout Manager: Middle Content
Add the Announcement block
to your homepage to
promote an event, pledge
drive or other initiative.
33
Homepage Layout Manager: Middle Content
Note: None of these fields are required, so
only fill in desired fields.
The Title will be displayed at the title of
the block.
The Text is displayed as smaller, plain text.
34
Homepage Layout Manager: Middle Content
If you add an image to the Announcement
block, it will be automatically cropped to
fit.
35
Homepage Layout Manager: Middle Content
Set your Link target to a page that people
can go to for more information. The Title,
Image and User Action will all navigate to
this link.
The User Action is a call to action, like
“Learn more” or “Support us today!”
36
Homepage Layout Manager: Middle Content
Each Category that you have
created will have a block in the
Bullpen. You can add these to the
Middle Content, which will display
a block of the five most recent
stories tagged with that Category.
37
Homepage Layout Manager: Middle Content
The External RSS Block allows you to pull
content from an external RSS feed into a
block on your homepage.
38
Homepage Layout Manager: Middle Content
Enter the Title of the block, the RSS URL that you want to use and select the number
of items from the feed that you want to display using the RSS Items dropdown.
39
Homepage Layout Manager: Middle Content
You can also add a NPR News
block to the right rail. This
block will display the latest
posts from the API with a title
and mini teaser.
40
Homepage Layout Manager: Content Right
Content Right refers to
your right rail. You can
drag and drop your ad
spaces, Now Playing
block, People block and
other elements into the
desired order in the
Layout Engine admin.
41
For assistance with Core Publisher



Reach our support team:
http://info.ds.npr.org//support.html
Visit our help blog:
http://core.digitalservices.npr.org/help-and-how-tos/
Emergencies: http://info.ds.npr.org//support.html
42