CREATING ANNOUNCEMENTS. A guide to submitting announcements in the UAFS Content Management System

Transcription

1 CREATING ANNOUNCEMENTS A guide to submitting announcements in the UAFS Content Management System Fall 2017

2 GETTING STARTED 1 First, go to news.uafs.edu. 2 Next, click Admin at the bottom of the page. NOTE: The Admin login will always be located in the footer of each site. 1

3 GETTING STARTED 3 Enter your network account information, then click the Log In button. NOTE: Your account info is your UAFS username and password. 4 This is the first screen you will see. From here, you will be able to submit an announcement, view the online instruction manual, or you can download a PDF version of the instructions. 2

4 CREATING ANNOUNCEMENTS 5 This is the Edit Page. You may not see all of these options depending on your permissions. ANNOUNCEMENT TITLE EDITING TOOLS (outlined in yellow) SOURCE CODE PREVIEW This tool (circled in red) toggles the view between the editor and the source HTML code. TEXT AREA This is where you put your content (outlined in red). TEXT FORMAT Use this selector to choose the format for content. Choose from Plain Text and Filtered HTML. ANNOUNCEMENT TYPE Use this selector to choose the category the announcement will appear up in. Announcements can be placed in more than one category. NOTE: Selections will be reviewed. AUTHOR Use this area to enter the author of your announcement. EVENT DATE & TIMES Use these selectors to set the beginning Date and time. You can select All Day, for a single day all day event or Show End Date for events that have multiple dates involved. Unpublish on used for the date that the announcement is to be removed. SAVE Click to save the page. * = REQUIRED FIELD 3

5 CREATING ANNOUNCEMENTS 6 Here are some of the buttons you will use to format and check your text. BOLD ITALIC UNDERLINE SPELL CHECK MAXIMIZE HYPERLINK ANCHOR FORMAT SOURCE NUMBERED/BULLETED LISTS Remember to use the following suggestions: Scannable layouts Highlighted keywords Meaningful subheadings Bulleted lists One idea per paragraph You can also use anchor tags, links and bold. You can use a text editor to create text, then copy and paste it to the page for ease of use. NOTE: If you use Microsoft Word, some formatting will not copy over correctly and will need to be adjusted. DON T FORGET TO SPELL CHECK! 7 Input the title of the announcement here. This title will also appear in the address bar and the page header. Use the most important descriptive words for your title. 4

6 CREATING ANNOUNCEMENTS 8 The area outlined in red will contain all of your page content. This is where you will create and edit text and place images. 9 At this point, select the Announcement Type that best describes your content. The announcement editor will review the selection and verify that it meets the appropriate criteria. 5

7 CREATING ANNOUNCEMENTS 10 Next you will need to add the day and time the announcement starts. You can also add an end date or if the event is an all day event you can select that as well. Unpublish On is the date and the time the announcement is to be removed from the website. 11 Check over the announcement and if all of it is correct, click SAVE to submit it for review. 6

8 CREATING ANNOUNCEMENTS 12 An alternative to the above method of submitting an announcement is to select it from the top menu or the main menu. Both are shown below. 13 If using the top menu, select Campus Announcement from the add content dropdown. 7

9 WORKING WITH IMAGES SELECTING AN IMAGE Click the Image tool from the Editing Tools. This will open the Image Properties window. Choose Browse Server. This will access the folders that store the images on the server. INSERTING AN IMAGE Navigate to your department s folder and select the image you want. Click the Insert File button or double click the file. NOTE: If your department folder does not contain the image you need, see the instructions on the following page for uploading an image. IMAGE PROPERTIES PANEL After selecting an image, go back to the Image Properties window. URL Do not edit this section. ALTERNATIVE TEXT Enter a short description of the picture, such as the subject or the name of the person shown. This text will appear when a user hovers over the image on your content page. WIDTH/HEIGHT These properties will automatically be filled in when you select your image. You must delete the width and height dimensions to maintain the responsiveness of the site. BORDER To give your image a border, specify a value in pixels. For example, a value of 1 will yield a one pixel border around the entire image. Default color is black. H SPACE (Horizontal Space) This refers to the margins on the left and right of your image. Enter a value of 10. V SPACE (Vertical Space) This refers to the margins on the top and bottom of your image. Enter a value of 10. ALIGNMENT Alignment directs the flow of text around the image. If you align your image to the right, the text will flow to the left, and vice versa. After you have entered your Alternative Text, deleted the Width/Height figures and set your Alignment, click OK. 8

