WordPress Introduction Course at Clark College Continuing Education October 16, 2012

Starting October 16, 2012, I’m presenting the Introduction to WordPress at Clark College Corporate and Continuing Education in Vancouver, Washington.

The CTEC 280 Clark College WordPress Introduction course continues as a four credit course. This is the college level course for WordPress users wanting to learn how WordPress works and how to use it better for half the price and no degree credits or college registration required.

REGISTER:
Clark College Corporate and Continuing Education
The Introduction to WordPress
6-8PM October 16 – December 6
Columbia Tech Center in Vancouver, Washington
$299 Item # F257
Register: Online or call (360) 992-2939

The Clark College Corporate and Continuing Education program, The Introduction to WordPress, is a slightly scaled down version of the full credit course. It is a thirty hour course designed for anyone looking to learn how to use WordPress for a personal or business website. It covers the basics on how to use the WordPress platform including installation, content management, configuration, SEO, and user experience strategies. The course also covers more advanced areas including WordPress Themes, Plugins, and advanced settings. No prerequisites are required, though familiarity with web browsers and web pages in general is highly recommended.

The Clark College CTEC 280 WordPress Introduction course will be offered Winter Quarter. If you are interested in the course as part of a degree or business education course, contact Reesa McAllister, CTEC offices, at 360-992-2456 to learn how to register and/or get on the waiting list for the class announcement.

Tutorial: Tidy Your HTML and CSS Code

The following is a tutorial for the HTML Fundamentals Class for Clark College. The information pertains to all web design, development, and WordPress fundamentals in WordPress Theme and Plugin development.

There programs designed to "tidy" your HTML and CSS into a format that meets typical standards for code layout. These take hard-to-read markup (code) and clean them up into a consistent format.

These tidy programs will not fix your broken code, but they may identify errors to help you fix it yourself.

Example of Tidy HTML cleaner before and after

Tidy programs were originally created by Dave Raggett to help clean up the HTML code. HTML TIDY now supports HTML5 and HTML exported from Google Docs, Word, and other publishing programs.

There is now a community supporting TIDY and you can learn more on TIDY Sourceforge Project.

There are also CSS TIDY programs. These work the same as the HTML versions. They include: CSSTidy and CSS Formatter and Optimiser/Optimizer (Online).

TIDY is available for cleaning up online or offline, and is incorporated into many text editors and programming editors. it is available for a variety of operating systems and in different programming languages such as Java, Perl, and Python.

To use these, follow the instructions provided by the developer. Always save a backup of the original file, called "about.bak" or something similar, just in case.

For online versions, it is as simple as uploading the file to be cleaned or pasting the file contents into the form. Copy the cleaned code and paste it into a copy of the file name or create a new version of the file and rename it to the desired name.

Learn More About TIDY

HTML and CSS Recourses List

The following was compiled specifically for the Clark College HTML Fundamentals Class but can be useful to WordPress and web design in general.

The following are helpful HTML and CSS references and resources.

W3C Guidelines and Standards

Basic HTML and CSS Resources and References

Official HTML5 Resources

CSS3 Resources and References

CSS3 Tutorials

HTML5 Resources and References

HTML5 Tutorials

HTML5 and CSS3 Tools

HTML and CSS Structure, Layout, Frameworks, and Wireframe Articles

HTML and CSS Basics Tutorial [Video]

The following video is for Clark College’s HTML Fundamentals Class and covers the basics of HTML and CSS you need to know for building and fixing web pages. It also applies to understanding the underlying architecture for WordPress Themes.

CTEC 122 HTML and CSS Basics You Need to Know from Lorelle VanFossen on Vimeo. Continue reading

Summer WordPress Intro Homework: Podcasts

Outcomes

  • Complete audio and video "podcast" within the class and publish one each on your blog.
  • Analyze the different presentation styles of design and show notes related to a podcast.
  • Explore syndication options through feeds.
  • Introduction to Statement of Work and Final Project

Homework Assignments

  1. Complete the audio and video posts with "show notes."
  2. Read articles on Statement of Work, Interviewing Clients, WordPress Theme checklists, and Web Practitioner.
  3. Complete all tasks on Your Blog So Far.
  4. Contact the members of your team for the Final Project
  5. Start planning and strategizing your Final Project.

Continue reading

Announcement: Introduction to WordPress Final Class Project Teams

