WEBSITE USER GUIDE V.4

Transcription

1 WEBSITE USER GUIDE V.4

2 SEC. 01 SEC. 02 SEC. 03 SEC. 04 SEC. 05 SEC. 06 CASCADE INTERFACE OVERVIEW LOGIN PAGE USER DASHBOARD SITE DIRECTORY EDITING PAGES PAGE EDITOR OVERVIEW STANDARD ROW COMPONENTS EDITING THE SIDEBAR FIRST SECTION ADDITIONAL SIDEBARS CREATING NEW PAGES APPROVAL WORKFLOWS WORKFLOWS OVERVIEW SAVING/PREVIEWING PAGE AND SUBMITTNG CHANGES STARTING A WORKFLOW REVIEWING REJECTIONS AND MAKING MORE CHANGES UPLOADING FILES DOCUMENTS IMAGES TABLE OF CONTENTS

3 SEC. 07 SEC. 08 BACKGROUND IMAGE ROWS CONTENT FEATURE WITH IMAGE SLIDER 3 CALLOUT STORY BLOCKS CREATING STORY BLOCKS ADDING STORY BLOCKS TO PAGES EDITING STORY BLOCKS TABLE OF CONTENTS (CONTINUED)

4 INTRODUCTION 0 4 UNIVERSITY OF INDIANAPOLIS WEBSITE USER GUIDE To ensure proper procedures for updating content on the website, we have developed a website user guide that consists of several basic tutorials. 1. Navigating the Interface 2. Editing Pages 3. Editing the Sidebar 4. Approval Workflows 5. Uploading Files For questions, please contact: Kaye Manuel (manuelk@uindy.edu) THIS IS A LIVING DOCUMENT Elements outlined within are subject to change.

5 SEC. 01 CASCADE INTERFACE OVERVIEW

6 0 6 LOGIN PAGE 1. Go to: 2. Login with your own credentials. First-time users will be provided with a default password. For security purposes, all users are encouraged to change their default password after their first login. USER DASHBOARD NOTIFICATIONS Notifies you of any recent activity on your account, such as files that have recently been published, including files you have submitted for review and have been approved. MY CONTENT Provides quick links to files you ve recently accessed, files you own, drafts you haven t saved, and workflows to review. My Content Notifications

7 0 7 SITE DIRECTORY The site directory contains all of the files on the website. HOW TO ACCESS THE SITE DIRECTORY 1. Click on the SITE drop-down on the top-right corner of the user dashboard. 2. Select uindy SITE drop-down FILE EXPLORER The file explorer (narrow pane on the left) contains a list of all the assets on the website (e.g. folders, subfolders, pages, files, custom sidebars, etc.) CURRENT VIEW The current view (wide pane on the right) shows your currently selected asset. The screenshot on the left shows the root folder, uindy 2018, as the currently selected view. HOW TO ACCESS A FOLDER 1. Right-click on the folder on the file explorer (narrow pane on the left). 2. Select View. (CONTINUED ON NEXT PAGE) File explorer Current view Folder options

8 0 8 Click to view more assets ADD CONTENT The Add Content drop-down provides options for creating new pages, folders, custom sidebars, and uploading files (e.g. photos and PDFs). Select the Default option to view more assets (e.g. folders and files). Add Content drop-down Page Folder SEARCH BAR Search for keywords in filenames, file titles, or file path. When searching by file path, DO NOT begin with a forward-slash. EXAMPLE Incorrect format: Correct format: /campus-life/lecture-programs campus-life/lecture-programs (CONTINUED ON NEXT PAGE) Search Bar

9 0 9 File path (page URL) HOW TO ACCESS A PAGE 1. Click on a folder in the file explorer to expand the list of files within that folder. 2. Click on a page to see it as the current view. The file path of a page after uindy 2018 is the page URL. The page URL will be active after an administrator publishes the page. EXAMPLE File path: Page URL: uindy 2018 / training / about-uindy-training / index Note: index at the end of a page URL can be excluded. By default, web browsers display the index file inside a folder when no other page name is specified in the URL. Page Folder Current view Page options

10 SEC. 02 EDITING PAGES

