15. Self-hosted:
Not self-hosted:
Wednesday, August 15, 2012
16. Self-hosted:
WordPress.org
Offers lots of design options, customization.
You set this up on your own server.
You pay for the domain and hosting.
Wednesday, August 15, 2012
17. Not self-hosted:
WordPress.com
A free blogging service.
Less control over design and customization.
But it’s FREE! Easy to use and back-end
administration is very similar to Wordpress.org.
Wednesday, August 15, 2012
18. Sign up! http://wordpress.com/#my-blogs
WordPress.com
Wednesday, August 15, 2012
19. Go to the dashboard
Wednesday, August 15, 2012
20. The back-end of your site.
Where you publish content, manage comments
and change your settings.
Wednesday, August 15, 2012
26. Here’s where you turn away from WordPress!
Get out a notebook.
Wednesday, August 15, 2012
27. I suggest you determine what you
need to put on your site, before you
actually select a theme.
Do you need a calendar?
Do you want a Twitter feed?
Do you want a list of
your most recent posts
in the right rail?
Wednesday, August 15, 2012
28. Will students be posting assignments?
What sort of commenting do you want?
Will you want a slide carousel?
Use video?
Display your Twitter Feed?
Portfolio samples of
your own work?
Wednesday, August 15, 2012
40. Tools or content that you can add, arrange and
remove from your blog.
Wednesday, August 15, 2012
41. Many themes that you might choose
will already be “widgetized.”
In other words, they have code that sets up the
areas that will accept widgets. (right rail, etc.)
Wednesday, August 15, 2012
42. Tools or content that you can add, arrange and
remove from your blog.
Wednesday, August 15, 2012
43. Shop around for widgets that might be useful.
Wednesday, August 15, 2012
44. Many themes that you might choose
will already be “widgetized.”
In other words, they have code that sets up the
areas that will accept widgets. (right rail, etc.)
Wednesday, August 15, 2012
45. What are some sidebar
widgets that you might
want to use?
Wednesday, August 15, 2012
46. Choosing your theme
It’s important to determine the features you
want, in advance. “Measure twice, cut once.”
Wednesday, August 15, 2012
47. Choosing your theme
That way, you’ll cut the amount of custom
coding you’ll have to do later.
Wednesday, August 15, 2012
48. So, if I choose this theme, and it doesn’t
include areas that will accept widgets ...
what to I have to do?
Wednesday, August 15, 2012
49. Code alert!
Let’s see what some of the code would
look like if you wanted to add widget
areas to your site.
Wednesday, August 15, 2012
50. Declare your widget-ized area.
The most common place for widgets is in the
sidebar. So, in the sidebar.php file:
<!-- Static content could go above widgetized area. -->
<?php if (!function_exists('dynamic_sidebar') || !
dynamic_sidebar('Sidebar Widgets')) :
?>
Content in here will ONLY show if there are no widgets
active, or if the version of WordPress running doesn't
support widgets. Otherwise, this area is where the
widgets go, set via the Admin
<?php endif; ?>
<!-- Static content could go below widgetized area. -->
Wednesday, August 15, 2012
51. Activate your widget-ized area.
This code would appear in your
functions.php file:
// activate widget area
if (function_exists('register_sidebar')) {
register_sidebar(array(
'name'=>'Sidebar Widgets',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
}
Wednesday, August 15, 2012
52. What’s html?
What’s css?
Wednesday, August 15, 2012
55. Super duper functionality?
There’s a beauty to WordPress, in that
there are lots of WP developers.
And they take things pretty far.
Wednesday, August 15, 2012
56. Super duper functionality?
Some themes integrate a photo-sharing
service such as Flickr; a statistical application
like Google Analytics or even a database
interface such as phpMyAdmin.
Wednesday, August 15, 2012
57. Super duper functionality?
Some themes integrate a photo-sharing
service such as Flickr; a statistical application
like Google Analytics or even a database
interface such as phpMyAdmin.
There’s an easy new feature that allows you to
add sharing to Facebook, Tumblr, Twitter
and more!
Wednesday, August 15, 2012
58. Where to find great themes?
FREE! theme resources
• WordPress.org Theme Library - http://digwp.com/u/20
• The Mighty Google - http://digwp.com/u/21
• Digging Into WordPress - can you guess the URL?
• Smashing Magazine - http://digwp.com/u/22
Wednesday, August 15, 2012
59. Where to find great themes?
Places to buy premium themes
• ThemeForest - http://digwp.com/u/385
• WooThemes - http://digwp.com/u/386
• ElegantThemes - http://digwp.com/u/387
• UpThemes - http://digwp.com/u/561
Wednesday, August 15, 2012
60. What are Plugins?
Pieces of software that extend the
functionality of WordPress.
Usually written by those lovable
WordPress fanatics.
Wednesday, August 15, 2012
61. What are some
of the best plugins?
Art Direction http://digwp.com/u/24
This allows you to insert extra code (typically
CSS or JavaScript) into specific pages or posts.
Wednesday, August 15, 2012
62. Art Direction http://digwp.com/u/24
It gives you complete stylistic and functional
control over every post and page of your site.
Wednesday, August 15, 2012
63. All in One SEO Pack http://digwp.com/u/29
It automatically generates an appropriate meta
description tag for each post and page, based
on their content.
Wednesday, August 15, 2012
65. A child theme is based on a theme
that you choose.
ADVANTAGE: This allows you to override
the style theme (color, typefaces, etc)
without overriding the base theme (widgets,
header style, elements, etc).
Wednesday, August 15, 2012
66. Creating a child theme is simple.
Just create a folder (named as you wish) in your
wp-content/themes directory.
Within that folder, place a simple style.css file.
Wednesday, August 15, 2012
67. Here’s an example:
Theme Name: My Cool Child Theme
Theme URI: http://digwp.com/
Description: Child Theme for Digging Into WordPress
Author: Chris Coyier
Author URI: http://chriscoyier.net/
Template: DigWP
Version: 2.0
*/
@import url("../digWP/style.css");
Wednesday, August 15, 2012
68. Here’s an example:
Theme Name: My Cool Child Theme
Theme URI: http://digwp.com/
Description: Child Theme for Digging Into WordPress
Author: Chris Coyier
Author URI: http://chriscoyier.net/
Template: DigWP
Version: 2.0
*/
@import url("../digWP/style.css");
The most important line there is the “Template: DigWP” line, which
references the folder of the parent theme. The last line imports the
stylesheet from that parent theme.
Wednesday, August 15, 2012
70. In any WordPress theme, the style.css
is required.
WordPress won’t even recognize a folder in your
themes folder unless it includes this file.
Wednesday, August 15, 2012
72. When you pick up code, you might get
unpredictable defaults that you’ll want to reset.
For example: Firefox and Explorer have a
different default padding amount around
<body>. This can cause problems later.
Wednesday, August 15, 2012
73. We suggest that you put a reset at the beginning
of your child theme code css.
You will probably be changing the typefaces and
colors, etc. But this will catch a lot of little things
that you might not be thinking of.
Wednesday, August 15, 2012
74. Popular CSS Resets:
• Eric Meyer’s Reset Reloaded
From the man himself: http://digwp.com/u/142
• YUI (Yahoo User Interface) Reset CSS
http://digwp.com/u/143
• Star Selector Reset
Looks like this: * { margin: 0; padding: 0; }
Remember that you will put this at the top of
your css file, so it will clear out the mess.
Wednesday, August 15, 2012
75. “When I am working on a problem, I
never think about beauty. I only think
about how to solve the problem. …”
– RICHARD BUCKMINSTER FULLER
Wednesday, August 15, 2012
76. “When I am working on a problem, I
never think about beauty. I only think
about how to solve the problem.
But when I have finished, if the
solution isn’t beautiful, I know it
is wrong.”
– RICHARD BUCKMINSTER FULLER
Wednesday, August 15, 2012