Working with Wordpress

Comprehensive Tutorials / Training

http://multimedia.journalism.berkeley.edu/tutorials/wordpress/

 

 

BASIC WORDPRESS INSTRUCTIONS

 WordPress is a blogging tool. You can create a blog post, or a page. Most simple sites just use pages. Some use both posts and pages.

 Log into your site

  1. In a browser, go to yoursitename.sites.ucsc.edu/wp-admin
  2. Enter your CruzID gold password

 

3. You will see a grey screen with black bars across the top and left side. This is your WordPress website dashboard. Only you can see this.

Viewing Pages

1. You can see all your pages by clicking on “Pages” in the left bar. Click on the page name to open it and edit 

 

How to add a page 

 

1. Create a new page by rolling over the “Pages” link in the left bar, then click on “Add New”

 

2. You can "Save Draft" or “Publish.” Save a draft if you aren’t finished. The page won’t be visible on the public website until it is published. 

 

How to add a post (blogging only)

 

Under Dashboard, click on Posts > Add New

 

You can "Save Draft" or Publish

 

Editing Pages

In “Pages,” click on a page name to open it. You will see a simple formatting bar along the top of the editing area.

 

How to add a link

 

1. Select the text you want to put a link on 

2. Click on the link icon in the editing tool bar

3. put the full URL (http://www…) in the URL box, then click the blue “apply” arrow.

How to add images to Media Library

Roll over “Media” > then click on “Add New”

Drag drop new file as indicated.

 

You will then see a thumbnail of the file with a link to edit metadata related to it.

 

 

Click on “Media” in the left bar, and you will see the image is now available in your Media Library

 

To insert an image from the Media Library into a Page or Post

1. In an Edit screen, place your cursor where you want the image to appear, then click on the small "Add Media" icon above the WYSIWYG editor

 

2. Then…

a. Click on Media Library Tab
b. Find image, click on it to select and click on “Insert into page.”

c. the image will appear in the page (or post) with an “alt text” message next to it - this is a reminder to set alt text.

d. Click on the inserted image, then click on the pencil icon for editing image settings

e. The image details dialog provides options for resizing, and text wrap/ alignment. Advanced settings provides options for links, URL source, and styling. Click update to view changes on the page.