11 011 PAGE EDITOR OVERVIEW The page editor contains options for editing a page s settings and body content. Options are also available to hide/show the breadcrumb navigation and sidebar on the page. HOW TO ACCESS THE PAGE EDITOR 1. Click on a page in the file explorer to select it. The current view will display a preview of that selected page. 2. Click Edit on the page options, located on the top-right corner of the current view. Selected page Edit button DISPLAY NAME VS. TITLE Use these fields to set up the general settings of a page (e.g. Page Title). Display Name Page Title The Display Name is the text label for this page that s used on the breadcrumb navigation and sidebar. If this field is blank, it will default to the Page Title. The Page Title is the text label for this page that s displayed on the file explorer and browser tab. If this field is blank, it will default to the Display Name. If the Display Name and Page Title fields are both blank, it will default to the Page Name, which is the same filename that s used in the URL. (CONTINUED ON NEXT PAGE)

12 0 1 2 CONTENT PANELS Content panels can be expanded to reveal options for editing section content. The first type of content panel on any page is the Banner panel. It provides options for updating the top banner image, headline, and subheadline. However, the banner is optional. Leave at least one field on a banner blank to hide the entire banner. Banner panel Content Row panel All content panels after the Banner panel is a Content Row panel, which contains options for editing the body conent. There are several types of content rows. The difference between them are the available components for displaying content (e.g. buttons, headings). New content rows can be added by clicking on the plus-sign (+) on the right side of a Content Row panel. Content panels Add new Content row STANDARD ROW COMPONENTS The most common type of content row is a Standard Row. This is used for displaying components such as: standard headings, paragraphcs, lists, links, buttons, videos, images, tables, and accordions. Content Row Type Select Standard Row from the Content Row Type drop-down to reveal the Component Type drop-down. Component Type (CONTINUED ON NEXT PAGE)

13 0 1 3 Toolbar WYSIWYG COMPONENT WYSIWYG the most common type of Standard Row component. This is used for displaying standard headings, paragraphcs, lists, links, buttons, and tables. It looks similar to the standard text editor with a toolbar for changing the text formatting. HOW TO STYLE A SECTION HEADING 1. Highlight the heading you want to format. 2. On the WYSIWYG toolbar, click Formats > Headings > Heading 2. Formats drop-down The Headings drop-down reveals the different heading classes. Use the Heading 2 class for the main section headings within a page. Use the Heading 3 class for sub-section headings. Use the Heading 1 class in a WYSIWYG component only if you are styling the name of the page. This typically happens when you are not displaying the name of the page in the top banner. Each page can only have one Heading 1, class for search engine optimization (SEO) purposes.

14 0 1 4 HOW TO STYLE PARAGRAPHS By default, paragraphs will already be styled as soon as you begin typing in a WYSIWYG Content box. However, if you are copying and pasting text from a Word document, the paragraph may not be recognized in the editor as a paragraph. Paragraph Highlight the paragraph text. If the element indicator at the bottom of the WYSIWYG Content box displays p, then the editor recognizes the highlighted text as a paragraph. No further styling is needed. However, if the element status bar is blank or displays something other than p, then the paragraph will need to be styled properly. 1. Highlight the paragraph text you want to format. 2. On the WYSIWYG toolbar, click Formats > Blocks > Paragraph. Element indicator Insert/Edit LInk button HOW TO CREATE TEXT LINKS 1. In the WYSIWYG Content box, highlight the text you would like to use as the link. 2. Click the Insert/Edit Link button on the toolbar. This is pop-up a dialog box. 3. If you want to link to a page inside Cascade, checkmark Internal for the Link Source. Otherwise, choose External if you re linking to an external URL. 4. In this example, we ll choose Internal link. Click on the Choose File Page, or Link button. This will open the file chooser panel on the right side. (CONTINUED ON NEXT PAGE) Highlighted text Insert/Edit Link button

15 0 1 5 Browse tab Keyword search box Selected page 5. Click the Browse tab. You may use the keyword search box to narrow down the results. 6. After you select the page you page, click Choose at top-right corner. This will bring you back to the Insert/Edit Link dialog box. If you inserted an external link, select New Window from the Target drop-down option. This ensures the external link will open in a new tab so the user doesn t leave the current website. Otherwise, select None from the Target drop-down option. 7. Click OK button. Include Button Link option Add another button HOW TO ADD A RED CALL-TO-ACTION BUTTON 1. At the bottom of a WYSIWYG Content box, select Yes for the Include Button Link? option. A Button Link panel will appear. Click it to expand the options. 2. Fill in the Link Text (button label). 3. Select the LInk Type. Internal is a page within Cascade. External is an external URL. 4. If you choose Internal Link, click the Choose File, Page, or Link button and browse for the page. 5. If you want to add another button, click on the plus sign (+) to the right of the Button Link panel.

