Edit a Post

When creating a post or page on your University of Adelaide blog, you have two editing modes available to you, depending on which you are most comfortable with - the visual editor or the HTML editor.

Visual Editor

Powered by TinyMCE, the Visual Editor is the default mode for University of Adelaide blogs and looks very similar to icons used in Microsoft Word. It also has very similar icons to those used when editing the University's website.

HTML Editor

The HTML editor has fewer options, but allows you to directly edit the HTML in your posts and pages. This editing mode is aimed at users who are comfortable working with HTML. When you need to paste in code from an outside source, for example, you can use the HTML editor.

Note that the HTML code you add must be well-formed and it must be listed in the allowed HTML tags list (external link).

Switching between Visual & HTML Editors

Switching between the Visual and HTML editing modes is easy. Just use the tabs directly above the editing screen on the right-hand side.

The toolbar editor allows you to easily create, edit, and format your blog content in a view similar to that of a word processor. This is the default editing mode of the University's blogs.

There are two rows of editing icons contained within the toolbar editor. You can find out what any icon means or does by hovering over it with your mouse.

Top Row

1. Bold
2. Italic
3. Strikethrough
4. Bulleted (unordered) list
5. Numbered (ordered) list
6. Blockquote - this text will style differently
7. Left align
8. Centre align
9. Right align
10. Insert/edit a link
11. Unlink
12. More tag
13. Spell check
14. Toggle fullscreen mode
15. Show/hide the bottom row of the toolbar

Bottom Row

1. Style - to add headings
2. Underline
3. Align full
4. Select text color - Please do not change the text colour of your posts
5. Paste as Plain Text
6. Paste from Word
7. Remove formatting
8. Insert custom character - Please do not insert custom characters in your posts
9. Outdent - move text further left
10. Indent - move text further right
11. Undo - undo your last action
12. Redo - redo your last action
13. Help - display some information about using the editor, as well as keyboard shortcuts.

The more tag allows you to split up your blog entry so only the first part is displayed on your blog homepage. The rest of your post can then be read by clicking on the link which is created by including the more tag.

These are a great way of keeping your homepage tidy and to entice people to read the full post.

You can find the more tag button in the first row of the visual editor toolbar.

How the More Tag Works

• Begin writing your post. When you decide that you want to cut it off, insert the more tag to split the post. You will see the more tag has been inserted on the visual editing screen.
• Finish writing your post.
• Publish the post and view the front page of your blog. You should see your post split using the more tag.
• Click on the link, and you will be taken to the post in its full form.

Note: that the more tag is not displayed in post previews because preview displays the posts in their entirety, but the more tag will appear once the post has been published.

See the video on Creating an Excerpt and Using the More Tag.

Images

Images are a great way to enhance your blog content, and it's easy to add and manage them.

You can upload the following image types to a post or page:

• .jpg/.jpeg
• .gif
• .png

Before adding an image to your blog, please resize the image if necessary. This will ensure the image fits on to your blog post and will also reduce the image file size. Images on the University of Adelaide blogs can be saved in your blog's Media Library, but must not exceed 1MB in size.

For more support and guidelines on adding images to your blog, visit the WordPress Support - Images website.

---

Video

Videos are another great way to deliver your message. There are a few ways that you can add your videos to the blog:

YouTube

• Add your video to YouTube
• Copy the video's URL from the web browser's address bar
• Open your blog post and edit using the visual editor
• Paste the URL onto the page
• Your video will be embedded.

See the WordPress Support - YouTube website for more information on embedding YouTube videos.

Vimeo

• Add your video to Vimeo
• Copy the video's URL from the web browser's address bar
• Open your blog post in the editing screen
• Paste the URL onto the page
• Your video will be embedded.

See the WordPress Support - Vimeo website for more information on embedding Vimeo videos.

University of Adelaide Media Server

If you don't want to upload your video to either YouTube or Vimeo, you have the option of sending your video to the Web team, who can then compress the video and save it to the University's media server.

Once saved to the media server, you will then be given the URL to your saved video, allowing you to add your video to a blog post. When editing a post, open the HTML editor and paste in the below code, replacing the text in bold with the URL to your video.

[flow href="http://media.adelaide.edu.au/researchtuesday/video/v2.m4v" width="420" height="236"]

If you have any questions, please contact the Web team.

---

Audio

To add an audio file to your blog, you'll need to send your audio file/s to the Web team, who can save the audio file/s to the University's media server. The web team can then provide you with the URL which can be used to add your audio to your blog post.

When editing a post, open the HTML editor and paste in the below code, replacing the text in bold with the URL to play your audio.

For example: [audio http://media.adelaide.edu.au/test-interview.mp3] will produce the following player:

Please note there is no audio file linked to the player example above.

---

Documents

Creating a document link on your blog can be done by following the steps below:

1. Add the document to your relevant area's University website and upload the document. If you are not an editor for your University website, please contact the Web team and we can let you know who to contact.
2. From your blog dashboard, go to Posts > Add New
3. Click on the Add Media icon just above the editing toolbar
4. Click on the From URL tab
5. Choose the Audio, Video, or Other File radio button
6. Enter the URL of the file and the Title (i.e. the link text).
7. Click the Insert into Post button.

If you have any questions, please contact the Web team.

Categories

Categories provide a helpful way to group related posts together, and to quickly tell readers what a post is about. Categories also make it easier for people to find your content.

For more information on how to add categories to your blog, visit the WordPress Support - Categories website.

Tags

Tags are similar to categories, but provide more specific details about a post e.g. key words.

For more information on how to add tags to your blog, visit the WordPress Support - Tags website.

Example

If you had a post about baking and recipes, you could have categories called 'Baking', 'Dessert' or 'Recipes' and have tags called 'Brownies', 'Chocolate' etc.