Clark College WordPress Intro Class ProjectFor the final project, the WordPress Introduction class at Clark College was divided into teams to create a small business site on WordPress.com. This gave the students a chance to put into practice what they learned and find creativity within the limitations of WordPress.com. The small business sites are hypothetical, giving them a chance to use their skills in web design, content strategies, and WordPress to serve a variety of business “clients.” The business types were chosen from lists of the top 500 most popular small businesses in the United States representing potential future clients.

The following are the teams for the Introduction to WordPress Final Class Project:
Continue reading

WordPress Intro Summer: Design, Template Files, Conditional Tags, and Child Themes

In Class 10 of Introduction to WordPress, we covered:

  • Design elements considered the “most hated” in web design.
  • What design elements make you trust a website.
  • CSS in WordPress revisited: How to find your CSS styles in WordPress.
  • The WordPress body_class() template tag.
  • The WordPress Theme Template File Hierarchy.
  • WordPress Conditional Tags.

NOTE: On Thursday, August 2, we will be doing video and audio. Bring your digital cameras and recording devices and be willing to share if you have extras.

Homework

Read the following:

Create a Child Theme on your portable WordPress install and change one design element to change the look of the Parent Theme.

Write and publish an article with screenshots to show how you used the Child Theme to change that design element.

Get your blog’s updated per the list below. Remember, your class site represents a large part of your final grade.

Continue reading

WordPress Intro Summer 2012: Homework for Week Three

In Class 5 of Introduction to WordPress, we cover:

  • Introduction to how to comment on WordPress.
  • Overview of Comment Spam and introduction to Akismet WordPress Plugin.
  • How to monitor, manage, and edit comments in WordPress.
  • Introduction to creating a Comments Policy.
  • Introduction to security and privacy concerns within WordPress.

Homework Assignment

  • Profile updated and accurate, and display name set to be “human.”
  • Write a blog post about one of your fellow student’s blog posts to create a trackback.
  • Comment on blogs everywhere, especially fellow students. See if you can get them to come to your site and comment.
  • Add a Comments Policy to your Policies.
  • Present a 3 minute presentation on some feature on the WordPress.com Administration Panels next Tuesday!

Continue reading

WordPress Intro – Summer 2012: Week Two Homework Tuesday

In Class 3 of Introduction to WordPress, we covered:

  • More on what can go into a WordPress blog post.
    • WordPress.com Shortcodes.
    • Uploading multimedia and publishing it.
  • Organizational structure of Posts, Pages, Categories, and Tags
  • WordPress Theme introduction
    • How to use a sandbox post text file for testing WordPress Themes and post content HTML.
    • Introduction to the WordPress Loop
    • WordPress Pageviews
    • Post Formats
    • Changing WordPress Themes
    • Basic WordPress Theme customization

Continue reading

WordPress Intro – Summer Quarter: Week One Class Two Assignments

The following is the homework assignments for day two of the first week of the class.

  1. Edit your blog posts based upon the new class information, if necessary.
  2. Write and publish:
    1. 5 posts using multimedia
    2. 2 posts with blockquotes (in HTML)
    3. A list post
    4. Create a Policy Page. Add a copyright policy. Add Creative Commons license and image.
  3. Read assigned reading material on lorelleteaches.wordpress.com or Moodle. Start an article To Do List with ideas for blog posts.
  4. Goal: By the end of the next week you’ve published a minimum of 5 posts in every category.

Assignments are due Thursday, July 12.

Welcome to Introduction to WordPress Spring 2012

WordPress word wordle artWelcome to the second “Introduction to WordPress” class at Clark College this spring, the second ever in the world. The first course was a resounding success with no students failing nor dropping the class. Amazing. You can read more about it

Introduction to WordPress is focused on the core features and functionality of WordPress right out of the box – specifically out of the WordPress.com box. We’ll explore the full features of WordPress and WordPress.com and concentrate on content building and strategies. The extra features that come with free WordPress.com blogs are based upon popular WordPress Themes and Plugins, giving us experience using the extensible and customization features available for the self-hosted version of WordPress.

If time allows, we’ll work our way towards some basic WordPress development, planning website layouts and content support for a variety of business needs.

I’ve summed up most of what you will learn in this Introduction to WordPress course in WordPress Credit Course at Clark College in Vancouver, Washington.

