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
- In a browser, go to yoursitename.sites.ucsc.edu/wp-admin
- 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.
