SlideShare a Scribd company logo
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
http://blogs.shu.edu/wordpress101/wp-admin 
Log in with your PirateNet logon and password.
Don’t experiment yet – bad things can happen! 
HOLD ON THERE!
The Dashboard
WordPress Blogs 101
WordPress Blogs 101
Tip: Screen options panel 
If you’re not seeing something, try here. It’s different on every kind of page.
WordPress Blogs 101
Pages, or Posts? 
• Pages 
– Evergreen 
– Parent/Child 
– Comments are off 
• Uses 
– Forms 
– Bios 
– Resumes 
– About Your Program 
• Posts 
– Timely 
– Categorized & tagged 
– Commentable 
• Uses 
– News 
– Updates 
– Discussions 
– Topics
Let’s Make A Page 
• About yourself. 
– Go to Pages::Add New 
– Give it a title 
– Add some text
WordPress Blogs 101
Then Let’s Add A Picture
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
WordPress Blogs 101
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
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
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
Distraction-Free Editing
Embedded Video
Find The “Share” Link
Paste It In
Show It To The World
Now we’ll take a minute… 
And see what your blog looks like.
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
WordPress Blogs 101
WordPress Blogs 101
Other Important Functions 
Managing options 
Comments 
Media 
Permalinks 
Media
Let’s Review Our Options 
A few of the basic settings you should be aware of.
These are the interesting ones
WordPress Blogs 101
WordPress Blogs 101
Mobile Support
WordPress Blogs 101
Time for lunch
What We’ve Covered 
• What blogs can do 
• Some features that are available 
• Some look-and-feel options 
• Adding your content 
• Basic Settings
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
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
Customizing Your Look
Page pieces at the top…
…and the bottom.
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
WordPress Blogs 101
Arras 
Graphene 
Atahualpa 
Magazine 
Basic
Great Themes Can Require Work
http://elegantthemes.com/preview/Divi/
WordPress Blogs 101
Test Drive A Theme 
• Volunteers?
Widgets 
• Drag 
• Drop 
• Configure
WordPress Blogs 101
WordPress Blogs 101
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
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
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
Cook Up A Menu
Menu Placement
SEO
Getting Started
Resources 
• WP Beginner 
• Elegant Themes Blog 
• WP Mayor 
• WP Tavern 
• Tuts+ 
• wordpress.org 
• woothemes
What Makes A Great Site? 
• Useful 
• Interesting 
• Timely 
Google 
Facebook 
YouTube 
Yahoo! 
Baidu 
Wikipedia 
Windows Live 
Amazon.com 
Tencent QQ 
Twitter
WordPress Blogs 101
As Opposed To This…
<body bgcolor="#000000" background="img/bg_stars.gif" text="#ff0000" link="#ff4c4c" vlink="#ff4c4c" alink="#ff4c4c"> 
<center> 
 
<CENTER> 
<nobr> 
<table border=0 cellpadding=0 cellspacing=0 width=488 height=60> 
<tr> 
<td align="center"> 
 
</td> 
<td align="center" width="20"> 
</td> 
<td align="center"> 
</td> </tr> </table> 
</NOBR> 
</center> 
 
<br> 
<table width=500 border=0> Like a Code Museum
WordPress Blogs 101

More Related Content

WordPress Blogs 101

  • 18. http://blogs.shu.edu/wordpress101/wp-admin Log in with your PirateNet logon and password.
  • 19. Don’t experiment yet – bad things can happen! HOLD ON THERE!
  • 23. Tip: Screen options panel If you’re not seeing something, try here. It’s different on every kind of page.
  • 25. Pages, or Posts? • Pages – Evergreen – Parent/Child – Comments are off • Uses – Forms – Bios – Resumes – About Your Program • Posts – Timely – Categorized & tagged – Commentable • Uses – News – Updates – Discussions – Topics
  • 26. Let’s Make A Page • About yourself. – Go to Pages::Add New – Give it a title – Add some text
  • 28. Then Let’s Add A Picture
  • 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
  • 41. Show It To The World
  • 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
  • 46. Other Important Functions Managing options Comments Media Permalinks Media
  • 47. Let’s Review Our Options A few of the basic settings you should be aware of.
  • 48. These are the interesting ones
  • 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
  • 58. Page pieces at the top…
  • 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
  • 62. Arras Graphene Atahualpa Magazine Basic
  • 63. Great Themes Can Require Work
  • 66. Test Drive A Theme • Volunteers?
  • 67. Widgets • Drag • Drop • Configure
  • 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
  • 73. Cook Up A Menu
  • 75. SEO
  • 77. Resources • WP Beginner • Elegant Themes Blog • WP Mayor • WP Tavern • Tuts+ • wordpress.org • woothemes
  • 78. What Makes A Great Site? • Useful • Interesting • Timely Google Facebook YouTube Yahoo! Baidu Wikipedia Windows Live Amazon.com Tencent QQ Twitter
  • 80. As Opposed To This…
  • 81. <body bgcolor="#000000" background="img/bg_stars.gif" text="#ff0000" link="#ff4c4c" vlink="#ff4c4c" alink="#ff4c4c"> <center> <!--**************Ads - Don't Touch!*************************************--> <CENTER> <nobr> <table border=0 cellpadding=0 cellspacing=0 width=488 height=60> <tr> <td align="center"> <!--#include virtual="html.ng/site=spacejam&type=movie&home=no&size=234&page.allowcompete=no"--> </td> <td align="center" width="20"> </td> <td align="center"> <!--#include virtual="html.ng/site=spacejam&type=movie&home=no&size=234"--></td> </tr> </table> </NOBR> </center> <!--*******************************************************************--> <br> <table width=500 border=0> Like a Code Museum

