Text-only version of this website Skip to content

Website Editing


To expand a topic, click on the button. To collapse a topic, click on the button.

How to Log in to make edits

  • Go to education.ufl.edu/wp-admin
  • Log in with your Gatorlink username and password.
  • You are now logged in to the Dashboard- the editor for COE’s WordPress site.
  • Click My Sites in the upper left-hand corner of your screen.

How to navigate to a site to make changes: My Sites

The My Sites screen allows you to select which site you’d like to edit.

  • Just click on Visit to bring you to the site’s dashboard to make edits.
    In the picture below, we’re visiting the “documentation” website.

Edit this article

  • Once you have navigated to the page you would like to edit, just click on Edit this article.
    This brings you to the editing screen to make changes.

Editing articles: Preview Changes and Update

From this screen, you can click in the editor box and start making changes.

  • In order to see what the page would look like with the changes, you can click “Preview changes“.
  • The “Update” button will save the changes and publish your webpage for all to see.

Advanced:

  • The “Published” option allows you to change a page from being available on the Web to being saved as a draft.
  • The “Visibility” option allows you to control who can see the page you’re editing. You can even set a password so that only specific individuals can view the page, for added security.

Adding buttons to the editor

If you’re editing a page in WordPress but don’t immediately see buttons that are necessary for a task (such as changing table rows, or inserting a subscript or superscript) it may be that those function buttons aren’t enabled on the editor.

You can enable buttons on the content editor by logging into WordPress and accessing the dashboard.

From the dashboard, go to:

Settings > TinyMCE Advanced

You can then drag the necessary buttons onto the editor.

Be sure to click the save button at the bottom of the page when you’re done.

Embed a right-side Menu into Page or Post

You can now embed a custom menu in the top right of your content (example). The menu will break out 75 pixels into the area just right of your content, and the text content will flow around the menu.

  1. Create your menu in the admin area > Appearance > Menus.
  2. Open the page in which you want the menu to appear, and switch to the HTML edit mode.
  3. Before a header or a paragraph, enter the following “shortcode”: [rightmenu menu="MENU_NAME"]
  4. Replace “MENU_NAME” with the name of your menu.
  5. Update the page.

Single Space: Shift + Return

A “Hard return” occurs at the end of a line when you hit “return”, and then begin typing after an empty line. To put it another way, it’s double-spaced. This is often used at the end of a paragraph.

A “Soft return” occurs at the end of a line when you hit “shift+return”. The next line of text begins immediately below the previous line of text. To put it another way, it’s single-spaced. This is often used at the end of a line of text.

Example:

This is a “Soft Return”: (shift+enter)
This line of text is directly below the previous line of text.

This is a “Hard Return”: (enter)

This line of text skips a line in between.

Using Tables

WordPress has built-in buttons to use when working with tables.

This is the icon set that allows you to edit tables:

Create a table with the first button, and then position your cursor within the table to use the other options.

Hover your mouse over each icon, and it will display its function:

-Insert a new table
-Table row properties
-Table cell properties
-Insert row before
-Insert row after
-delete row
-insert column before
-insert column after
-remove column
-split merged table cells
-merge table cells
-delete table