You will learn:

  • What is WordPress?
  • How to setup a WordPress.com blog.
  • Categories, tags, and content organization and navigation.
  • Web publishing with the visual editor, HTML editor, QuickPress/PressThis, mobile, and alternative publishing tools.
  • Publishing multimedia with WordPress.
  • Content development and management.
  • Introduction to basic core site customization (header art, widgets, etc.).
  • Introduction to dynamic web page generation.
  • Introduction to dynamic web design.
  • Introduction to WordPress Themes.
  • How to use Post Format Types.
  • Comments and spam management.
  • Multiple users and authors (permissions/authorities).
  • Managing multiple contributors.
  • Basic analytics and statistics with WordPress.com Stats.
  • WordPress and SEO.
  • Introduction to WordPress hybrid sites.
  • How to create and manage custom menus.
  • WordPress Widget functionality and customization.
  • Understanding WordPress interactivity through trackbacks, pingbacks, and pings.
  • WordPress feed management, integration, and customization.
  • Integration of social media to and from WordPress.
  • Managing a private or restricted access WordPress site.
  • Introduction to WordPress Plugins.
  • WordPress installation options.
  • Troubleshooting WordPress.
  • Introduction to WordPress development for employers and clients.

The program is fairly flexible based upon student abilities and learning process. We will explained into more technical aspects in WordPress as much as time permits.

The class requires are competency with computers and web browsers, as well as basic writing skills. See Class Requirements below for details. It is highly recommended that you have HTML Fundamentals and Introduction to PHP if you wish to pursue WordPress towards a career. Check with Clark College’s course catalog and counselors for more information on the various programs you will need for a WordPress and web practitioner degree program.

Be ready to:

  • Create your own blog.
  • Have something to say and share on your blog, enough for ten weeks.
  • Use social media networks (Twitter, Facebook, Reddit, and Google+).
  • Interact with fellow students.
  • Interact with fellow bloggers.

Continue reading

Introduction to WordPress Class 18 – Troubleshooting WordPress

In Class 18 of Introduction to WordPress, we covered troubleshooting WordPress including:

  • Determining what exactly is breaking or not working within WordPress.
  • Identifying where to get help.
  • Troubleshooting methods for post content, WordPress Themes, WordPress Plugins, and servers.

Below is also the criteria for the Class Project presentations this week.
Continue reading

Introduction to WordPress – Special Guest Panel

Our Introduction to WordPress class is honored tonight with five fascinating business people, each one using WordPress in different ways. This is the time to get all your WordPress questions asked and answered by WordPress users, designers, and developers, especially questions associated with your final class projects. The group represents all levels of WordPress expertise.

Kim GreenhouseKim Greenhouse is the producer of It’s Rainmaking Time!™ — Amazing Breakthroughs, Conversations, and Discoveries for Everyone, a multimedia publishing company focused on new and ancient knowledge, solutions, and discoveries – uncovering the “truth behind the news.” Recent podcast episodes include Finding Light in the Thick, Dark Fog about social inequality and cultural oppression for a small group of Native Americans, Is Something Fishy About Fish Oil? on the true impact of the fish oil supplement, A Real Life Da Vinci Code about the Chinese arriving in the Americas before Columbus, Healthy & Safe Dentistry, and New Hope for the World on Internet privacy, freedom of speech, and economics in Iceland.

dan portis-cathersDan Portis-Cathers of Deep Sea Music is an award-winning composer for film and television and a specialist in music production and sound design, and developer of computer music applications. His original music is exceptionally diverse ranging from country-western to jazz, from children songs to alternative rock and roll and funky sports themes. He’s released more than 30 albums in traditional and digital formats. Intimate Guitar Suites is his music catalog store featuring his own work and fellow artists from around the country. Dan is in the digital design, development, and marketing program at Portland State University and converting his sites over to WordPress, integrating custom JavaScript, jQuery, and AJAX scripts.

Scott KritzerScott Kritzer is a classical guitar artist and performer, touring world-wide, and a popular teacher in Portland with a large social community and fan club. He created the Kritzer Method, a master program for integrating physiology and guitar technique to promote long-term playing and hand and body health. Scott is the founder of the successful Classical Guitar Immersion Conference (CGI) bringing 20-40 guitar students and professionals from around the world together for an intensive week-long conference annually. He also developed the unique Performance Anxiety Rehab (PAR) workshop to help guitarists overcome stage fright and performance anxiety. Scott converted his static site and active forum to an integrated WordPress site (maintaining the forum) a year ago, making it easy to promote his concerts, classes, and social events as well as share his innovative teaching techniques.

