Creating a web site or blog free with WordPress.com
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
I created it in content area of a add post using the Kitchen Sink tools
Then switched to TEXT view (note the simplified tools available here)
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/
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/)
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
Why Care? http://dailypost.wordpress.com/2013/05/01/using-statistics/
keep them on your site: “related posts”…
illustrated or not, can turn off in settings>READING
TIPS TRICKS & TRAPS:
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.
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:
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>
With these themes, you can create pages without any sidebars. http://theme.wordpress.com/themes/features/full-width-template/