16 016 Component Type HOW TO ADD/EDIT A VIDEO 1. Click on the plus sign (+) to the right of a Component panel to add a new component after it. 2. In the Component Type drop-down, select Video. A Video panel will appear. Click it to expand. 3. For the video Type field, select Full Size or Excerpt. Full Size will appear larger on the page but without a caption. Excerpt will appear as a smaller thumbnail with a short caption on the right side of the thumbnail. 4. Provide the YouTube ID. EXAMPLE YOUTUBE ID YouTube URL: 5. Provide a video Image for the thumbnail. 6. If using Excerpt, provide a 3-5 word video Description. Numbered List button HOW TO ADD A LIST 1. In a WYSIWYG Content box, add some text including the list heading and list items. 2. To style the list heading, highlight the heading text and click Formats > Headings > Heading 2 on the toolbar. 3. Highlight the list items and click Bullet List button on the toolbar. For a numbered list, click Numbered List button on the toolbar. Selected list items Bullet List button

17 0 1 7 HOW TO ADD A SUBLIST WITHIN A LIST ITEM In a WYSIWYG Content box, highlight the sublist text and press Tab on your keyboard. To remove the sublist, highlight the sublist text and press Shift + Tab on your keyboard. Sublist text Insert/Edit Image button HOW TO ADD AN IMAGE All new images must be ed to marketing-webrequests@uindy.edu for approval. An administrator will resize and upload images to the specified department folder. Image Image description 1. In a WYSIWYG Content box, click and place your cursor where you want the image to appear. 2. On the toolbar, click the Insert/Edit Image button. This is pop up a dialog box. 3. On the Image field, click Choose File. 4. Use the Browse tab in the file chooser to search for the image name. 5. Select the image file and click Choose on the top-right corner. 6. In the Image Description field of the Insert/Edit Image dialog, provide an image description for screen readers and accessibility purposes. 7. Click OK. The image should display in the WYSIWYG Content box.

18 0 1 8 Fullscreen button HOW TO ADD A TABLE 1. Before inserting a table, click on the Fullscreen button on the toolbar for a larger view. 2. Click and place the cursor where you want to insert a table. 3. On the toolbar, click the Table drop-down, hover over the Table option, and select the cell layout (e.g. 4x4). After you select a table layout, a standard table will display in the WYSIWYG component. 4. Click inside a cell and start adding text. 5. Click the Fullscreen button on the toolbar again to exit fullscreen view. It add more rows or columns, click inside a cell, and table options will display under the table that looks like this: Select the option that you need. HOW TO FORMAT THE TABLE CELLS Column headings should be formatted as cell headers (in red text and all caps). Column headings 1. Highlight across all the column headings and right-click on the highlighted area. A context menu will appear. 2. Click Cell > Cell properties. The Cell properties dialog will appear. 3. For the Cell type field, select Header cell and click OK. You may also change the alignment of cell content. For example, if you want the entire first column to be left aligned, follow these steps: 1. Highlight all the text in a column. 2. Click Cell > Cell properties. The Cell properties dialog will appear. 3. For the H Align field, select Left and click OK. Cell properties option

19 0 1 9 Component Type HOW TO ADD AN ACCORDION 1. Click on the plus sign (+) to the right of a Component panel to add a new component after it. 2. In the Component Type drop-down, select Accordion. An Accordion panel will appear. Click it to expand. 3. Add text for the accordion Heading field. 4. Add text the Content box. This box works similarly to the WYSIWYG content box. 5. Click on the plus sign (+) to the right of a Accordion panel to add more accordions. Accordion Heading Accordion Content

20 SEC. 03 EDITING THE SIDEBAR

