Adding and editing content in WordPress

Adding and editing content in WordPress can be done completely online.

The Web editing toolbar explained

The Web editing toolbar allows you to easily format your content, e.g., displaying items in a list. The toolbar displays one row of buttons by default, which are considered to be more frequently used buttons, but the toolbar can also display a second row with more, lesser-used functions. To expand the toolbar click the Show/Hide Kitchen Sink button Kitchen sink button.

One line editor
One row toolbar

Two line editor
Two row toolbar

Most of the options in the toolbar are found in most word processors so the buttons should have a familiar look to them. However, the following buttons may need a little more explanation.

  • Add Media button Add media - Insert an image or link to a video, audio file, or other types of media files (e.g. pdf).
  • Kitchen sink button Kitchen sink - Use this to expand or collapse the second row of the Web editing toolbar.
  • Blockquote button Blockquote - Indent an entire paragraph. An example use would be when you want to highlight a quotation that is longer than a sentence.
  • Full screen editing modeToggle fullscreen mode - Expands your editing window to the full size of your browser window.
  • Paste as text button Paste as text - If you absolutely must copy and paste from Word, click this button first. Text pasted normally from Word includes formatting that doesn't translate well to the Web. Using this button will remove that formatting.
  • Insert custom character button Insert custom character - Insert a custom character like a copyright symbol.

Adding pages and setting page visibility

A WordPress page is just another name for a webpage.

  1. Hover your cursor over the Pages section of the Dashboard to expand the available options.
  2. Click Add New.
  3. Add your content
  4. To designate a page as private, click the Edit link beside Public located in the "Publish" box. Setting a page to "Private" will only allow those with at least the role of Subscriber to view the page. You may also set a password for a page and distribute it to those needing access.
  5. Click the [Preview] button, the [Publish] button, or the [Save Draft] button.

Adding posts and setting post visibility

A WordPress post can also be called a blog entry. These entries will be added to and display in your site's blog in reverse chronological order.

  1. Click Add New under the Posts section title.
  2. Add your content.
  3. To designate a post as private, click the Edit link beside Public located in the "Publish" box. Setting a post to "Private" will only allow those with at least the role of Subscriber to view the post. You may also set a password for a post and distribute it to those needing access.
  4. Click the [Preview] button, the [Publish] button, or the [Save Draft] button.

Scheduling a post

You may schedule a post to automatically appear on a specific future date.

  1. Click Add New under the Posts section title.
  2. Add your content.
  3. Click the Edit link to the right of "Publish immediately" located in the "Publish" box.
  4. Change the date and time to your liking and click [OK].
  5. Click the [Schedule] button to publish the post on the scheduled date.

Adding categories and tags to a post

Categories and tags are ways of organizing posts (a.k.a. blog entries) on your site. Assigning posts to these taxonomy terms will allow you and your site visitors to more easily find specific posts if you're displaying the "Categories" widget or the "Tag Cloud" widget. Categories also allow you to add a menu item that creates a page aggregating all the posts from a particular category.

Adding categories

  1. Open the post you want to categorize.
  2. In the "Categories" block located on the right, place a check next to each category you wish you to assign to the post. You can also create new category names by clicking the + Add New Category link.

Adding tags

  1. Open the post that you want to tag.
  2. In the "Tags" block located on the right, enter the name of the tag you want you to use. Click the [Add] button. Or, select already created tags by clicking the Choose from the most popular tags link and clicking on the tags you want to use from the tag cloud.

Creating links in pages or posts

You can create links to external sites, internal documents, and your site's pages and posts.

Inserting external links

  1. Highlight the text you wish to make clickable.
  2. Click the [Insert/edit link] button Add a link button.
  3. Enter the full URL into the "Link URL" field. It's recommended that you copy and paste the URL as opposed to enter it manually.

Linking to internal pages or posts

Sometimes it is convenient to link back to one of your previously made pages or posts. The internal linking feature makes such references easy to set up.

  1. In the appropriate page or post, highlight the text you wish to make clickable.
  2. Click the [Insert/edit link] button Add a link button.
  3. Click gear button to see more options.
  4. Search for the appropriate page or post in the search bar or select one from the list of recent items.
  5. Click the [Add Link] button.

Uploading and linking to documents

Sometimes you may want to link to a document like an Excel or PDF file. These documents will be available to anyone on the Web so be sure they don't contain any sensitive data.

  1. Click the [Add Media] button.
  2. Click the Upload Files link if the document is not part of your existing Media Library.
  3. Select the file from your computer to upload then click the [Save] button.
  4. Click the title of the file to locate, highlight, and copy the URL of the file.
  5. After copying the file's URL, open the page or post in which you want to post a link to the document.
  6. Highlight the text you wish to make clickable.
  7. Click the [Insert/edit link] button Add a link button.
  8. Paste the document's URL into the "Link URL" field.

Inserting images into pages or posts

You can insert images into your posts or pages. You can use images already uploaded to your Media Library, images from your computer, or ones from another Web site.

Adding images from your computer

  1. Place your cursor where you would like the image to appear.
  2. Click the [Add Media] button located just above the main toolbar.
  3. Select the [Upload Files] tab.
  4. Click the [Select Files] button and locate the image.
  5. Click the [Save] button.
  6. A preview of the image will appear, which is where you edit settings for the image.
  7. Click the [Insert into Post] button.

Adding images from another Web site

