Wordpress Editor Guide. How to Log in to Wordpress. Depending on the location of the page you want to edit, go to either:

Transcription

1 Wordpress Editor Guide How to Log in to Wordpress Depending on the location of the page you want to edit, go to either: admin (for the main website) Or admin (for the faculty and staff website) TIP: instead of remembering the full URL, you can go to any Wordpress site s homepage and simply enter wp- admin after the main URL to access the log in screen for that Wordpress install. This may help you in the future when managing multiple Wordpress sites. Enter your Username and Password as you would for your school . Once you are in you will see the Dashboard:

2 The sidebar provides you with a comprehensive list of tools that allow us to perform functions in the system. Each set of tools is grouped with a drop- down of options. Most of your editing will be done under the pages tab. Pages You can access the Pages screen by choosing Edit from the Pages sidebar group.

3 The Pages screen looks like this: In the middle of the Pages screen you will have a table listing all of the editable pages. Clicking on the title of the page will take you to the Edit Page screen. The Edit page screen looks like this:

4 The Editor Editing a Page Now it s time to add some content or edit some existing content. 1. The first field you need to fill in is the page title. 2. Then use the visual editor to enter the content for you page. 3. The four buttons next to Upload/Insert allow you to add media such as documents to your page. For more detailed information about this process, read the Media section. 4. When you are happy with your changes, click on the Preview button in the top right corner of the Publish module on the right. This will give you a preview of how your page will appear on the site. 5. Once you are happy with all of your changes, click on the blue Publish button at the bottom right of the Publish Module on the right. If you are editing an existing page, this button will say Update instead of Publish.

5 The Editor Toolbar Makes text selection bold Makes text selection italic Strikes through selection text Makes a bulleted (unordered) list Makes a numbered (ordered) list Makes a blockquote Aligns text left Aligns text center Aligns text right Makes the selection a hyperlink Removes a hyperlink Inserts a more tag (we will not be using this) Checks the spelling of your content Sets the editor into fullscreen mode Kitchen Sink- Toggles the extra buttons available on the toolbar.

6 Kitchen Sink With the kitchen sink button toggled on the toolbar will look like this: Drop down menu with various formatting options (if you are interested in formatting control, look into HTML training instead of using this.) Underlines the selected text (be careful using this as underlines on the Web tend to denote links) Justifies text Changes the color of the selected text. (We will not be using this unless absolutely necessary) Opens a dialogue box to past plain text into your page. Opens a dialogue box to paste text from Microsoft Word into your page. It is highly recommended you use this function if you are copying text from Word. Note that this will still require you to look for formatting errors. Removes all formatting from the selected text. This button allows you to insert video media. (we will not be using this) This button will open a pop up dialogue box allowing you to insert custom characters such as diacritics. Removes the indent from the start of a line Indents the start of the line Undo this undoes the last thing you did in the Editor Redo this reverses the undo feature Help - Opens a pop up dialogue box with some more information on the functions of the Visual Editor

7 Insert/Edit Link To add a link to your page or post, highlight the word that you want to make the link. Then click on the insert/edit link button. A pop up window will appear allowing you to edit your hyperlink according to what page or site you want to link to and if you want your link to open in a new window.

8 URL is where you enter the address of the website or page where you want to link to. As a school policy for best web practices, if the link is going to an external site then it should open in a new window/tab. In this case, check the open link in new window/tab checkbox. Once satisfied with your changes, click the Save Link or Add Link button. Upload/Insert Directly above the toolbar there are four buttons that allow you to add media that already exists in the media library to your page.

9 If you wish to upload a new document onto the public website, please contact us so we can make sure the new document is uploaded correctly. If you wish to upload a new document to the faculty and staff site, please feel free to do so. The maximum file size allowed for upload is 2MB. If your file is above this size, please contact us so we can go over your options. Images that are uploaded to the site must be set at 72ppi. Clicking on any of the buttons will bring up a pop up dialogue box that looks like this:

10 There are three locations you can choose to add a media asset from: 1. Your computer 2. Another webpage (from a URL) 3. Media Library To add a media asset from your computer, click the Select Files button. After you have selected the file and uploaded it, you will be able to add titles and descriptions to it. To add a media asset that has already been uploaded to the Media Library, click the Media Library Tab and use the search bar to find the document you wish to use. Click on the Show link to access the dialogue box. Here, you can enter a description, caption, or alternative text for the file.

11 The caption field and alternative text field are only for use with images. The description field is for information to aid for searching for your asset in Wordpress if you ever need to use it again or update it at a later date. Information in the description field will not be visible to anyone outside of Wordpress visiting the site. If you are inserting an image, make sure to click the None button below the Link URL field before inserting the image. Once all the appropriate fields have been filled in, click the Insert into Post button. Replacing a Document or Image Replacing a document requires you to find the document in the media Library. Use the search box to find the file you wish to update. Once you have found the document or image in question, simply click the asset title as though you were going to edit it, and click the Upload New Media button. In the new dialogue box, select your new file and make sure Just Replace the file option is selected. Then click Upload. NOTE: In order to see the updated asset, you may need to refresh your browser or clear your cache if you attempt to view it.