21 021 FIRST SECTION The links on the first section of a sidebar are auto-generated based on the pages inside the current folder. File explorer Current view Order column heading HOW TO CHANGE THE LINK ORDER 1. On the file explorer (left side), right-click on the parent folder of the page (e.g. About UIndy Training). 2. Click View to select the folder. The current view will display a list of all the folder contents. 3. On top of the list, click on the Order colum heading. This will automatically reorder the list items in ascending order (startng with 1 at the top). 4. On the list, click and drag a page title to the order you want it to display. 5. When you are finished, send an to marketing-webrequests@uindy. edu and state which folder needs to be re-published. An administrator must publish the entire parent folder in order for the changes to be live. ADDITIONAL SIDEBARS Each folder should have an file entitled call-to-action. These blocks of code are used to update other sidebar sections/links on the right side of the page. Section heading Link HOW TO UPDATE THE CALL-TO-ACTION CONTENT 1. In the file explorer, right-click on the call-to-action file in the folder and select Edit. 2. In the call-to-action s content box, modify the section heading and links just like you would in a regular WYSIWYG component. 3. When you are finished, click Save & Preview on the top-right corner. 4. Click Submit and go through the workflow approval process. (See section Approval Workflows in this document) (CONTINUED ON NEXT PAGE)

22 022 Additional section HOW TO ADD ADDITIONAL SIDEBAR SECTIONS 1. In the content box, highlight an existing section starting from the beginning of the section heading to the end of the last link in its list. 2. On your keyboard, press Ctrl+C to copy (Command+C on Mac). 3. Click and place your cursor at the end of the last link on the list. 4. On your keyboard, press Enter TWICE to place the cursor where the next sidebar section should begin. 5. On your keyboard, press Ctrl+V to paste (Command+C on Mac) the new sidebar section. You might see that the section heading appears right under the last link of the previous section. 6. Click and place your cursor at the beginning of the new section heading and press Enter TWICE on your keyboard to add some space between the last link of the previous section and the heading of the next section. 7. Modify the new section heading and links just like you would in a regular WYSIWYG component. 8. When you are finished, click Save & Preview on the top-right corner. 9. Click Submit and go through the approval workflow process. (See section Approval Workflows in this document)

23 SEC. 04 CREATING NEW PAGES

24 024 Page Name Display Name Page Title HOW TO CREATE NEW PAGES 1. In the file explorer, right-click on the folder where you would like to add a new page, and click VIew to select the folder. 2. On the top menu, click Add Content and select Page. This will display a basic page editor. 3. At the top of the page editor, fill in the Page Name. This is the filename that s used as part of the page URL. Please use LOWERCASE letters and NO SPACES. You may use dashes instead of spaces. EXAMPLE Page Name: fast-facts Website URL: Configure PAGE NAME VS. DISPLAY NAME VS. PAGE TITLE The Page Title is the text label for this page that s displayed on the file explorer and browser tab when users bookmark this page. If this field is blank, it will default to the Display Name. The Display Name is the text label for this page that s displayed on the breadcrumb navigation and sidebar. If this field is blank, it will default to the Page Title. If the Display Name and Page Title fields are both blank, it will default to the Page Name, which is the same filename that s displayed in the URL. HOW TO PREVENT A PAGE FROM BEING PUBLISHED Full site publishes may be scheduled in order to update the links on the mega menu and footer. This means all pages must be re-published. To prevent an incomplete page from being published accidentally, follow these steps: Include when indexing Include when publising 1. In the page editor, click on the Configure tab. 2. Uncheck Include when publishing and Include when indexing. When you re ready to submit the page for review and publish, checkmark those two items again and go through the Approval Workflow.

25 SEC. 05 APPROVAL WORKFLOWS

26 026 WORKFLOWS OVERVIEW Approval workflows are set up by the administrator to ensure any changes are reviewed before publishing to the live site. In a nutshell, the process is: 1. Save changes and preview page. 2. Submit changes. 3. Go through system checks (e.g. spell check). 4. Provide comments of changes for the reviewer and start workflow. 5. Approver reviews changes. 6. Changes are approved and published live. Save & Preview button Submit button SAVING/PREVIEWING PAGE AND SUBMITTING CHANGES Check Content & Submit button 1. When you are finished editing a page, click the Save & Preview button at the top-right corner of the page editor to preview the changes. If further changes are needed, click Edit to open the page editor again. 2. On the top-right of the current view, click the Submit button. This will pop up a box that allows you to make notes of changes you ve made. These comments are for the system to keep in its version history. 3. Click Check Content & Submit. This will go through the system checks (e.g. spell check, broken links check, and accesibility check). Comments used for the system s version history

