Class 3

Creating a web site or blog free with WordPress.com
Class 3 Notes

Here’s the PDF of the slide show
SLIDE 2:
HTML:
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.

SLIDE 3:
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
SLIDE 4
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. http://www.w3schools.com/
SLIDE 8
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. http://en.support.wordpress.com/category/shortcodes/
(Try these! http://en.support.wordpress.com/recipes/ and http://en.support.wordpress.com/sitemaps/shortcode/)

SLIDE 9
too much to learn all at once: try http://tinyurl.com/katesclasshtml
(which is http://blog.hubspot.com/blog/tabid/6307/bid/5586/Basic-HTML-Every-Internet-Marketer-Should-Know.aspx

SLIDE 10
STATS
how many visits your site gets, and what posts and pages are most popular
tracking stats http://en.support.wordpress.com/stats/
http://en.blog.wordpress.com/2013/06/18/stats/

SLIDE 11:
Why Care? http://dailypost.wordpress.com/2013/05/01/using-statistics/

SLIDE 12:
keep them on your site: “related posts”…

SLIDE 13
illustrated or not, can turn off in settings>READING
SLIDE 14
TIPS TRICKS & TRAPS:

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
http://www.picmonkey.com/ and http://www.ribbet.com/ and for a similar program with lots of pre-designed but editable templates, investigate https://www.canva.com/

Creating some space: Invisible dots: If you would like to add some extra, blank lines to your post or page, but WordPress.com 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:
https://katesclassnotes.wordpress.com/2014/10/08/very-pinteresting/ and
https://katesclassnotes.wordpress.com/2014/10/09/embedding-facebook-posts-yours-or-others-on-your-blog/
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.

SLIDE 16
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:
http://en.blog.wordpress.com/ and http://dailypost.wordpress.com/

SLIDE 17-18-19
widget visibility

SLIDE 20:
With these themes, you can create pages without any sidebars. http://theme.wordpress.com/themes/features/full-width-template/

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 WordPress.com if you don’t like it! –Kate Holmes, Kate@TGtbT.com

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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