AEM Complete Newsroom & Calendar Guide. Version 1 January, 2016

Transcription

1 AEM Complete Newsroom & Calendar Guide Version 1 January,

2 Contents The News Room Adding a Newsroom... 3 The News Room Adding a Newsroom Archive Page... 5 The News Room Adding News Article Pages... 6 Adding an RSS Feed Setting up Your RSS Feed Setting Up an Event Calendar Adding a Full Calendar Component to Your Page Creating Event Pages/Getting Content into Your Calendar

3 The News Room Adding a Newsroom First navigate to the parent page that your newsroom will live under and highlight in the left column. In most cases your new Newsroom will live under your agency homepage but it can be placed wherever you like to begin: With the parent page highlighted, click on the New button at the top of the right column and select New Page. In the new dialogue box that pops up set your Title in the field (usually Newsroom) and select the Content Template. Click Create when you are ready. 3

4 You will now see the page titled Newsroom (or whatever title you gave it) in the right column as well as below its parent page in the left column: Double click on your new Newsroom page name in the right column to get started on setting up the page. Once you are in the new page you will begin by dragging the News List component from your sidekick into the Drag Components or Assets here section of the page. Once it is placed, you will see the default News List Title as well as a message that says Latest News Not found: Now we will configure the settings for the News List component. Begin by clicking on Edit in the gray bar of the News List Component. You will see a new dialogue box appear that allows you to customize your News List and begin accepting feeds: Title The Title for the News List. News Archive Label- The name of the archive list that will appear once news is archived. News Archive Year Limit Set how many years back you would like the archive to go (if applicable). Start Path by default this will go to the current newsroom page on your site. If you want to point it to another agency or path that can be set here. News Articles Per Page - How many articles you would like to appear Current News - Check this box to display only current unarchived news in the feed. 4

5 Once you set the properties for the News List Component up, select Ok to save the changes. The screen will refresh. Now it is time to setup your first archive year page under your Newsroom. Every year it is a best practice to create an archive year newsroom page under your main newsroom. To do this, select your agency Newsroom page as your parent page in the left column and click New>New Page. Simply title the new page the current year (i.e. 2016) and click Create: The News Room Adding a Newsroom Archive Page Your new 2016 (or whatever year it is when you are reading this) page will appear as a child page under your newsroom and show up in the right column when you highlight the Newsroom parent page: 5

6 Open up the Archive Page you just created, and just like you did in the Newsroom add the News List Component into the content area from your sidekick. The path will automatically apply itself to ONLY this archive page so the only thing you need to do is change the title. You can call this News List something like News Click Ok when you are done and the archive page is ready to go. The News Room Adding News Article Pages In general, news is found under the Newsroom section of your site from the AEM Website Tree View. The news under each news room is divided by year for archiving purposes. When a new year begins you will need to create a new year page (see previous section) with a content template that will act as the parent page for all of your news articles. Below is an example of a common newsroom structure: 6

7 You can see here that the Office of the Clerk and Recorder has a 2015 and 2013 news room. To add a NEW News Article here (assuming it is still 2015), the author would select the 2015 page as the parent to show all the articles that live under the current year: With the current (2015 in this example) year highlighted in the left column, simply click New at the top of the right column to create a new page. From here set your Title (this is the Title that will appear on your news article). If your title is extra-long, use the Name field below to create a shorter URL as shown in the example below, otherwise leave the Name field blank and it will make a URL based off the article title. Select the News Article Template and click create. The News List and RSS Feed will only feed pages with the News Article Template applied 7

8 Your New News page should appear at the bottom of the list. Double or right click on the page name to begin editing. Once you open the page you will notice your Article Title is set and you will see a warning to set the Tags (more on that in a minute). For now use the sidekick and navigate to the Page tab and click on Page Properties to get started. Once you click on Properties, you will see a new window. The only two tabs we will work with are Basic and Denver News. Starting in the Basic tab there are just a few steps to remember Title If you need to you can change the title here, otherwise just leave it alone. 8

9 Tags/Keywords Navigate to the Portals tab and find your site from the dropdown. You will see a list of tags here (we can add more if you need them). Simply click on the name of the tag to add it. Click on the + to navigate to the tags, and click on the tag folder to add it to the Tags/Keyword section. Click off the screen to exit the tag navigation. On/Off Time This is only used if you want the article to appear at a VERY specific time of the day (like 2 AM on a Sunday). Otherwise just use the Posted On Date later in the Denver News tab. And that is all you need for the Basic tab. Next we move onto the Denver News Tab. 9