Randy Sandberg of beAutomatedRandy Sandberg is the Software Test Engineer of beAutomated, a web development company specializing in building custom WordPress Plugins for the enterprise market. Their customers are small to large ecommerce and online businesses eager to automate the business process online, especially within the WordPress environment. Examples include custom email and subscription handling, database integration, ecommerce/store integration, migration, and conversion, directory development and management, and other website automation. They’ve created several popular free WordPress Plugins including Benchmark Email Lite emailing management program and beCounted, a unique Plugin that counts up (or down) annual statistics for anything you wish to count such as animal kill statistics, CMS downloads, mobile phone shipments, and the number of mythological created created since arriving on the web page.

Jeff BrockJeff Brock of Jeff Brock Studio is a long-time web designer specializing in designing on WordPress for small businesses, celebrities, and innovative enterprises around the country. He is also a professional photographer, integrating photography with digital arts. He works with beAutomated as a partner, focusing on custom wireframes and frameworks with WordPress. His company offers WordPress installation and upgrades, WordPress Theme and template design and development, WordPress Pluguin creation and modification, content customization, third-party integration, optimization, and graphic design.

Introduction to WordPress Homework – Class 10 – Design, Template Files, Conditional Tags, Class Project

In Class 10 of Introduction to WordPress, we covered:

  • Design elements considered the “most hated” in web design.
  • What design elements make you trust a website.
  • CSS in WordPress revisited: How to find your CSS styles in WordPress.
  • The WordPress body_class() template tag.
  • The WordPress Theme Template File Hierarchy.
  • WordPress Conditional Tags.
  • Presentation of Final Class Project teams and assignments.

NOTE: On Thursday, February 16, we will be doing video and audio. Bring your digital cameras and recording devices and be willing to share if you have extras.

Class Final Project: Connect with your teammates for your Introduction to WordPress Final Class Project Teams.
Continue reading

Announcement: Introduction to WordPress Final Class Project Teams

Clark College WordPress Intro Class ProjectFor the Winter Quarter 2011, Clark College in Vancouver, Washington, offered one of the first WordPress-exclusive full credit courses taught by Lorelle VanFossen of Lorelle on WordPress. For the final project, the class was divided into teams to create a small business site on WordPress.com. This gave the students a chance to put into practice what they learned and find creativity within the limitations of WordPress.com. The small business sites are hypothetical, giving them a chance to use their skills in web design, content strategies, and WordPress to serve a variety of business “clients.” The business types were chosen from lists of the top 500 most popular small businesses in the United States representing potential future clients.

The following are the teams for the Introduction to WordPress Final Class Project:
Continue reading

Introduction to WordPress Class – Midway Point Warning

Warning sign - No excuses beyond this pointIt’s time for a midway point warning for the Clark College Introduction to WordPress class. I’m checking out your sites this weekend and leaving comments. The number one comment I want to leave is “It’s been two weeks since your last post. It’s time to catch up with the homework!”

Here are some quick tips to catching up and completing the homework assignments.

  • Don’t put too much thought into the content of the post assignment, just showcase you understand the assignment. Original, well-thought out content is welcome and appreciated, but not the point of the exercise.
  • Don’t anticipate 2 hours for a task that should take 30 seconds. The average time for creating a link list of every student blog using the Links feature and putting it in a sidebar links widget should take no more than 10 minutes, yet people are telling me it will take hours. Until you do it, you won’t know how long it will take, and everything in WordPress usually takes only a couple minutes.
  • Partner up with another student in the class to do your homework together. It’s often great fun, but more importantly, it’s motivation.
  • If you need help, I’m available from 5-6PM prior to the class and after it for up to an hour. I’m also available by email, blog comment, text message, etc. If you need help, ask and I’ll do my best to make time.
  • Remember that passing this class puts one of the most valuable educational points on your resume for jobs in web design, web development, web writing, social media, marketing, advertising, etc. So make it count.

Introduction to WordPress Homework – Class 7 – Feeds, Subscriptions and Social Media Integration

In Class 7 of Introduction to WordPress, we cover:

  • How feeds work in WordPress.
  • How to promote and use WordPress feeds.
  • How to create a Subscription Page.
  • Overview of social media integration with WordPress.

Homework

  • Create Subscribe Page with:
    • Description of the Page content.
    • Text link to each feed available on the site (posts, comments, categories, email)
    • Add visual link (and optional image) to sidebar in Text Widget to Subscribe Page.
  • Add Widgets
    • Add Subscribe by Email Widget
    • Add Subscribe by Follow Widget/option
    • Add Feed Links Widget
    • Add Social Media Widgets for Twitter, Facebook, etc.
  • Add Share button on posts
  • Add Like to posts
  • Add Publicize share features with social networks you belong to (LinkedIn at minimum)
  • Use WordPress link shorteners to publicize your blog on social media networks

Continue reading