Skip to content

Edit a Post

Editing your posts on your University of Adelaide blog is quick and easy.

This page gives you instructions and advice on how to use the toolbar editor, how to include media within your posts and how to add categories and tags to your posts.

  • Visual or HTML Editing Screens

    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.

    Visual editing toolbar

    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 Link to external website.

    HTML editing toolbar

    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.

  • Toolbar Editor

    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

    Editing toolbar 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

    Editing toolbar bottom row

    1. Style - to change text formatting from Paragraph to Heading Heading 2 etc. Please do not use headings out of context or order, your blog post title is generally your Heading 1 (besides on the homepage of the blog), so a subsequent heading within the post would be a Heading 2.
    2. Underline
    3. Align full
    4. Select text colour - 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.
  • More Tag

    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.

    Visual editing screen showing the More Tag

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

    Visual editor toolbar with 'more tag' icon highlighted

    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.

    More Tag example

    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, Videos, Audio & Documents

    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.

    To set a featured image for your post, please see the WordPress Support - Featured Images Link to external website website.

    For more support and guidelines on adding images to your blog, visit the WordPress Support -
    Images Link to external website
    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 Link to external website website for more information on embedding YouTube videos.

    Vimeo

    Please note: Vimeo is not on net - therefore, if your blog's audience is current students/staff you should NOT use Vimeo as your blog video player, as it will add to their internet usage quota.

    • 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 Link to external website 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 & Tags

    Blog posts can be structured by assigning them to categories or by tagging them with keywords.

    Categories

    Categories should be kept to a minimum (2-8 top level categories and the same for any sub-categories within each section).

    Categories are used to organise the blog posts into broad groupings. 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 Link to external website website.

    Tags

    Tags are similar to categories, but provide more specific details about a post e.g. key words. There are a few things to take note of when using tags:

    • You can use as many tags as you want within your blog, but per post, there should be no more than about 10 or 12.
    • Tags should only be a few words long, between 1 and 5 words is desirable.
    • Tags should all be lowercase unless the word is a proper noun.

    Tags are there to help your readers find your posts (they are also keywords used by search engines).

    For more information on how to add tags to your blog, visit the WordPress Support - Tags Link to external website 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.

Editing Existing Posts

To edit an existing post log in to your blog and go to the dashboard. Under the 'Right Now' section, click posts. This will show you a list of all posts created so far.

To edit an existing post, just hover over the title of the post you want to make changes to and click edit.

Related Videos

 

Web Team

Call us: For urgent requests or to speak with someone directly,
please contact one of our team members.
 
Not sure how to do something? Take a look at our FAQs.