10 Denver News Tab Overview Posted on sets the date the article will post. Archive On is defaulted to 90 days from the posted on date. You can choose a different date here or ignore to leave at default. You can put a Thumbnail image here from the DAM if you so choose, just follow the format requirements. This will show an image in the RSS feed only. Select Feature 1 or 2 ONLY if you want it to appear on the homepage. Must get approved but does so through a workflow Summary shows a summary of your article in the newsroom or RSS Feed. Click OK when you are done. You will now see your news page has a post date below the title and a tag to help categorize the story. From here you can build out the article with a Rich Text Editor Module or any other component. You can even add a video for a dynamic news experience! When you are done, don t forget to activate the page so your users can see it. Drop in an RTE or other components to start writing your article or press release. 10

11 Adding an RSS Feed From your sidekick, select the RSS Module News List and add it to your page. In many cases the RSS will automatically populate from your newsroom (if you have one). If not, click Edit on the RSS component to go into a new dialogue window. Setting up Your RSS Feed Title: Sets the Name of the RSS such as News, Announcements, etc. Number of Articles: Set how many articles you want to show Tags: Filter the RSS Feed by tags. If you want to feed tags from OTHER agencies you will need to set the tags for that agency AS WELL AS set the News Article Path to that agencies Newsroom. Summary: Turn the summary on or off for the RSS feed News Article Path: Set the path for the newsroom (or newsrooms) you want to reference. This could be any newsroom within DenverGov.org. Themes Tab Set the color of the panel at the top of your feed 11

12 A Note About News Article Paths To set a path to a newsroom, it is a best practice to choose the Newsroom page from your site as the parent path from the dropdown as shown below. 12

13 Setting Up an Event Calendar Want an easy way to add an event calendar to your site? Then the Full Calendar Component in your Sidekick is the way to go! There are two ways to add an event calendar to your agency site. The first is to create a page that hosts the calendar on your site. Simply select the parent page of where you want the calendar page to live under from the left column and click create. Give it a title like Event Calendar then click Create: You will now see your new Event Calendar page under your main agency page (or whatever parent page you chose). Double Click on your Event Calendar page to open it and then add the Full Calendar Component (see next section). The second way to add an Event Calendar to your site is to simply add it as you would an RSS Feed. Select the Full Calendar Component and add it to any content area on an existing page on your site. You will need to configure the component as shown in the next section. 13

14 Adding a Full Calendar Component to Your Page To Add a Calendar Component to your page, select it from your SideKick and drop it into the content area. By default the Calendar pulls in any page with an Event Template (see next section for details on those), to set the calendar path to display only certain events as well as configure other options, click on the Edit button next to the Full Calendar component title at the top. You will see the new dialogue window below: Calendar Title name your calendar here or leave it to the default. Events Root Path sets the path that will display all events under the parent page. Event Tags set tags for category purposes. No Events Text set custom text when no events are found Disable Event Descriptions for event list view. Good for smaller calendars. Display Options change how the calendar displays based on your preference/calendar location. 14

15 The Search Tab under the Full Calendar Dialog will give you some options for the search bar that appears next to your calendar. Search Title Change the title of the search box. Search Button Text Change the title of the search button. Disable Search for smaller/cleaner looking calendars. Creating Event Pages/Getting Content into Your Calendar Event pages are similar to news article pages except they use the Event Template. To being, go to your website tree and find or create a parent page for your events pages to live under. If you do make a new parent page make sure you hide the page in the navigation using the Properties settings (see Sidekick/Page Creation above). As a rule of thumb much like news pages, events should live under a current year parent page as shown in the example below. The parent page can just use the content template. Note: This parent page and sub-event pages will be the path you set in the Calendar Module s Events Root Path shown in the previous section. Parent Page (uses Content template) Event Pages (uses Event template) 15

16 After highlighting the parent page in the left column of the AEM Websites tab, select the New button at the top left of the right hand column to see a new window pop up: In this window you can begin to create your event page. Type in a Title of your event (this is the title that will appear at the top of the page). By default this will also be the Name (or url of your page). For example here the Title will be Test Event and the Name will be Test-Event. You can change the name if you want something shorter or leave it to default to the title. After that, select the Event template and click Create. Double Click or Right Click>Open on your new page in the list to open the page and begin editing. You should see a page like this: 16

17 Great! Now what? The first thing we want to do is setup the page Properties from your sidekick. Select the Page Tab from the sidekick and then click on properties to see the following window: From here you can change or update the Title of the event and set your Tags to help categorize the event for search purposes. To set a tag select the dropdown arrow and navigate to your site from the Portals tab. Then simply click on the Tag Folder you want to activate the tag(s) you think are relevant. 17

18 After you are satisfied with your tagging efforts, click on the Denver Event tab from the same window to finish setting your properties as shown below: Set Start/End Dates and Times Add Event Image (Optional Show the Event Address Enter a Website URL for the Event Check to Display Map (must set location below) Location for Map to Display (for example Denver Civic Center Park) When you are done Click OK to save your changes. Summary - type in a brief summary to display in the Calendar List view. 18

19 You will now see all of the properties applied to your page: From here you can add content and components as usual if needed such as RTEs, images, or even videos. Activate the page when you are done and check your Calendar component to see how the event looks: 19