WordPress is a great way to get started blogging. Learn the basics of using WordPress to set up a great looking site on WordPress.com, the free hosted WordPress service. Learn what WordPress is, how to set up a WordPress.com account and blog, how to manage your site in the Dashboard, select and install a theme, create and edit posts/pages, publish posts and pages, add images, and create menus.
How to Troubleshoot Apps for the Modern Connected Worker
Beginner Blogging with WordPress
1. Beginner Blogging with WordPress
Deborah Edwards-Onoro, Lireo Designs
Rochester, Michigan April 25, 2015
2. Who Am I?
● Deborah Edwards-Onoro,
Owner of Lireo Designs
● Organizer for Metro Detroit
WordPress Meetup
● Blog daily
● www.lireo.com
● @redcrew and @lireodesigns
2
3. Usage statistics and market share of WordPress for websites: http://w3techs.com/technologies/details/cm-wordpress/all/all 3
We’ll be covering setting up a WordPress.com account, customizing your blog, creating posts and pages, adding content and images.
What is WordPress? Open source content management system. Started out as a tool for blogging, but evolved into a CMS. As of March 2015, WordPress is used by 23.7% of all websites.
What’s the difference? WordPress.com is the hosted website service that uses WordPress. Individual sites are hosted and managed by WordPress.com. WordPress.org is where you can download WordPress, and host your website yourself. You’ll need to find a host, and manage all the updates, maintenance and backups on your own.
WordPress.com is the hosted website service that uses WordPress. Individual sites are hosted and managed by WordPress.com. WordPress.org is where you can download WordPress, and host your website yourself.
Visit www.wordpress.com to get started
When page first displays, the form field is empty. I’ve added the name of the blog. You can purchase a domain name or use an existing domain name, if you have one. Example: mywebsite.com
Second step: enter your email address and password. Note the user name defaults to the name of your blog. Ensure you make a strong password; use letters, numbers, and special characters
If you’re looked closely, we skipped step 3 (custom domain). We’re using a free blog, so I skipped that step. A theme is what
Here you can choose a theme for your site. The theme is the look and feel for your site, we’ll discuss themes in a few minutes.The colors, the layout and the fonts. I’m selecting Hemingway Rewritten for my theme.
Last step is to choose your plan, free or a paid plan. The free plan never expires. You can always upgrade to a paid plan later.
Sign up is complete.
The next step you need to do is activate your site from the email message WordPress.com sent you.
Here’s your free blog on WordPress.com. You’ll notice that the theme we’ve chosen uses a large background image in the header.
Dashboard is where you manage your blog. Some people refer to it as the back end. It’s where you add posts, pages, and update your settings. On the left sidebar is where you’ll find a lot of options for your blog. You’ll see the Posts option, Links, Pages, Comments, Appearance, Tools, and Settings. When you’re logged into your site, you’ll see a black navigation bar at the top of your site. It’s how you can easily get access to your dashboard, see any comments on your blog posts, or logout.
Update the settings with the title of your blog, tagline (optional), timezone, date and time format, start of week and language.
Now that we’ve finished with settings, let’s take a look at themes. To access themes, we select Appearance > Themes
Themes are the look and feel of your site. it includes page layout, widget locations, default font and color choices.
There are lots of themes, currently over 300 free and paid themes on WordPress.com. There are 180 free themes.
Your chosen theme is shown in the top left (note active). (Note: you can only use themes that are available on WordPress.com)
If you prefer you can view themes outside of your WordPress.com site by visiting the Theme Showcase: www.wordpress.com/themes where you can easily search by categories and filters.
What’s the purpose of your site? What kind of business?
Some themes work better for different purposes.
Determine your budget (over 180 free themes). More business and magazine style themes are premium, and many come with additional features. Pick a theme with the layout you want.Theme showcase page allows you to search by categories and filters. You can choose colors, columns, layouts, specific features. Or choose some of the popular searches for elegant or professional themes. http://www.wordpress.com/themes/
The customizer allows you to update theme settings. You can preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them
Depending on your theme, you’ll have different options you can update
To update the header image, choose add image from the customizer, select the file from the Media Library. Then choose to crop and save it. Tip: when choosing a header image, choose something that reflects what your site is about. For example, food, cars, travel.
The updated site with a new header image.
Widgets are pieces of content you can add and arrange on your sidebars. Examples of widgets are a list of your most current posts, blogs your follow, calendar, your Twitter stream, or even your Instagram stream. Photo gallery, books from Goodreads, recent comments.
One of the most popular widgets is the Text widget. Select the widget to add it to a specific sidebar. I’ve created a simple About me widget with some info.
For your blog, you can add a Follow Button widget to or use the Follow Blog by Email widget.
Good if you have a large number of subscribers. They’ll receive notifications of new posts by email.
Widgets in the right sidebar
We’ll be looking at menus next.
Menus are one way website visitors navigate your site.
Your blog menu often displays as a horizontal bar near the top of the page. Or if you’re on mobile, you may see your menu as a series of three lines in the upper left or right side of the page.The menu typically shows the top-level pages of the site. On our current site, we have the Home and About page displaying in the navigation.
To edit a menu, go to Appearance > Menus. You’ll see pages on the left side and the current menu you’re using is shown on the right, where we have Home and About showing.
The menu typically shows the top-level pages of the site.
On our current site, we have the Home and About pages displaying in the navigation.
To edit a menu, go to Appearance > Menus. You’ll see two sections. The first section, labeled Pages, is where you can select pages to add to the member, as well as links or categories. The current menu you’re using is shown in the second section labeled Menu Structure, where we have Home and About displaying in the current menu.
Often the first page people find on your site is your front page, also called your home page. WordPress offers you two options for your front page: blog or a static page.
By default, WordPress shows the latest posts on the front page.
To set your home page, visit Settings > Reading.
In the Front page displays section, select A static page and choose the page you want to display on the front page.
You can also set a Posts page. Note: the page you set for your posts is called Blog, it has not content. It’s a placeholder, it just shows your posts.
Here’s the home page, with some content I’ve entered, along with the sidebar. Note: some themes come with custom home pages for the front page. Something for you to consider when you’re choosing a theme.
We’ve finished customizing the site. Can we get started writing? Sure!
Pages are:
Static - no sense of time or publish date
Hierarchical - you can have a parent page with child pages underneath it
No categories or tags
Often, but not always, display in your menu
Posts are
Chronological, the publish date matters
Can stand on their own
Add categories and tags
Display in a list on your blog page
Encourage conversation, have comments at bottom
Our next step is to add a page.
Pages contain information that doesn’t change often. Think of the About page. Or the Contact page.
You can see what pages are currently on the site, via the At a Glance section on the Dashboard. Or you can look in the left sidebar, and look for Pages → All Pages.
To add a page, go to Pages > Add New
We’re going to add a Contact page to our site.
The Contact page is a common page for a website, where your visitors can get information on the best way to reach you.
It might have your physical street address, phone number, email address, social media accounts, or even a form.
For this page, I’ve entered Contact as the title and wrote a couple paragraphs on the page.
Select the Add Contact Form button.
You’ll have options to customize the fields in the form. Note the form is automatically populated with four fields.
I’ve customized the email notifications with email address and text for the subject line.
WordPress has added code to the page. It’s called a shortcode and contains special instructions for the form.
Don’t edit the code. It’s what creates the contact form.
From the right sidebar, in the Publish module, select Publish.
Note: if you’re not ready to publish the page, you can save the page as a draft and come back to it later.
The text and the contact form is displaying on the page. If someone has a WordPress.com account and is logged into WordPress, the form fields will be pre-populated with their information.
Note that when we published the Contact page, WordPress added the page to the blog menu.
Posts are what people associate with blogs. People publish posts daily, weekly, monthly, or whenever they want.
Creating a post is very similar to creating a page. From the left sidebar, I’ve selected Posts > Add New.
A couple things I want to point out to you about posts on WordPress.com.
The date is automatically added to the post address, along with the title of the post.
You can edit the portion of the address that is part of the title, but you can’t edit the date.
Links are what the web are all about.
To add the link, highlight the text in the main editing window, and select the chain button in the first row.
In the popup that displays, I’ll add the URL (site address) for Rochester Writers Spring Conference.
Note: you have options in the dialog box to link to existing content on your blog. This is a great way to encourage readers to read you other posts.
You can add photos, images, charts, scans of anything you want to a page or post you create.
Under the title of the page ll select the Add Media button.
The Media Library contains images and files you’ve uploaded to your site.
Once you’ve selected an image (a checkmark displays on the image), a thumbnail displays on the right with info about your image.
When it was uploaded, file size, and physical size, which you can see in the Attachment Details.
I’ve already added the title, alternative text and description to the image.
If you want a caption to display under the photo, you can add it.
Alt text stands for alternative text, what is displayed when images are turned off, for slow-loading sites, and for people using assistive technology (like screen readers). Add a meaninful ALT text to describe what the image is about.
Description is optional and only displays on the image’s attachment page. In the Attachment display settings, you have options to set alignment, linking and size.
For alignment, we’ll set how the image displays on the page. I’ll choose Right to have it display to the right of the text.
For link to, select None. If you set Media File, it would open the file in it’s own tab. Attachment Page opens the image on its own page on your site, with the title and description displaying. Custom URL lets you choose where the image links, perhaps to another page on your site, or an external site. If you don’t want the image to be clickable, select None.
The Size option lets you choose what size of the image you want to display on your site. When you upload your file, WordPress automatically saves the file to four different sizes, full-size, medium, small, and thumbnail. Keep in mind larger file sizes take more time to load.
Sizes for the file are set in Settings→Media. I’ll choose Medium and Insert the image into the post. To see the change, we need to save a draft
Let’s see how the changes look before we publish. Select Preview Changes from the Publish module.
WordPress opens a new tab for our preview. That looks great. But what’s that uncategorized showing up?
Categories and tags allow you to organize your posts. Categories are broad groupings of your topics, tags allow you to describe your post in more detail.
A good way to distinguish between the two is to think of a book: categories are like table of contents or chapters of a book. Tags are like the book’s index.
Some things to know:
Every post needs at least one category
Tags are optional
There’s no limit to the number of tags you can use, but focus on five to 15 tags
Categories are hierarchical, you can have categories within categories.
To add a category to a post, look for the Categories module in the right sidebar.
When you add tags, give thought to what your post is about.
The category “writing” and tags for “2015” and “Rochester Writers Conference.”
Just like media you may have used in the past, WordPress themes have different formats.
The default format for our theme is standard, which is what we used for the post we just published. Depending on your theme, you have several formats to choose, or only a couple. Again, something for you to consider as you choose a theme.
We’ve finished all three sections. Setting up our WordPress.com account, customizing the settings and theme for our blog, and adding content and publishing posts and pages.
There are lots of options for learning WordPress, here are a few.