27 027 STARTING A WORKFLOW 1. On the Start Workflow screen, please use the Comments for reviewer box to describe the changes you have made on a page. These comments will be ed to the approver so he/she knows what was updated and what page elements to review. Note: Changes may be rejected if Comments for reviewer box is left blank. 2. Click the Start Workflow button on the top-right of the screen. This will take you to the Workflow in Progress screen. Comments for the approver to read WORKFLOW IN PROGRESS If the Content Step Owner line on this screen says Approvers, that means the changes have been sent. At this point, you ll have to wait for the approver to review the changes. GETTING APPROVED When the changes have been approved, you will receive an stating that the workflow is complete. No other action is needed. Current Step Owner

28 028 REVIEWING REJECTIONS AND MAKING MORE CHANGES In some cases, your changes may be rejected and sent back to you by the approver. If this happens, you will receive an that looks similar to the on the left screenshot. Read the comments from the approver. Comments from the approver. Workflow Workflows tab HOW TO MAKE FURTHER CHANGES 1. Click on Go to the dashboard link from the . This will take you to your user dashboard. 2. In the blue My Content box, you ll see a red indicator on the Workflows tab. Click on the Workflows tab and click on the workflow. This will take you to workflow screen. 3. In the workflow screen, click on the Edit link under the Available Actions section. This will open the page editor so you can make your changes based on the approver s comments. 4. When you are finished making changes, click the Save & Preview button. 5. Click the Advance button. This is similar to the Submit button. Fill in the Enter Workflow Comments for the approver to read. 6. Go through the system checks and click the checkmark button. 7. Afterward, you ll see the workflow screen again. If the Content Step Owner line the screen says Approvers, that means the changes have been sent. At this point, you ll have to wait for the approver to review the changes again.

29 SEC. 06 UPLOADING FILES

30 Add Content button 030 DOCUMENTS Accepted documents: PDFs or Word documents. 1. On the left file explorer, right-click on the files folder within your department and click View to select the folder. The current view should display any files within that folder. 2. At the top, click the Add Content drop-down. 3. Click Default to see more options. 4. Click the File option. The file uploader will appear. Files folder File option Current view USING THE FILE UPLOADER 1. In the file uploader window, click and drop a file inside the white rectangle or click the choose link to browse you computer for the file. 2. The filename must be lowercase and have no spaces. Use underscores to replace spaces. If the filename includes uppercase letters and/or spaces, you ll see some red text at the top of the file uploader window that suggests a different name. Click the link use the suggested name. This will automatically convert any uppercase letters to lowercase and any spaces to underscores. 3. When you are finished, click Save & Preview on the top-right corner. 4. Click Submit. 5. Send an to marketing-webrequests@uindy.edu and state which files folder needs to be re-published. An administrator must manually publish the entire files in order for the document to be viewable on the live site. Use the suggested name link choose link File drag-n-drop box

31 0 3 1 IMAGES To upload new images, please the image(s) to marketingwebrequests@uindy.edu. An administrator will resize and upload images to the appropriate images folder so they are available to insert within the body content.

32 SEC. 07 BACKGROUND IMAGE ROWS

33 033 CONTENT FEATURE WITH IMAGE ROW A content feature with an image is a type of Background Image Row that include text on the left side and a photo on the right now. See preview on the left. Content Feature with Image Add new row HOW TO ADD A CONTENT FEATURE WITH IMAGE ROW 1. In the page editor, click on the plus sign next to the last content row to add a new row. 2. For the new row, select Background Image Row from the Content Row Type dropdown. This will display a Background Image Row Type dropdown. 3. In the Background Image Row Type dropdown, select Content Feature w/ Image + Greyhounds. This will display other fields to fill in. 4. Provide a Heading for the section. 5. In the Content box, you can include paragraphs or lists. 6. Choose an image for the Right Image field. This image will be displayed on the right side of the text content. Contact the administrator if new photos are needed. Note: This photo area is designed to disappear on smaller screens. 7. Provide an Image Alt Text. This is a short image description for users who use screen readers. Heading Content Content Row Type Background Image Row Type

