Documentation:WordPress Basics/Basics 1 Exercises

From UBC Wiki
Jump to: navigation, search

Hands-on: Creating Pages

HandsonHAND.png

Using the examples of sites consider how you could set up pages on your own site. How many pages would you create? What content would they hold? How would they be organized? What would you like the front page of your site to look like?

  • Create at least three pages for your site. Include headings, text and formatting.
  • At least one of the pages should be a sub-page.

Hands-on: Creating & Formatting a Post

HandsonHAND.png

  1. From the Dashboard, create a new Post and add a title
  2. Format your post using the Kitchen Sink
  3. Add or select a category and add a tag
  4. Publish your Page
  5. Click Visit Site and see what your site looks like now

Try creating at least three posts for your site

Hands-on: Add Media to your Pages/Posts

HandsonHAND.png

  1. Select one of your posts or pages by browsing through All Pages or All Posts
  2. Add and title a PDF file to your site from the WordPress Media folder on the desktop
  3. Add an image to a page or a post on your site from the WordPress Media folder. Give the image alt text and attribute the image using the Caption form
  4. Using the media folder add images and media to your site

Hands-on Activity: Themes and Headers

HandsonHAND.png

  • Select a theme for your site from the list keeping in mind the different column configurations (one, two or three) and the functionality of the theme (customized image header, custom menus)
  • Customize your theme header

Hands-on Activity: Embedding Content

HandsonHAND.png

Beginner Activity

  1. Go to http://wiki.ubc.ca and search for any wiki page
  2. Go to the Toolbox section on the left sidebar and click on Embed Page
  3. Copy all the text/embed code that appears
  4. Go to your blog's Dashboard and add a new post
  5. Click on HTML tab and paste the embed code
  6. Click Publish and view your post

Intermediate Activity

  1. Go to http://youtube.com and search for a video
  2. Click on the Share button (1) below the video
  3. Click on Embed (2) and choose a size you prefer (3)
  4. Copy the embed code (4)
  5. Return to your blog's Dashboard and add a new post
  6. Click on the HTML tab and paste the embed code
  7. Click Publish and view your post

Advanced Activity

  1. Go to http://www.flickr.com
  2. At the top of the page, click on Search and then click on Advanced Search
  3. Scroll to the very bottom, and click on Only search within Creative Commons-licensed content. Also click both check boxes for: Find content to use commercially and Find content to modify, adapt, or build upon
  4. Search and choose the desired image.
  5. Above the image, click on the Share button (1) for more options. Make sure you are in the tab that says Grab the HTML/BBCode
  6. Choose the size you like on the drop down menu (2)
  7. Copy the embed code that was given to you (3)
  8. Return to your blog's Dashboard and add a new post
  9. Click the HTML tab and paste in the embed code
  10. Go back to the Visual tab and click on the image
  11. Click on the first icon to edit the image
  12. Provide attribution by adding the image's creator in the Caption area and click update.
  13. Click Publish and view your post

Hands-on Activity: Adding Widgets

Beginner Activity

  1. From the Dashboard, under Appearance, click on Widgets
  2. Drag and drop the Tag Cloud, Categories, or Pages in the Primary Widget Area
  3. Review the custom settings on the widget
  4. Click Save and visit your site.
  5. What other widgets can you use to help visitors navigate around your site?

Advance Activity

  1. From the Dashboard, under Appearance, click on Widgets
  2. Drag and drop the Text Widget onto SideBar 1 - right hand side the page
  3. Review the custom settings on the widget
  4. Click Visit Site and see what your webspace looks like now!
  5. Repeat the above steps and add the Text Widget to your webspace