You are on page 1of 156

1

2
3
1. Open your browser, Chrome, Firefox, Safari.
2. Click the the address bar and type: Wordpress.com
3. Once the page loads, click the Get Started button

4
1. What kind of site do you need?
2. Lets select Start with a website.

5
1. Choose a Theme
2. A theme is the design and layout (look and feel) of the site.
3. There are hundreds of themes to choose from, Wordpress is displaying 3 themes
that might be a good fit for us.
4. If one of the three displaying is Radcliff 2 click to select it.
5. If not, dont worry, we can choose this later, so click the skip for now link at the
bottom.

6
1. Lets give our new website an address.
2. This will be what people type in to go to your site. (mylocal101.wordpress.com)
3. In the search box, type your site name.
4. Acronyms are great for Local Association. Shorter the better.
5. Try adding my to the beginning or adding iea to your name.
6. Once you are happy with your FREE address click Select.
7. You can always add a .org, or .com address at a later time.

7
1. Lets start with the FREE plan.

8
1. Create your account.
2. Enter your email address
3. Choose a password (this should be a complex password.)
4. Click the Continue button.

9
1. Dont celebrate yet!
2. Click the View My Site button

10
1. Click Next

11
1. Click Got it.

12
1. Your site is looking a little bare.
2. Before we can do anything significant, we need to check our email.

13
1. You should have received an email from Wordpress.com.
2. Open it.
3. Click the Confirm Now button in the email.
4. This will activate your account.

14
1. Your browser will open and your site dashboard will display.
2. Now we can celebrate!!!!!

15
16
17
1. Open your browser, Chrome, Firefox, Safari.
2. Click the the address bar and type: Wordpress.com
3. Once the page loads, click Sign In at the top right.

18
1. Type your email address or username (either will work.)
2. Type you awesome complex password.
3. If you are on your own personal computer, click keep me logged in checkbox.
4. Click the Log in button.

19
1. When you sign in to Wordpress.com, you will automatically be taken to your
Reader.

20
1. We just Signed In, now lets Sign Out.
2. You can protect your account by logging out when you are finished working. This
is especially important when you are working on a shared or public computer.
3. To sign out of your WordPress.com account, click on your Gravatar (Profile) in the
upper right.

21
1. Under your profile, click the Sign Out button.

22
23
1. Type your email address or username (either will work.)
2. Type you awesome complex password.
3. If you are on your own personal computer, click keep me logged in checkbox.
4. Click the Log in button.

24
1. When you sign in to Wordpress.com, you will automatically be taken to your
Reader.
2. Youll find the latest posts from the sites you follow, along with other tools for
browsing WordPress.com.

25
1. In the Reader you can search for topics that interest you.
2. Click on a post of interest to read and find out more.

26
1. Meet Chloe!
2. Just what I was looking for, a very cute golden doodle.
3. You can read the post, like the post, click to follow this blogger and visit their full
site.

27
1. Click Visit Site will open their website in a new browser tab.
2. Close the tab, when you are done.

28
1. Your Likes will appear in the My Likes section.

29
1. Clicking on the Followed Site Mange button, you can see what sites you are
following.

30
1. To get back to your dashboard, just click the My Sites button at the top left.
2. This will take you to your dashboard.

31
1. The left side of the screen by default is our Stats (statistics) for our site.
2. These can be viewed by days, weeks, months, and years.

32
33
1. At the top, your current site name and address is displayed.
2. If you have more than one site, you will have the option to Switch Site just above
the current site.
3. Click Switch Site

34
1. You will have the option to select another one of the sites you are an author or
admin for.
2. You can also search at the top, if you have a lot of sites.
3. Once you find the site you want to work on, click it.

35
1. Once you are back to your site dashboard, you may want to view your site.
2. Click the View Site item on the menu.

36
1. Your site will display on the right side of the screen.
2. You can navigate freely on your site.
3. 3 options are displayed at the top.
4. You can change the device view from Desktop to Table or Phone.
5. In the center if you hover over the page address, you will have the option to copy
it to your clip board.
6. On the right you can click the open in a new tab icon.