10 WORKING WITH IMAGES UPLOADING AN IMAGE To upload an image to your department s folder. After clicking the Image tool and choosing Browse Server, choose Upload in the top left-hand corner. Click Browse. Navigate on your machine to the images you want and select Upload. The file is now placed on server, and the file name appears in your folder. NOTE: The Root folder, which is the topmost folder, will not be allowed to have files uploaded to it. This folder is cleaned twice a week. RESIZING AN IMAGE You can resize an image from the upload image interface. NOTE: Make sure to resize your images before adding them to your content page. Larger images will make the page load 9

11 FORMATTING YOUR PAGE HEADINGS Please use the preset Heading Styles from the dropdown menu in your Editing Tools. H AND V SPACES Notice how the H and V Spaces dictate the layout around the image. In this example, the H and V spaces have been set to a value of 10 in the Image Properties window. Without this setting, the text would run to the edge of the photo. 10

12 MANAGING YOUR CONTENT 1 To see a list of all content on the site, click Content. 2 You can filter your view by entering a Title or Author or by choosing options from the dropdown menus. In the example below, the user is viewing News Articles chosen from the Type menu. After choosing your filters, click Apply. 3 To make changes to any of the content items you can access, edit, or delete under Operations. Warning: Once a page is deleted it cannot be recovered. 11

13 UAFS WEBSITE POLICY This guide is intended for use by all web content managers at UAFS anyone who has permission to create or modify websites or web pages on uafs.edu. Review and update: All UAFS offices that have content management permissions should review all department pages regularly for currency and accuracy. An overall review should be done at least once per semester; monthly spot checks are recommended. Any substantive change to an individual page should trigger a review of related pages and links. Uploading documents: Only PDF documents may be uploaded to university web pages. Documents with file extensions ppt, pptx, txt, doc and docx files (Microsoft Word documents) may not uploaded. Departmental folders: All files for a department must be loaded into that department s folder. No files will be allowed to reside in the root folder or in the root user folder. Any files found in root folders will be moved to an Orphan Files folder, thus breaking any links previously set up. Hyperlinks: Any hyperlink that would redirect the user away from the uafs.edu site is to be directed to open in another tab. Videos: All videos must be submitted to the Office of Marketing and Communications for approval and will be uploaded to the UAFS YouTube account for streaming to your page. Style and quality: All web content must be written and designed in compliance with the university s editorial and visual style guidelines and logo standards. These guidelines, as well as policies for the use of photography and other marketing services, are located in the Marketing and Communications section of the website. Editing note: All web editing must be done from the main site using the Admin login in the footer of the website or web page. August 29,

14 DRUPAL REFERENCE SHEET Internal Page Link: /type/page-name NOTE: Must start with forward slash. Use internal links to link to all Drupal pages on your own site. External Page Link: NOTE: No need to paste Start with www in input field. Use external links when linking to other sites or Drupal pages on other sites. Document Link Snippet: /sites/(your website)/files/(department Name)/filename.extention NOTE: Must start with forward slash.../sites/default/files etc. Link Snippet: /home/ ?to=username or first.last (example: nbenoit or nathaniel.benoit) Video Embed: Video embed is now done through the Marketing and Communications Department. All video MUST be approved by our department and will be uploaded to our own YouTube channel and then it will be embedded to your page as an IFrame. Simple Key Commands: Copy: ctrl + C Paste: ctrl + V New Tab: ctrl + T (Tab browsing is very easy and useful. Try to make it a habit.) New Window: ctrl + N Approved Web Colors: See Marketing and Communications Department webpage to see approved colors.

15