How to create a post
Creating your first post can be daunting and, if you are unfamiliar with WordPress, confusing. The following instructions will not only help guide you through how to create a post, but also how to ensure that the different components in your post (text, photo, gallery, maps, etc.) are all compatible.
Go to the main Posts page to get started: http://unpackingthebookstore.susqu.edu/wp-admin/edit.php
- There is an option to add a new post next to the “Posts” heading.
- Alternatively, you can go to the lefthand side bar in your Dashboard and hover over the “Posts” tab. There will be an option to add a new post.
Familiarize yourself with the WordPress visual editor: http://wpmu.org/mastering-wordpress-visual-editor/
How to upload and insert, resize, align and add a border to your image:
- VIDEO http://www.showmewp.com/adding-an-image-using-the-file-uploader/
Place images side-by-side:
Take a screenshot:
How to add galleries, slideshows, audio, video, and use shortcodes:
Create and embed a Google map:
- With street view: http://learn.wordpress.com/get-flashy/
Embed an iframe from another website:
Here are additional WordPress tutorial websites to peruse in your free time.
- A mecca of “How To” instructions, comprehensive and easy to read instructions
- Provides a list of awesome tutorial sites for those interested in the design elements of WordPress
Show Me WP: http://www.showmewp.com/
- Basic video tutorials
Creating Google Maps
- How to create personalized, annotated, customized maps using Google Maps: http://www.youtube.com/watch?v=TftFnot5uXw
- Go to https://www.google.com/maps and log in.
- Click on the “hamburger” menu button located at the far left of the search bar.
- Choose My Maps from the menu that appears.
- In the new window that pops up, click Create Map.
- Search for a location in the Google search bar. On the menu that appears for the location, click Add to Map.
- Search for more locations and add them to your map. Additional locations are added to the map by searching locations and clicking the “+ Add to Map” option.
- You can also add additional markers on the map by clicking on the Add Marker button under the search field and then clicking on the location of the map where you want to add a marker. Then, you can add a name and description for this new marker.
- When viewing your map, you will see all your locations listed on the left hand side of your screen. From here you can edit what is on your map, the color of the markers, and many more items.
- Click on a location listed on the left hand side of your screen and a menu will appear at that location. Next, click the pencil button on this menu that appears. This will allow you to add a description or image for the location selected.
- You can change the marker colors by going to the left side of the screen where all the locations appear and clicking on the paint bucket that appears to the right of one of the marker titles.
- Maps are edited on the left side of the screen and maps saved to my maps are accessed by clicking the menu button and selecting ‘my maps’.
- Give your map a title and write a short description of what your map is about.
- Set your map to Public by clicking the Share option (blue outline in image at left) and changing the privacy settings (shown at right) so that everyone can see the map when it is embedded in your post on Unpackingthebookstore.org
- Click Done.
Embedding your map into your Word Press Blog
- To embed the map into your blog post, click on the three dots to the right of share, the link button, and choose “Embed on my site”
- Copy the embed code.
- Go to WordPress and paste the embed code using the TEXT view of your blog post. You can switch to the text view in the upper right hand corner of the post where you will see a Visual Tab and a Text Tab.
For most of your work, you will be working in Visual view (as pointed to with a Red arrow). However, in order to embed the code, you want to switch to the TEXT view (shown with a green arrow beside the red arrow). When you copy and paste, your content should look similar to the information highlighted in green.
When you click Save and preview, your embedded map should show up.How to create personalized, annotated, customized maps using Google Maps: https://www.youtube.com/watch?v=JO5WPBOd9mE
- To embed Google street view images, search for a location and then click on the ‘View in Google Maps’ link for the location.
- This pops up in a new window and you can choose to view in street view, which is available in the options that appear on the left.
- Click the link button (three vertical dots) on the top right of the location box in the top left corner.
- You can then choose to embed the image and paste the link in the post draft.
How to Create a Timetoast Timeline
Go to www.timetoast.com and create an account.
Follow these Timetoast Instructions (PDF file) to create an account and create your first timeline. These instructions are complete with screen captures.
Embedding your timeline into your Word Press Blog
For most of your work, you will be on the Visual tab for the WordPress Editor. However, in order to embed the code, you want to switch to the TEXT tab. Make sure that the HTML code is embedded in the appropriate location in the body of your text. For example, if you talk about the timeline near the middle of your post, it might make sense to embed the timeline in-between the paragraphs that mention it.
How to Create a Floor Plan using ThingLink
- Go to www.thinglink.com and create an account, “Join Now.”
- On the next page click on “Go To Your Stream” on the right side.
- Click the ” + Create” button located at the top right hand side of the screen.
- Upload the image of your floor plan (archival image, photo or drawn-by-hand).
- Give your floor plan a title.
- Click on a specific location to add a tag to the image.
- Then, add text content to “Description.”
- Click on the icon image to select one.
- Consider using the icon graphics to visually distinguish the types of content you’re adding.
- To add photos, put the url to the photo into the link section. For images not already online, upload the images to this website, Unpacking the Bookstore, and then copy the url and paste it into the tag’s link section.
- Then click “Save Tag.”
- Add more tags to your image. You may wish to use text icons to describe the arrangement of subject/genre categories on the sales floor or to describe an especially interesting or evocative location in the bookstore. Image icons can illustrate the bookstore’s layout and look or highlight important visual details within the bookstore. Try not to crowd the floor plan—tag only what is necessary to support the focus of your post.
- When you have have added all your content, save the image on the lower right hand side.
- If you want to edit your image further, click the pencil icon to “Edit.”
- To embed the image into your post, hover over the image and click on the “Share Image” icon on the upper left corner of the image.
- Copy the embed code.
- Paste the embed code in your WordPress post in the “Text” tab window, in the place where you want the floor plan to appear.