For this to work, you need to know the URL of the image you want to use.

  1. Place your cursor where you would like the image to appear.
  2. Click the [Add Media] button located just above the main toolbar.
  3. Select the [Insert from URL] tab on the left hand side.
  4. Enter the Image URL and Image Title and edit any of the other settings.
  5. Click the [Insert into Post] button.

Adding images from the Media Library

  1. Place your cursor where you would like the image to appear.
  2. Click the [Add Media] button located just above the main toolbar.
  3. Select the [Media Library] tab.
  4. You will be presented with a list of images in the Media Library. 
  5. Edit any of the image properties if you like.
  6. Click the [Insert into Post] button.

Editing images in the Media Library

WordPress 2.9 and higher provides some inline photo editing features such as rotating, resizing, and cropping.

Rotating or flipping an image

  1. In the Media Library, click the title of the image you wish to edit.
  2. Click the [Edit image] button.
  3. Click the rotate or flip button you wish to use.
  4. Click [Save].

Cropping an image

  1. In the Media Library, click the title of the image you wish to edit.
  2. Click the [Edit image] button.
  3. Enter into the Apsect ratio boxes a desired width and height proportion (e.g., 4:3, 16:9, or 1:1). Don't confuse these numbers with the actual pixel dimensions of the image.
  4. Hold down the Shift key and drag a box around the section of the image you wish to keep.
    • Adjust the selection box by dragging any of the corner boxes, again by continuing to hold down Shift.
  5. Click the [Crop] button WordPress crop button.
  6. Click [Save].

Scaling/resizing an image

  1. In the Media Library, click the title of the image you wish to edit.
  2. Click the [Edit image] button.
  3. Click the Scale Image link.
  4. Enter the width or height (in pixels) you wish to scale your image. The other number will automatically change to match the proportion of the image.
  5. Click the [Scale] button.

Inserting videos into pages or posts

Embedding videos from YouTube, Hulu, or Flickr

WordPress natively supports the embedding of media from a number of third party sites that support the oEmbed standard. The complete list of supported sites is available from WordPress.org.

  1. Place your cursor on its own line in the page or post in which you want to display the media.
  2. Copy and paste the URL of the video you wish you use. Remember, the URL must be from a site that is on the approved list of sites(e.g., YouTube, Hulu, or Flickr).
    • This works only if "Auto-embeds" is enabled, which it should be by default. Go to the Dashboard Settings then Media and check "Auto-embeds"

Embedding Kaltura videos from media.lafayette.edu

Media uploaded and published publicly to a category at media.lafayette.edu can be embedded into a WordPress page or post.

  1. Copy the oEmbed URL from the media source at media.lafayette.edu.
    1. From the media source at media.lafayette.edu click the [Share] tab located under the player.
    2. Click the [oEmbed] button.
    3. Copy the "Embed Code," which will appear as a URL.
  2. Place your cursor on its own line in the page or post in which you want to display the media.
  3. Paste the embed code.

Editing a page or post

  1. Click either the Pages or Posts section title in the Site Admin Dashboard.
  2. All of your pages or posts will be listed and any Drafts will be indicated with a "-draft" status to the right of the title.
  3. Click the title of the page or post that you want to edit.
  4. Click the [Preview] button, the [Publish] button, or the [Save Draft] button.

Deleting a page or post

  1. Click the Pages or Posts section title in the Site Admin Dashboard.
  2. Hover over the page or post title you wish to delete to reveal the quick links.
  3. Click the Trash link. This will place your deleted page or post in a holding area until you're ready to purge the trash permanently.
  4. To permanently delete a page or post, click the Pages or Posts section title again to display all of your pages or posts.
  5. Near the top, click the Trash link located along side the All, Published, and Drafts links.
  6. Hover over the page or post title you wish to permanently delete to reveal the quick links.
  7. Click the Delete Permanently link.

Restoring a deleted page or post

  1. Click the Pages or Posts section title in the Site Admin.
  2. Near the top, click the Trash link located along side the All, Published, and Drafts links.
  3. Hover over the page or post title you wish to restore to reveal the quick links.
  4. Click the Restore link.

Managing page order, hierarchy, and menu structure

You can specify a hierarchical order for your pages, making some pages upper or "parent" pages and others sub-pages or "children." This can be helpful in how your automatic menus are created.

Establishing page order

  1. Open the page that you want to order.
  2. Under the "Page Attributes" section located on the right side place an order number (e.g., 1, 2, 3, etc.) to indicate the page's order.
  3. Click either the [Publish] button or the [Save Draft] button.

Establishing page hierarchy

To use the hierarchy feature your site must contain at least two pages.

  1. Open the page that you want to place into a hierarchy.
  2. Under the Page Attributes section located on the right side select the page from the drop-down menu that will serve as the "parent' page. If you are going to place more than one page into a "parent" page then you may want to place an order number (1, 2, 3, etc.) to indicate the order of the "child" page.
  3. Click either the [Publish] button or the [Save Draft] button.

Redirecting a page to another page

This is a helpful function when you want to create a page that displays in the menu, but redirects to an external site or to another page on your own site.

  1. Enable the "Page Links To" plugin.
  2. Create the page you wish to display in your menu.
  3. Scroll to the bottom of the page and enter into the "Point to this URL" field the full URL (you must include the http://) of the site to which you want to link.
  4. Click either the [Publish] button or the [Save Draft] button.