37
1. In the center of the menu you can Manage the content for your site.
2. Site Pages, Blog Post, Media (images, documents) and Comments.

38
39
40
41
1. Inside the Manage Menu you can click on Site Pages to view all pages in your
site. (same for Blog Post, and Media)
2. You also have the option to click the Add button to go directly to a New Page.
(same for Blog Post, and Media)
3. Click on Site Pages

42
1. All of your pages will be displayed on the page filtered by Page Status.
2. Published (This page is live on your site.)
3. Draft (Page has been created, but has not been plublished.)
4. Scheduled (Your page has been scheduled top be automatically published at a
certain date and time.)
5. Trash (pages that have been deleted, but can be restored from the trash.)
6. For each page you can click the page title to edit or click the more options
icon.

43
1. If you click the Add page button. You will see a blank page ready for you to
create.

44
1. If I clicked on About Us it takes us to a page we have already created.
2. At the top, is the Title About Us, you can click in there to add or change the title.
3. In the middle is the Tool Bar. These buttons will apply to the content area below.
4. On the right side of the Tool Bar, you can click the more icon to display a
second row of buttons.

45
1. The right side of the page displays the Page Settings
2. The Page Settings button will toggle the right side menu, open and closed.

46
1. Each section of the Page Settings can be toggled open and closed by clicking on
the arrow to the right of the menu item.
2. Page Status, by default will be published immediately, unless you select a date to
schedule it.

47
1. The Status also contains the page visibility.
2. By default it is Public.
3. Can be changed to Password Protected, where you will assign a password to the
page.

48
1. The Featured Image is the images that may be displayed on your page, depending
on your current theme.

49
1. When you create a new page you may not want it published immediately The Save
link will allow you to save your page as a Draft and come back later.
2. The Publish Button will make your page visible to the world.
3. Once the page has been published, the button will change to an Update button.

50
1. Blog Post are very similar to Pages.
2. Except they are organized by Categories.
3. The default category is Uncategorized

51
52
53
1. Click on your Gravatar (Profile) in the upper right.

54
1. lets complete our profile.

55
1. In the First Name box, type: your first name.
2. In the Last Name box, type: your last name.
3. Lets add a profile photo. Click the photo.
4. Browse your computer directory for a photo.
5. Select it and click Open.

56
1. You can crop your photo by grabbing the box with your cursor and dragging it in.
2. When you are happy with the crop, click the Change My Photo button.

57
1. Lets Change our public display name.
2. Write a brief statement in the About Me box.
3. Click the Save Profile Details button.

58
1. Click Account Settings.
2. You can change your Username and Email Address.

59
1. Click Manage Purchases
2. You can upgrade your account here.

60
1. A personal account is perfect for local association.
2. You can register your own custom domain name like: MyLocalAssociation.org
(Looks very professional)
3. This also removes adds that will display on your post and pages. (If logged in you
will not see these.)

61
1. $48 for a year. A really good deal if you are serious about your website.

62
1. The security tab, you can update your password and login method.

63
64
65
1. Lets open the browser. I would suggest using Chrome. But you can use firefox,
safari or edge, IE 11.
2. On your desktop you should see an Icon like the one above.

66
1. In the address bar, type: wordpress.com

67
1. Click Sign In.

68
1. Type your email address or username (either will work.)
2. Type you awesome complex password.
3. If you are on your own personal computer, click keep me logged in checkbox.
4. Click the Log in button.

69
1. When you sign in to Wordpress.com, you will automatically be taken to your
Reader.
2. Youll find the latest posts from the sites you follow, along with other tools for
browsing WordPress.com.

70
1. Click the My Sites button at the top left.
2. We are going to start by customizing the site.

71
1. Under the Personalize section lets click the Customize Button.

72
1. When the Customizer loads, the left side menu displays all the items you can take
action on.
2. The right side of the screen displays a Live View of your site as you make
changes in the customizer.

73
1. At the top of the menu you will see a Save button. Any changes you make, you
must remember to Save!
2. At the top left is the X exit button, which will take you out of the Customizer.
3. Click the X

74
1. You are taken back to the dashboard.
2. Lets go back into the Customizer.
3. Click the Customize Button.