34 034 SLIDER ROW Slider title Each slide within a Slider row contains one image and a short description. One slider may have unlimited slides. All sliders must have one relevant title. See preview on the left. Slider Add new row Title Add new slide HOW TO ADD A SLIDER ROW 1. In the page editor, click on the plus sign next to the last content row to add a new row. 2. For the new row, select Background Image Row from the Content Row Type dropdown. This will display a Background Image Row Type dropdown. 3. In the Background Image Row Type dropdown, select Slider. This will display other fields to fill in. 4. Provide a Title for the slider. 5. For each slide, select an Image and provide a short description for the Image Alt Text. Contact the administrator if new photos are needed. 6. Fill in the Content field with a short description for the slide. 7. Under the Content field, you add one optional link. Otherwise, leave it blank. 8. OPTIONAL: After the last slide, you also have the option to add a section called WSYIWYG + Right Iimage. This is very similar to the Content Feature with Image section. This section will include text content on the left side and a photo on the right side. Note: The photo area is designed to disappear on smaller screens. If you choose to use the WSYIWYG + Right Iimage section, provide a Heading, Content, Image, and Image Alt Text. Otherwise, leave all of it blank. Slide image Image Alt Text Content Row Type Background Image Row Type Slide text content

35 035 3 CALLOUT ROW A 3 Callout row features three linkable images. Each featured image includes a short description and link underneath it. This component requires three and only three images. 3 Callout Add new row HOW TO ADD A 3 CALLOUT ROW 1. In the page editor, click on the plus sign next to the last content row to add a new row. 2. For the new row, select Background Image Row from the Content Row Type dropdown. This will display a Background Image Row Type dropdown. 3. In the Background Image Row Type dropdown, select 3 Callout. This will display other fields to fill in. 4. Provide short content for the Intro field. This will be displayed at the top of the section. 5. For the Emblem field, click on Choose Image and the File Chooser will open on the right side. Click the Browse tab and type in emblem to display all files that begin with that name. Select an image and click the Choose button. Note: If you need a new emblem created, please submit a request to marketing-webrequests@uindy.edu. Each callout requires the following: Image, title, description, and link. Intro content Emblem Image Title 6. For each callout, select a photo for the Image field. For more images, please send a request to marketing-webrequests@uindy.edu. An administrator will resize and upload images to the appropriate images folder so they are available in the file chooser panel. 7. Provide a Title for each callout. This is the heading that displays under the featured image. 8. Provide a short Description for each callout. 9. Lastly, provide a Link where a user will be directed to when they click on the image. Content Row Type Background Image Row Type

36 SEC. 08 STORY BLOCKS

37 037 CREATING STORY BLOCKS A Story Block row is a student or faculty testimonial/quote. You can create a block one time and re-use it on multiple pages. Story Block Block name Folder Section Heading Featured Image Background Image Heading Subheading 1. On the left file explorer, right-click on the stories folder and click View to select the folder. 2. On the top menu, click Add Content and select Story Block. The story block editor will pop-up. 3. In the story block editor, provide the Data Definition Block Name, which is typically the name of the person (e.g. jane-smith). Note: Please use lowercase letters and dashes to separate words. 4. The Placement Folder should already be set to stories if you followed Step 1 correctly. Otherwise, click it and browse for the stories folder. 5. Provide the Section Heading. This is either Student Story or Faculty Story, depending on whose testimonial you re creating. 6. The Featured Image is a square photo of the person whose testimonial you re creating. Send a photo to marketing-webrequests@uindy.edu for approval. An administrator will resize and upload images to the images folder. 7. The default Background Image will be the same for all stories, so you can leave this blank. Otherwise, you can submit a new photo to marketingwebrequests@uindy.edu for approval. An administrator will resize and upload images to the images folder. 8. Provide a Heading, which is the name of the person whose testimonial you re creating. 9. The Subheading is typically the faculty member s title or student s major and graduation year. 10. Lastly, provide the Content, which is the student or faculty quote. You do not need to include the opening and closing quotation marks. 11. When you are finished, submit the story and go through the approval workflow.

38 038 ADDING STORY BLOCKS TO PAGES Add new row 1. Select the page you want to add the story block to, and click Edit to open the page editor. 2. In the page editor, click on the plus sign next to the last content row to add a new row. 3. For the new row, select Story from the Content Row Type dropdown. 4. For the Data Source field, select Block. 5. For the Story Block field, browse for the name of the story block you want to add (e.g. jane-smith). 6. When you re finished, click Save & Preview to see a preview of the story block content on the page. EDITING STORY BLOCKS Section Heading Featured Image Background Image Heading Subheading 1. On the left file explorer, go to the stories folder. 2. Click on the story block you want to modify and click Edit to open the story block editor. 3. Make the necessary changes. 4. When you re finished editing, click Save & Preview. 5. Click Submit and start the approval workflow process. Content

39