Workshop 2012 – B
Sunday 18 November – CMU 302 – 9 am – 4 pm
Most are missing the second WP installation (assigned on Halloween). Needed for today’s workshop.
2. Functionality and Design
In pairs, review one another’s brainstorming post about your site.
Identify needed functionality – what will require plug-ins?
3. Moving on to Appearance
- Geek speak on Semantic Web -> see this G+ post on authorship and Eric and Tantek’s talks from (wait for it) 2005
- What are themes?
- Anatomy of a theme [screencast]; difference between posts and pages.
- Free theme sites
- Theme frameworks (beyond scope for this course)
- A WordPress child theme inherits the functionality of another theme (parent->child) and allows you to modify, or add to, the functionality of that parent theme without modifying the parent code base
- Some themes to consider:
* Plain (good for non-bloggy sites) : Balloons
* Modern clix – bloggy (clean)
NOTE: if you left your test site with an active “admin” account … change it now. 🙂 To make your life easier, make a new admin account the same login and pswd as the main account (assuming it’s a strong password). Then log in as the new admin and change the old admin to subscriber only. Write down the login info. 🙂
- Appearance -> Themes
- Search (searches WordPress.org)
- Find and click to install
- Upload (browse – must be zipped – Mac 10.8 automatically unzips)
On your main site (not test)
- Install a “coming soon” theme
Examples: Woo : WParchive : UpThemes : David Hechler : ReadyToLaunch
- There are also plugins that do this
On your test site
- Install the themes you have picked (at least two)
- Experiment. Look at one another’s sites with different skins. Look at pages (about is a default) and posts (hello world is a default) — look at category pages (uncategorized) — check out the sidebar options (Appearance-> Widgets)
4. Essential HTML and CSS
- Explore the HTML view of a post or page
- WP codex on editing code using the built-in editor
- The Anchor Tag
- The Image Tag (embed/position an image)
- DIVs and Layout
- Lists: unordered, ordered, list items
- Headings : H1, H2, H3, H4, H5, H6
- Tables (avoid if possible)
- HTML5 and semantic web
- Object model versus document model
5. Essential PlugIns (see first workshop)
6. Work On Your Sites – Content
- Sketch out the architecture of your content
- For each page, identify in as much detail as possible the content needed. Identify what content you have and what content you don’t yet have.
Note: at a minimum, each website for this course will need a working home page, an “about” page (may be called something else) and at least one other page.
7. Work On Your Sites – Design
- Working with your genre partner, revisit this week’s assignment.
- Look at the “things in common” list.
- Develop a sketch of the homepage that shows common elements.
- Discuss common elements for the type of site you are building and identify the content that you need to have on your home page. Does this match your work in the prior exercise or have you IDed some new content?