75
1. Lets start by clicking the Site Identity item.

76
1. Site Identity contains: Logo, Site Title, Tag Line, Icon, Footer Credit.
2. Click on the Select Logo Button.

77
1. The media library will open.
2. It will ask you to drag and drop a file into the screen
3. Or click the Select File Button.
4. Click the Select File Button.
5. Navigate to the image you wish to use as a logo.
6. Select it, and click Open.

78
1. The image will upload to your site.
2. By default it should be selected (blue outline and checkmark) if not do so.
3. Click the Select Button, at the bottom right.

79
1. It will ask you to crop the image.
2. Click the Skip Cropping Button.

80
1. The logo image will display on both the left side menu and the live preview.
2. The size of the logo can be changed by moving the logo size slider.
3. Drag it to the perfect size.

81
1. In the Site Title box, give your site a title.
2. In the Tagline box, give your site a tagline.
3. Under the Site Icon, click Select Image

82
1. At the top click the Media Library tab.
2. Click to select your icon. (same as our logo)
3. Click the Select Button.

83
1. Click the Crop Image Button.

84
1. Click the Save & Publish Button.
2. Click the X Exit Button.

85
1. Back at the dashboard.
2. Click the Customize Button.

86
1. The Radcliff 2 theme has 3 options for the customizer.

87
1. Click the Feature Prompt.

88
1. The Feature Prompt can be turned on and off by the check box at the top.
2. Give the Prompt (call to action) a Title.
3. Give it a description.
4. Give the button text
5. The default link goes to your blog (news) page, but you can put any link in there.
6. Change the background image. Click the Change Image Button.

89
1. The media library will appear.
2. Click the Upload File tab at the top.

90
1. The media library will open.
2. Click the Upload File tab.
3. It will ask you to drag and drop a file into the screen
4. Or click the Select File Button.
5. Click the Select File Button.
6. Navigate to the image you wish to use as a background image..
7. Select it, and click Open.

91
1. The image will upload to your site.
2. By default it should be selected (blue outline and checkmark) if not do so.
3. Click the Choose Image Button, at the bottom right.

92
1. The Background Overlay can be changed by moving the slider.
2. This will make the image lighter or darker. Find a good contrast with your text.
3. Click the Save & Publish Button at the top.
4. Dont click the X Exit Button. Scroll up and click the back to customizer button
(under the X.)

93
1. Click Contact Info

94
1. This information can be changed or completely removed.
2. Dont forget to Save
3. Click the back to customizer button. (under the X)

95
1. Click Style Packs

96
1. Select a different Style to see the changes.
2. Lets keep ours at the default.
3. Click X Exit.

97
1. Back at the dashboard.

98
1. Lets take a look at our site.
2. Click View Site

99
1. On the device view dropdown, select Tablet.
2. Remember you can view your site in a new tab by clicking the open in a new tab
icon

100
1. Select Phone.

101
1. You can add additional people to your site, so you are not the only one adding
content.
2. Click the Add Button next to the People item.
3. Type the persons email in the email box.
4. Select their role.
5. Add a message to the email that will be sent to them asking them to join.

102
1. User Rolls
2. Administrator can do anything on your site, including the customizer.
3. Editor is usually the suggested role for someone that needs to add content.

103
104
105
1. Let create our first page.
2. On the Site Pages click the Add Button.

106
107
1. Click in the Title and type About Us
2. From your session material on your computer open the Word document called
About Us.
3. Select and Copy the text
4. Back in Wordpress, paste your content in the content area below the tool bar.

108
1. The right side of the page displays the Page Settings
2. The Page Settings button will toggle the right side menu, open and closed.

109
1. Lets Select a Featured image for this page.

110
1. Click the Add New Button
2. Navigate to the session files and Select the image Sam (Dog by Pool) click Open.

111
1. Once the image is uploaded, it should be highlighted and checked.
2. Click the Edit Button above the images.

112
1. Here you can change the Title and Caption.
2. You also have the option to Edit the image.
3. Click the Edit Image Button.