Editor's Notes

  1. 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
  2. Time to ask: any experience? Just learning? Knowledge levels?
  3. Blogs can highlight specific topics. Fully integrate your social media with “share” buttons and twitter feeds.
  4. Research Projects
  5. Academic Projects, Google Map integration, custom fields.
  6. Things to use it for. Outreach to specific audiences. They have subscribers!
  7. “Blog” is too limiting a term. Can manage any kind of content any way. For an affiliated organization.
  8. Including outside scholarly organizations.
  9. Mirror and enhance printed publications
  10. Publications, featured articles, rotating images, full downloads
  11. Highlighting events, with schedules, application forms, document repositories.
  12. Class assignments.
  13. Galleries. Easy integration with images, video and audio.
  14. They don’t even have to look like blogs. The can look like a comic book. This informational site features a calendar, RSS feeds.
  15. This doesn’t look anything like a blog, but we can build it anyway.
  16. Departments and administrative functions.
  17. OTHER THINGS A BLOG CAN EASILY HANDLE Calendars, forms, gallery widgets, embedded audio, video. We’ll cover some of this on Thursday.
  18. Start by logging in at the URL shown
  19. This is the Dashboard. From here you’ll manage everything you need to do on your site. Point out collapsible sections on left.
  20. If you have several sites, you can shortcut to them here.
  21. Shortcuts for adding new things. Also, comment management and logging out.
  22. If you don’t see something that you think you should, try the screen options
  23. Posts panel. Manage your posts, add new ones, categories and tags. Managing pages is the same.
  24. FAQ.
  25. Make a brief bio page. Can be 1 paragraph about what you had for breakfast.
  26. Something like this.
  27. 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.
  28. 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.
  29. 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.
  30. Adding posts works the same way, but with a few additional important items.
  31. Categories, featured images (if supported, but good to do anyway) Stickiness. Delayed publishing. Password-protection.
  32. Post formats can be helpful. Many themes come with custom types built-in. Tags. excerpts, custom fields, discussion settings, slug (pretty URL), author.
  33. Formatting hell. Excel is even worse, but there’s a “Table Press” plugin to make it work better.
  34. 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.
  35. Easy as 1,2,3. One, find your video on YouTube, Vimeo or a number of other video-hosting sites.
  36. Two, Click on Share and copy the link.
  37. 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
  38. Preview
  39. Save your work. Wait. Switch over to browser tab here.
  40. The point of a CMS is cross-indexing automatically.
  41. 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
  42. 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.
  43. 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.
  44. 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.
  45. Permalinks are important for SEO If you have a very specific kind of layout planned, work with the media settings, particularly thumbnail sizes.
  46. 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.
  47. Built in, under the WP Touch Pro menu. There are a few themes to choose from. These are two of them.
  48. These are the others.
  49. A little about WP wordpress.org Has lots of tutorials, support and other information.
  50. Really, not just for blogs
  51. Now that we’ve got some material in place. Themes Widgets and Plug-ins Menus
  52. So you know what we’re talking about: Header, banner, menu, body 2 columns, widgets
  53. Meta, navigation, footer widgets.
  54. 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.
  55. 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.
  56. 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.
  57. Like the popular Divi theme. Looks like “meh” right out of the box.
  58. Full-width slider Fly-in logos Colorful icons in columns Image portfolios Parallax background Bios Whatever. All customizable in countless ways.
  59. 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.
  60. Change a theme, then preview.
  61. Under Appearance::Widgets.
  62. Notice how these correspond
  63. Version 3.9 introduced in-place widget configuration from the Theme Customizer area.
  64. 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.
  65. Don’t forget to configure them.
  66. Under Appearance::Menus Not usually helpful in a site of any complexity.
  67. 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
  68. 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.
  69. 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.
  70. Blogs.shu.edu, click the link indicated.
  71. Top ten sites according to Wikipedia. Chinese search engines and social media sites are here.
  72. Other sites in the top 100 Sports news Social media Shopping Photo sharing
  73. In all its glory, unchanged since it was launched in 1996.
  74. Amazing how much of this code is no longer in use.
  75. Thanks to Heidi, colleagues at TLTC. Questions?