The document provides an introduction and tutorial on using WordPress for blogging. It covers logging in, the dashboard overview, creating pages and posts, adding images, categories and tags, basic settings, themes, widgets, menus, and resources for learning more. The tutorial guides the reader through setting up the basic structure and features of a WordPress blog.
34. Go ahead and try posting…
• Give it a title
• Some content
• An image if you want
• Double-enter for paragraphs
• Formatting
• Categories and tags
• Excerpts
35. Categories and Tags
What’s the difference?
“In understanding the difference between categories and tags, it’s helpful to
think of your blog like a book.
“Categories work like the chapters of a book: All of a book’s content is
organized into chapters. Looking at the title of each chapter will give you a
good idea of the topics the book covers and how it’s organized. If the book
author or editor wanted to change, add, or remove any chapters, it’d be a
pretty big structural change for the book.
“Tags work more like the book’s index. Indexes are a much longer list of
more specific topics the book mentions. If a topic is in the index, it’s
probably covered (albeit briefly, maybe) in more than one area of the book.
A book’s index is usually much longer than the table of contents, and
adding or removing an item doesn’t affect the structure of the book.”
-- Elegant Themes Blog
36. A brief word about Word
• The infamous “Visual” tab has the
potential to make your blog look terrible.
• Don’t copy-and-paste directly from Word
• Check the “paste as text” icon
• Better yet, just use the “Text” tab
42. Now we’ll take a minute…
And see what your blog looks like.
43. Magic Pages
• These are automatically created, one of the
key features of a content management
system
– Category pages
– Tag pages
– Author pages
– Archive pages
– Content type pages
• We’ll look at some of these when we do
menus
54. What We’ve Covered
• What blogs can do
• Some features that are available
• Some look-and-feel options
• Adding your content
• Basic Settings
55. WordPress
• Almost 10 years old, based on earlier version
called “b2 cafelog” of 2001.
• Version 4.0, multisite
• LAMP, open source
• Previously on Movable Type
• 34,259 plugins available (up from 27,929 last
year)
• 2,787 themes (up from 2,118 last year)
• Not counting commercial projects
56. WordPress
• Estimated >23% of Web sites worldwide
• Time Magazine
• The New York Post
• Eric Cantor
• Nancy Pelosi
• Vogue
• Variety
• Justin Bieber
• Tom Jones
• BBC America
• Turner Classic Movies
60. Themes
• What you can control depends on the theme
you choose
– General layout
• 1, 2, 3 column
• Single-page trend
– Widgets
– Menus
– Options
• Color schemes
• Column sets
• The works
– Fonts
70. Slot Sidebar Material into Widgets
• Text
• Lists of things
– Comments
– Pages and Posts
– Links
– Archives
– Categories and Tags
• Feeds
• Forms
• Images
• Tag Clouds
• Featured Content
• Login Blocks
• Searches
• Credits
• Additional Menus
• Calendars / Events
• Plus there’s a default
set
71. Where Widgets Come From
• Built-in Sets
• Plug-Ins
– They can be the whole point of a plugin
– They can offer additional functionality to a
plugin
– Build your own
• Included with a theme
• Just remember that they need to be
configured
72. Menus
• The default Menu is simply your home
page, and any “Pages” you add
• Different themes offer different menu
locations
– none, one, two, three…
• Additional Menus can be put into Widgets
How long we’ve been doing it, where we’ve been. Moveable type etc.
Predates me, maybe eight years
Four years ago made the move over to WordPress
Time to ask: any experience? Just learning? Knowledge levels?
Blogs can highlight specific topics.
Fully integrate your social media with “share” buttons and twitter feeds.
Research Projects
Academic Projects,
Google Map integration,
custom fields.
Things to use it for.
Outreach to specific audiences.
They have subscribers!
“Blog” is too limiting a term. Can manage any kind of content any way.
For an affiliated organization.
Including outside scholarly organizations.
Mirror and enhance printed publications
Publications,
featured articles,
rotating images,
full downloads
Highlighting events, with
schedules,
application forms,
document repositories.
Class assignments.
Galleries.
Easy integration with images, video and audio.
They don’t even have to look like blogs. The can look like a comic book.
This informational site features a calendar, RSS feeds.
This doesn’t look anything like a blog, but we can build it anyway.
Departments and administrative functions.
OTHER THINGS A BLOG CAN EASILY HANDLE Calendars, forms, gallery widgets, embedded audio, video.
We’ll cover some of this on Thursday.
Start by logging in at the URL shown
This is the Dashboard. From here you’ll manage everything you need to do on your site.
Point out collapsible sections on left.
If you have several sites, you can shortcut to them here.
Shortcuts for adding new things.
Also, comment management and logging out.
If you don’t see something that you think you should, try the screen options
Posts panel.
Manage your posts, add new ones, categories and tags.
Managing pages is the same.
FAQ.
Make a brief bio page. Can be 1 paragraph about what you had for breakfast.
Something like this.
There are a few quick ways of grabbing an image.
Drag-and-drop can be easy
Do it in groups too
Use a file you’ve uploaded before from your gallery
I’ll just select a file. Uploading happens automatically.
Progress bar, then
options for inserting the image.
I’ll pick left, medium, Insert into page.
Another way to do it is to put your cursor where you want an image to be in the post, and drag-and-drop it from your desktop.
Now it looks like this. I can save a draft, schedule it, password protect it, delete it, set a featured image (if your theme supports it).
Click the “Preview” button.
Adding posts works the same way, but with a few additional important items.
Categories, featured images (if supported, but good to do anyway)
Stickiness. Delayed publishing. Password-protection.
Post formats can be helpful. Many themes come with custom types built-in.
Tags.
excerpts,
custom fields, discussion settings, slug (pretty URL), author.
Formatting hell.
Excel is even worse, but there’s a “Table Press” plugin to make it work better.
A new feature with version 3.9 is “Distraction-Free editing.” It removes all the sidebars and other options so that you can just focus on what you’re writing.
Content is still king.
Easy as 1,2,3.
One, find your video on YouTube, Vimeo or a number of other video-hosting sites.
Two, Click on Share and copy the link.
Three, paste it into your post on a single line.
Short videos some formats, and audio clips, can be uploaded using the Add Media button
Preview
Save your work.
Wait.
Switch over to browser tab here.
The point of a CMS is cross-indexing automatically.
You can also add media for other purposes such as
banners or
backgrounds, or
just to hold media items until you’re ready to use them.
If you’re on-the-go…mobile app
You can accommodate a lot of “metadata” along the way.
But depending on your theme, they may or may not be displayed.
Still, good for your own organization because you can find things later.
Grab Link URL, titles, alt-text (for hovering), captions, descriptions.
Can be searchable, with the right plug-in.
Major Options
Out of the box, these are set up by default. But you can change your
Site Title (don’t leave it blank!) and
tagline (blank if you want),
set the timezone to the nearest big city so DST is adjusted,
date formats etc.
If you use a static home page, be sure “blog” page exists. It should be blank.
How many posts to show – especially important in cases where your layout is showing a grid that you want to be even.
Comments rules – most comments are spam. Different moderation settings
New plugins make automated spam less of a problem.
Permalinks are important for SEO
If you have a very specific kind of layout planned, work with the media settings, particularly thumbnail sizes.
Comments show up in black bar. Administrators are usually notified.
May be held “pending.” If comments aren’t caught immediately,
check to see that they’re legitimate before approving them.
Always mark them as spam – the system learns. Explain these.
Notice the different kinds of almost-legitimate-sounding compliments and suggestions.
URLs as names, URLs for commercial sites,
slightly off-sounding names,
comments on very old posts.
Built in, under the WP Touch Pro menu. There are a few themes to choose from. These are two of them.
These are the others.
A little about WP
wordpress.org
Has lots of tutorials, support and other information.
Really, not just for blogs
Now that we’ve got some material in place.
Themes
Widgets and Plug-ins
Menus
So you know what we’re talking about:
Header, banner, menu, body 2 columns, widgets
Meta, navigation, footer widgets.
Stress that you need to pick the right theme.
Easier to change the look of a theme than to add functionality that just isn’t there.
There are specialized themes for photographers, portfolios, writers and journalists, publications, general bloggers, gamers, events and more.
There’s a well-established industry of “premium” theme developers. $35 - $200 for added functionality, finesse and polish, support.
The first stop.
Shortcuts to some customizations, preview others.
This is our set, options to add more.
Not every theme does everything you want. Don’t fall in love.
This one lets you change widgets (2 widget areas), menus (three menu areas), headline color and the header image.
Some have complex “builder” areas to create complex page layouts.
A lot of them don’t look like anything until you get into the customization part.
The theme previews are only a start.
Notice the gaps – missing widget areas in particular. Also, menus, slideshows and other features custom to that theme need to be configured.
Don’t worry – they’ll stay stored if you want to switch back.
Like the popular Divi theme. Looks like “meh” right out of the box.
Full-width slider
Fly-in logos
Colorful icons in columns
Image portfolios
Parallax background
Bios
Whatever. All customizable in countless ways.
Way down into the rabbit hole with Suffusion, where virtually every aspect of the look-and-feel plus functionality can be customized. This one is powerful but not as intuitive. But also, less prone to break if you change themes.
19 color schemes,
different icons sets,
1-2-3 column layouts,
Google fonts,
a slideshow,
14-19 widget areas,
two menu areas,
breadcrumbs, bylines,
custom javascript and css, and
multiple content-type templates.
Change a theme, then preview.
Under Appearance::Widgets.
Notice how these correspond
Version 3.9 introduced in-place widget configuration from the Theme Customizer area.
Where you hang content
If you don’t add any, the default set takes over. Search, archives, “meta” block
Not just sidebars; some themes have them in the headers and footers too. Others let you “widgetize” blocks within a page or post.
Don’t forget to configure them.
Under Appearance::Menus
Not usually helpful in a site of any complexity.
Start by creating one, giving it a name.
Then add components.
Pages,
custom links,
“magic” categories page, etc.
Check, Add, drag and drop, save.
Have a volunteer gather everyone’s “About” Pages
If more than one location is available, you can do this.
Here is a theme that supports two menus – one at the top edge, another below the masthead.
All Google can index is your text.
It will gather metadata about your images, but how they’re found derives from text.
Write a lot, make it interesting, get linked, avoid spam, stay secure.
Blogs.shu.edu, click the link indicated.
Top ten sites according to Wikipedia.
Chinese search engines and social media sites are here.
Other sites in the top 100
Sports news
Social media
Shopping
Photo sharing
In all its glory, unchanged since it was launched in 1996.
Amazing how much of this code is no longer in use.