Connect Article Page
This component creates a Connect Article Page.
Adding a New Connect Article Page using the Experience Editor
To add a Connect Article Page using the Experience Editor, open the Connect Homepage in the Experience Editor. Click on the Home tab of the Editor Ribbon, then click the Insert page button. A modal will open.
Select the Connect Article Page item, then enter the Title of the article in the name field and click OK.
NOTE: Your page will be created, but an error will display because your Connect Article is missing data in the required fields. You must edit the details of your new Connect Article Page in the Content Editor first.
Editing a Connect Article in the Experience Editor
Once you have filled out all the required fields, your article will be ready for editing in the Experience Editor.
Use the Content Placeholder to add article text with a Content Component, or any other components that can be found in the One Column Content placeholder (Content Wrapper).
Editing the completed Connect Article required fields in the Experience Editor
To edit the Background Image: Click on the image placeholder and the Editor Ribbon will appear. Click on the first image icon to open the Media Library modal and choose an image.
To edit the Date: Click on the date and an Editor Ribbon will appear.
Click the calendar icon to open the date picker and choose a different date. NOTE: If you choose a different month/year, the item will move to the corresponding month/year folder for the new date.
To edit the Category: Click on the Change link and an Editor Modal will open.
Select the Category from the drop-down menu and click OK.
To edit the Learn More Text: Click inside the placeholder text and start typing.
The four items after the pencil give you basic editing functions for use right on the Experience Editor: Bold, Italic, Underline, and Link. Clicking on the Pencil icon will open a modal with the Rich Text Editor, giving you access to additional functionality including a WYSIWYG Design view, and an HTML view.
To edit the Learn More Button: Click inside the placeholder text to open the Editor Ribbon, then click on the link icon to open the link editor modal.
Choose the type of link you want, and fill in the URL field. Put the button text inside the Link Description field, and click OK.
To edit the Tag(s): Click on the Edit link and an Editor Modal will open.
Use the picklist field to choose a tag or tags. Locate the tag you want to add in the box on the left, and then click the right facing arrow (>) to add it to the listing on the right. You can remove an tag from the right by selecting it and then clicking the left facing arrow (<). You can also double click items on either side to add or remove them. To change the order the tags appear in, select the item you want to move and then use the up/down arrows on the right side to adjust its position in the list. Click OK when your are finished.
Be sure to save to preserve your changes.
Adding a Connect Article Page using the Content Editor
Navigate to the Connect Homepage item in the Content Tree at sitecore > content > MyAvista > home > connect and select it. Right-click on the item, select Insert, then choose Connect Article Page from the drop-down.
Enter the Title name in the Name field and click OK. Your new Connect Article Page will be added to today's Month and Year folder in the Articles folder underneath the Connect Homepage item.
Editing a Connect Article Page using the Content Editor
Navigate to the Connect Article Page item in the Content Tree at
sitecore > content > MyAvista > home > connect > Articles > year > month
Edit the fields to the right.
NOTE: After filling out all the required fields, you will still need to open the Connect Article in the Experience Editor to add content to your page.
Connect Article Page Fields
| Article | |
|---|---|
| Headline | A simple text field to specify the headline for the article. NOTE: Your headline should be less than 45 characters. |
| Subheadline | A simple text field to specify the subheadline, shown under the headline for the article. NOTE: Your subheadline should be less than 175 characters. |
| Main Art | A media field used to specify the image used in the Article and Listing displays. Your Main Art should be 836px wide. |
| Home Art | A media field used to specify the image when used in the Hero Feature on the Avista Connect Homepage. Your Home Art should be 882x1507px. |
| Author | A drop-down select field used to specify the author of the article from the Authors folder. |
| Date | A date field used to specify the date of the article. NOTE: This field is for display purposes only and does not determine when the article is visible or published. If you choose a different month/year, the item will move to the corresponding month/year folder for the new date. |
| Category | A drop-down select field used to specify the category of the article from the Categories folder. |
| Tags | A picklist field used to specify the tag(s) for the article from the Tags folder. Locate the tag you want to add in the box on the left, and then click the right facing arrow (>) to add it to the listing on the right. You can remove an tag from the right by selecting it and then clicking the left facing arrow (<). You can also double click items on either side to add or remove them. To change the order the tags appear in, select the item you want to move and then use the up/down arrows on the right side to adjust its position in the list. |
| Learn More Text | A rich text field to specify the copy that appears in the Learn More section. |
| Learn More Button | A link field used to specify where the Learn More Button should link to. Use the link Description field to specify the Link Button text. |
| Content | |
| Page Title | This field is not used. The headline and Subheadline fields are used instead. |
| Search Engine Optimization | |
| Browser Title | How the page appears in the browser title bar. |
| Keywords | Search engine keywords for the page. |
| Description | Search engine description of the page. |
| Search Engine Indexing | Drop down to set the Robots.txt options for the page (Index/NoIndex, Follow/NoFollow). |
| Include in XML Site Map | If checked the item is included in the search-engine-readable site map file. The item may be included even if its parents are not included in the site map. |
| Navigation Settings | |
| Navigation Title | How this page appears in navigation lists, and can be used to create shorter titles for navigation purposes. |
| Show In Navigation | Controls if this item appears in navigation. |
| Navigation Has Link | Controls if this item is linked to or is only text in navigation. |
| Open In New Window | When checked, this page will open in a new window. |
| Expand Children In Navigation | If checked, subitems will be shown as a subnav when this item is selected or a parent of the selected item. |
| Always Expand Children In Navigation | If checked, subitems will be shown as a subnav when this item is selected or a parent of the selected item. |
| Include in HTML Site Map | If checked the item is shown on human-readable site map pages, as long as all its parents are also included in the site map. |
| Include in Site Search | If checked, item is included in index-based site search. |
How it Looks
This is how a completed Connect Article looks.