113
1. Lets crop the image just a bit.
2. Grab the handle at the corner and drag it in.
3. When done cropping, click the Done Button.

114
1. Now click the Set Featured Image Button.

115
1. Your page is ready! Click the Publish Button.

116
117
1. Your new page will display.

118
119
1. Lets add another page.

120
1. Lets title this one Contact Us.
2. Now we need to add a contact form.
3. Click the Add Button on the tool bar.
4. Select Contact Form.

121
1. The default form fields will appear.
2. Lets delete the Website field by clicking the trash icon.

122
1. Now select the Settings tab at the top.
2. If you want the form to be emailed to someone besides yourself, type in an email
address.
3. When done, click the Insert Button.

123
1. The page is complete.
2. Click the Publish Button.

124
1. Your new page will display.
2. Click the back arrow at the top.

125
1. Lets add another page.

126
1 Click in the Title and type Contract
2 Click below the tool bar in to the content area.
3 Type Download the 2017-2020 Contract below and click return/enter.
4 On the tool bar click the Add button and select Media.

127
1. The media library will open.
2. Click the Add New button.
3. Navigate to the directory with the session files.
4. Select the Contract.docx file and click open.

128
1. The Contract file will upload to the site and appear in the media library.
2. The Contract file should already be selected, if not click to select it.
3. Click the Insert button

129
1. The link to the file has been inserted into the page.
2. Click the Publish button.

130
1. The page was successfully published/updated.
2. Click the back arrow in the top left to go to pages.

131
132
1. Lets add all of those pages we created to the menu.

133
1. From the dashboard click on the Customize button.

134
1. In the Customizer click Menus from the left side menu.

135
1. The two default menus will display, Primary and Social Media.
2. Click on Primary.

136
1. On the Primary menu, there are currently two items, Home and Blog.
2. Click on the Add Items button.

137
1. From the list of current pages, Click to select, Contract, Contact Us and About Us.
2. They will be added to the Primary menu.

138
1. Lets also add a Custom link to our menu.
2. Just above where you selected your page, Click the Custom Links toggle arrow
to expand.
3. Lets add the IEA Website to the menu.
4. In the URL box, type: https://ieanea.org
5. In the Link Text box, type: IEA Website
6. Click the Add to Menu button.

139
1. The menu items can now be order.
2. Click and drag the About Us into the 3rd position.
3. Click and drag the Contract into the 4th position.
4. Click and drag the IEA Website into the 5th position.
5. Click and drag the Contact Us into the last position.

140
1. Click the Save and Publish button
2. Click the back arrow on the Primary menu.

141
1. Now lets edit the Social Media Menu.
2. Click Social Media from the list of menus.

142
1. By default there is 1 social media menu item, Facebook.
2. Click the Add Item button
3. From the Custom Links, lets add a link to IEAs Twitter.
4. In the URL box, type: http://twitter.com/ieanea
5. In the Link Text box, type, Twitter.
6. Click the Add to Menu button.

143
1. Click the Save and Publish Button.
2. Click the X to exit the customizer.

144
1. Lets view our site to see the new menus..

145
146
147
1. From the dashboard, click the Add Button from the Blog Post menu item.

148
1. Open your session files and open the Word document called: Blog Post.
2. Copy the title and paste it into your blog post Title.
3. Again, from the Word document copy the paragraph text including the YouTube
URL.
4. Paste it into the content area of the blog post.
5. A video should appear below the text.
6. Click the Save link at the top left to save our draft.
7. Lets preview our post before we publish.
8. Click the Preview Button at the top.
9. Exit the Preview.
10. Click the Publish Button

149
1. Your blog post will display.
2. Click the back arrow.

150
1. From View Site, lets click the New item on our site preview.

151
1. Your new blog post (news item) should display.
2. You can click on it to view the whole post!

152
1. Click the My Site Button to go back to your dashboard.
2. To sign out of your WordPress.com account, click on your Gravatar (Profile) in the
upper right.

153
1. Under your profile, click the Sign Out button.

154
1. Open your browser, Chrome, Firefox, Safari.
2. Click the the address bar and type: Wordpress.com
3. Once the page loads, click Sign In at the top right.

155
156