Reminder no class on Tuesday 2.12

Hi Class, just a reminder that there is no class today, Tuesday 2/12/13.

Also, Assignment #2 is now up. It is due on Friday, but you should be able to finish it before class on Thursday. Since it isn’t due until Friday you can ask questions on Thursday’s class (so start before then).

I will see you in class on Thursday.

Assignment #2: WordPress.org Blog

For this assignment you will need to install WordPress either on a server or on your USB drive with Server2Go or something similar. We did this in class but just in case you missed it or need to do it again here are the links to those posts:

Installing WordPress using a free hosting account

Installing WordPress using Server2Go

I would actually recommend to all of you that you have WP installed both on an actual server and on your USB drive. If you do work on the USB you can always transfer the files to the server later (there are different processes for transferring template files and posts and pages, which we will cover later).

Assignment Requirements

  • Install WordPress (using either method above)
  • Create a Page named About Me and write a little bit about yourself on the page
  • Install a new theme (ie don’t use one of the default themes given with the install)
  • Write a post with a description of your impressions of WordPress so far (it can be short and should be honest).

Turning in the Assignment

Go to Blackboard and find Assignment #2 in the assignments section and then:

  • If you have it installed on a server just give me the URL
  • If you have it installed on a USB drive then tell me that is what you did and that you will show me in class.
  • Click the submit button

 

Class on 2.7.13

Today we are going to make sure everyone has WordPress installed somewhere (see my updated post on installing Server2Go on a USB) and then jump into what is in the book  ”Chapter 2: The WordPress Syntax”

We will see the different pieces that make up a WordPress theme and experiment with changing things to help you see how it fits together.

Class on 4.5.13: Installing WordPress

Today we are going to install WordPress on your own accounts where you will have the ability to see the WordPress files, upload themes and even create your own themes to upload.

This is a two-step process where we will first get a free hosting account and then install WordPress on it.

Before we jump into the install I want to quickly go over a couple of diagrams to help explain what is needed to run WordPress and a quick rundown of a WordPress page load (even though it looks complicated, we will get into more detail later if you can believe it).

Requirements to Run a WordPress Site

This diagram shows the software and services that are needed before you can install and run a WordPress site.

Diagram of software and services needed for WordPress

Loading a WordPress Page

This diagram shows what happens when you load a page from WordPress. I’ll talk through it in class.

Diagram of the process of how a WordPress page is displayed

Getting Your Free Hosting Account

This tutorial shows how to get your account. We’ll do the first couple of steps together and then I’ll walk around and help you on your own.
http://profstein.clarify-it.com/d/tpd7f3

Installing WordPress

Try following this tutorial on you own after you create your account. I will come around and help, and may stop the class to point out a couple of things.
http://profstein.clarify-it.com/d/l6wmtt

Choose a Theme

Try finding and installing a theme by using the built in search tool.

Write a Post

Write a post on your newly created blog about the install process and your thoughts so far.

Class 1.31.13 WordPress Introduction Part II

Today we are going to learn more about how WordPress works both from a few different perspectives:

  • Content Creation
  • WordPress Administration
  • WordPress Development
We will look at some of the core WordPress resources along the way

WordPress.com vs WordPress.org

WordPress itself is an open-source blogging and content management system. WordPress.org is the place you go to get the open-source files and it is also where you can documentation, help, community and free plugins and themes. In order to use the WordPress software in this way you need to have:
  • A Domain Name
  • A Server (usually through a hosting company)
  • PHP on the Server
  • MySQL database on the server
  • FTP access to the server
  • Install WordPress on the server (some hosts have one-click installs to make this easy)
WordPress.com is a commercial, for-profit site that hosts WordPress for you. You don’t need to worry about getting a host or domain or installing the files. However the downsides are:
  • You can’t upload your own custom themes.
  • You can’t even choose which themes are available
  • Same for plugins, you can’t write or install plugins, you have to use what they give you
  • They can show ads on your site
We are using WordPress.com to start the class but as of next week we will move away from it to custom WordPress installs where you will have control over everything. Things may change but right now it is most likely that we will start with this free hosting company and then possibly transition to a different host later in the semester:

In Class Project

We will do the following in class to help you learn your way around WordPress

  • Create an Image Gallery. You can use these images: images.zip
  • Change the Theme to Oxygen
  • Customize the Theme
  • Make an image slider on the home page. The theme homepage helps explain it: http://theme.wordpress.com/themes/oxygen/. Here it is in a nutshell:
    1. Create a Page and set the Template to “Showcase Page” It doesn’t have to have any content (it does need a title).
    2. Create at least two posts.
    3. Each of the posts needs a Featured Image. Make sure they are at least 750px wide (all in images.zip are).
    4. In the All Posts view, use Quick Edit to make the posts “Sticky”
    5. Click the “Customize” button on your theme and under “Layout” select “A Static Page” then choose the page you created in step 1.
    6. View your site and you should see the slideshow.
  • Comment on a classmate’s blog
  • Manage the comment on your blog

Vocabulary

You should know what these parts of WordPress are:
  • Page
  • Post
  • Template
  • Sticky Post
  • Category
  • Tag
  • Theme
  • Plugin
  • Widget
  • Comment
  • Dashboard
  • These are terms you already know but have specific meaning in WordPress
    • Menu
    • Header
    • Footer
    • Sidebar

Administration and Content Creation/Editing

You should know how to do the following:
  • Create a Page
  • Create a Post
  • Quick Edit Posts and Pages
  • Change the Template of a Page
  • Set a Featured Image
  • Create new Categories and Sub Categories
  • Add Categories and Tags to a Post
  • Insert Images (and create a gallery)
  • Import Posts and Pages
  • Export Posts and Pages
  • Change the Tagline
  • Change between the Frontpage being a static page and a list of the latest posts
  • Create a custom menu
  • Manage Comments
  • Customize a Theme
  • Show Screen Options
  • Use Help

Assignment 1: WordPress.com Blog

If you’re in class on the first day then you will have basically done this assignment.

The assignment is to

  1. Create a blog at WordPress.com
  2. Import the zip file from http://donalyza.com/projects/wordpress-sample-blog-content/. Instructions are on the Welcome Post at the class blog.
  3. Create a Post of your own
  4. Create a Page of your own
  5. Create a Category with your name
  6. Upload the URL of your blog to the Assignment 1: WordPress.com assignment Blog on Blackboard.

For future reference, most assignments in this class will involve putting something online and then putting the URL into an assignment on Blackboard.

Welcome to MMP 350 Advanced Web Design

Welcome to MMP 350. Today is the first day and we are going to take it slowly and do some introductions:

  • To me: Prof Stein
  • To you
  • To WordPress

For the WordPress introduction we are going to all create accounts at

http://wordpress.com

And we will import some pages from this link

http://donalyza.com/projects/wordpress-sample-blog-content/

Directions for Importing the File

1. Download the zip file

Scroll to the bottom of the page and click Download (1)

1. Download the zip file

2. Save the zip file

Save the zip file

3. Unzip the file

It will be an XML file (1)

Unzip the file

4. Go to your WordPress.com Dashboard

Go to your WordPress.com Dashboard

5. Click on Tools > Import

Click on Tools > Import

6. Click on WordPress Import

Click on WordPress Import

7. Click “Choose File” and select the xml file

Make sure to select the XML file and not the .zip

Click "Choose File" and select the xml file

8. Click Upload File and Import

Click Upload File and Import

9. Select yourself as the author of the posts.

This is needed, all WP posts have authors.

10. Click on Posts > All Posts

Click on Posts > All Posts

11. See your new Posts

You should have a bunch of new Posts

See your new Posts