Class 3

Creating a web site or blog free with
Class 3 Notes

Here’s the PDF of the slide show
is a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

Now the BEST thing about WP is that you do not need to know HTML
But a little bit of knowledge, in this case, is wonderful

An easy way to start learning a bit about HTML is to use the Add post/ edit post page to play around with code. So let’s take another look at that page which you can access from your dashboard.

The key elements of the WordPress Add New Post/Edit Post pages are:

1 Click the Add Media button to add images and files or link to existing images and files.
2 The two tabs for the edit box are Visual and Text. Visual displays a Microsoft Word-like interface while the Text tab allows you to enter HTML tags along with your content.
3 The Publish box lets you set Status, Visibility, and the Published on date.
4 The content area of the edit box is where you enter content.
5 The Edit button to the immediate right of the Permalink lets you edit the page name portion of the permalink. ONLY USEFUL TO CLEAN UP NAME
To design this text widget
Slide 5
I created it in content area of a add post using the Kitchen Sink tools
Slide 6
Then switched to TEXT view (note the simplified tools available here)
Slide 7
and copied and pasted it into a text widget

The Text tab lets you see the same content as in the Visual tab but with any HTML code displayed. (The only code missing will be the HTML P or paragraph tags WordPress automatically adds in to separate paragraphs of content.) A series of buttons to easily add bits of code appears when you click this tab.

Check out W3 Schools for more information about what each of these HTML codes are used for.
A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.
(Try these! and

too much to learn all at once: try
(which is

how many visits your site gets, and what posts and pages are most popular
tracking stats

Why Care?

keep them on your site: “related posts”…

illustrated or not, can turn off in settings>READING

Slide 15
note re which email address to use: if you plan to link to FB, Twitter, etc, create and use an email entity for all these… so much easier to link social media.

Making images. I use and and for a similar program with lots of pre-designed but editable templates, investigate

Creating some space: Invisible dots: If you would like to add some extra, blank lines to your post or page, but seems to be “eraseing” your hard returns, try this:
use enter to create a new line. Place a single period/dort in that line. Then highlight that dot and choose text color from the Kitchen sink to match the background of your page/post… usually white. Voila! An “invisible dot” that creates the space you want. Do this multiple times if you want even more space.
(I didn’t include this info in my presentation, BUT: Check out these 2 blog posts on our site: and
for info… which is a great help, BUT:
Embedding a FB post or a Pinterest may not work in your chosen theme, and may not show up in followers’ emails. Use a screen capture
(Snipping Tool is inc in Windows, or use “screen capture” in Google for other apps like this)
to save as a photo, and link that image to wherever you wish.

If you don’t like the default size of Headline 1, 2, etc, you can use a bit of html to change it. <h1><span style=”font-size: xx-large;”>Headline 1</span></h1>

These 2 blogs will tell you more. I recommend following them: and

SLIDE 17-18-19
widget visibility

With these themes, you can create pages without any sidebars.

Thank you to all my students for your attention and enthusiasm. I hope you all have fun trying to create sites and blogs, and remember: you can always CHANGE just about everything on if you don’t like it! –Kate Holmes,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s