LibGuides: Tools-Wordpress Tutorial: Home

Home

How to Log in to Wordpress

To login to the WordPress (WP) Administration area, follow these steps:

Go to the Admin Login screen: Usually located at http://library.brown.edu/[unique site name]/wp-login.php or http://library.brown.edu/[unique site name]/wp-admin.
*For a site like http://library.brown.edu/fivecenturiesofchange/wp-login.php the "unique site name" is "fivecenturiesofchange."
Enter your username and password: The Admin screen presents two text fields. One for your username and one for your password. Make sure that caps lock is off. Usernames and passwords are case-sensitive.
"Remember Me" option: If you would like WordPress to remember your login information to make it easier next time, check the "Remember Me" option before clicking the Login button. Anyone who has access to your computer will be able to login as you if this option is selected. Not recommended for public computers.
Click the Login button: If you were successful logging in to the WordPress Admin area, you will be greeted by the WordPress "Dashboard", which presents a neat summary of both internal (your blog) and external (WP news) WordPress information.

How to Change Your Password

Use the Admin Bar menu to go to your account.
In the upper right hand corner of the Admin Bar menu there is an option to access your account.
Click on the "Edit My Profile" option.

Scroll down to the New Password section.
Type in a new password in the two boxes provided.
The strength box will show how "strong" your password is.
Click the UPDATE PROFILE button.
The new password goes into effect immediately.

The Dashboard

The Dashboard is the first screen you see when you log into the administration area of your wordpress site. The Dashboard contains the following modules: Right Now, QuickPress, Recent Comments, Recent Drafts, Your Stuff, What’s Hot.

The Right Now module offers an “at-a-glance” look at your blog’s posts, pages, categories, and tags.

QuickPress is a mini-post editor that allows instant content creation from the Dashboard. You can include a title, body text, media files, and tags in the post, and have the option of saving it as a draft or publishing immediately.

The Recent Comments allows you to Approve/Unapprove, Reply, Edit, See the History, Mark as Spam, or Trash comments.

The Recent Drafts module displays links to your most recent drafts, allowing one-click access from the Dashboard.

Your Stuff displays links to your recent activity on WordPress.com.

What's Hot links to the Recent posts from the WordPress.com News blog, Top WordPress.com blogs, Top Posts from around WordPress.com, and Latest Posts.

Admin Bar

A gray bar appears at the top of your pages when logged into WordPress. This gray bar is called the Admin Bar and it is an easy-to-access toolbar with shortcuts to many of the WordPress features. The drop-down menu that appears when you hover over the WordPress logo is a quick way to access many of the features available on the WordPress site.

Add a New Page

To create a new Page, log in to the WordPress site.
Hover over the "Pages" option on the left sidebar.
Select "Add New." The new page template will open up.
Add a title and content. When finished click the "Publish" button.
A link should appear above your title allowing you to view the page you just created.

About Pages:

Pages are for content that is less time-dependent than Posts.
Pages can be organized into pages and SubPages.
Pages can use different Page Templates which can include Template Files, Template Tags and other PHP code.
In essence, Pages are for non-blog content. It is possible to remove all or most Posts from a WordPress installation, and thus to create a standard non-blog website.

Insert Image into a Page

Open a new or existing page in the editing mode.
Place your cursor where you would like the image to appear, then click on the media icon above your post/page editor.
In the newer versions of Wordpress you can drag and drop your files into the box that appears, or click Select Files to choose a picture from your computer to upload. Note that the drag and drop uploader only works in browsers with HTML5 upload support such as the latest versions of Chrome, Firefox, or Safari. Other browsers will still show the Select Files button or the basic browser uploader form.
Once the uploading/crunching process has completed, you will be given the option to edit some settings before inserting the image into the post/page.

Title - Text displayed as a tooltip (when a mouse is hovered over the image)
Caption - Image caption displayed directly underneath the image (will also serve as the alternate text.)
Description - Text displayed with the image in your dashboard and attachment pages on your blog.
Link URL / Link Image to – The URL/web address to which the image will be linked. Click the File URL button to link the image to its original, full-size version. Click the Post URL button to have the image linked to its attachment page.
Alignment – The position of the image within your post or page. See our page about image alignment for more help.
Size – The size of the image. Click the Edit Image button beneath the image preview to rotate, flip, scale, or crop the image.

Click Insert into Post when you’re done adjusting the image’s settings.
Above the page their will be a link for you to view the updated page.

How to Create Sub-Pages

Go to the dashboard, click pages, choose, "Add New."
In the right menu, click the "Page Parent" drop-down menu.
The drop-down menu contains a list of all the Pages already created for your site. Select the appropriate parent Page from the drop-down menu to make the current Page a child Page.
Add content to the subPage.
Click Publish when ready.

How to Create a Gallery in Wordpress

Open a new page or existing page.
Click on the upload/insert option above the page content box. Select images from your computer that you want to use in the gallery.
Change preferences and image names and save all changes.
A new window will open. You will be able to reorganize the order the images in the gallery. When finished click "Insert Gallery."
The gallery will be inserted into the page. Publish the page if it is a new page or update an existing page.
View the page to make sure the gallery is functional. Click on the thumbnail image in the gallery to view the full-size images.

How to Insert a Graph/Image from a Google Spreadsheet into Wordpress

Create a graph from the data in the google spreadsheet.
In the upper righthand corner of your graph there is a small option box. Choose the "Publish Chart..." option.
A window will pop-up that with the option to, "Select a publish format." Choose the "Image" option.
Copy the image html code that is provided in this window.
After copying the image html code, open a new or existing page in wordpress.
In the upper right hand corner of the content area of the wordpress page there is an "HTML" tab. Click the "HTML" tab.
Paste the image html code into the content area of the wordpress page.
After pasting the image html code, click the "Visual" tab in the upper right hand corner of the content area to make sure the image/graph from the google spreadsheet is embedded in the page.
Click the Publish/Update button to publish/update the wordpress page.
View the page to make sure the image/graph appears correctly.

How to Embed a Video into a Wordpress Page

Open a new or existing page.
In the content editor toolbar, click the button that will "Show/Hide Kitchen Sink." The keyboard shortcut for doing this is ALT+Shift+Z. This opens more options in the content editor toolbar.
Next, click the button that looks like a film strip on the second row of the content editor toolbar.
A new window will open. Paste the video url in the area labeled "file/url." After the video url has been entered the video should appear in the large preview window inside the window. Adjust the width and height of the video if needed.
Click insert, which is located at the bottom of the window.
A yellow box should appear in the content area of your page. This means the video has embedded successfully into your page.
Update/Publish the page to save your changes.
View the page to make sure the video has been correctly embedded.

Guide for Using Content Editor Toolbar

Font style - Highlight your text and use these 4 buttons to make text bold, italic, underlined, or strike-through.

Text List formatting - Unordered List, Ordered list, Out-dent (move left) and Indent (indent right).

Alignment - Align text, images or other content left, right, center, and full.

Insert/Edit Link - To insert or edit a link, select the linked text and press this button. A pop-up dialog displays that lets you enter details about the link.

Unlink - To remove a link, highlight the linked text and press this button.

Insert/Edit Image - To insert an image, place the cursor in the desired location and press this button. A pop-up dialog displays that lets you enter in the Image URL and other information about how the image will display.

The More Tag - Allows only first part of a page to be displayed. A link is placed directly after the excerpt, pointing the reader to the full post.

Insert Page Break - Break long posts or pages into multiple pages.

Toggle Full Screen Mode - Toggles your article editing window to the full size of your screen

Show/Hide Kitchen sink - Enables the second row of editing icons

Font Size - Allows user to change the size of text.

Text Format for size and headings - Highlight your text and use this drop-down menu to create a variety of different styles of headings with different attributes. You can use this to quickly make text large, bold, italic and so on.

Paste as Plain Text - Copying and pasting text from somewhere else might not always appear exactly as you would expect. If you use the "Paste as plain text" button then a special cleanup process will run to remove any special formatting and HTML tags that may otherwise change your text.

Paste from Word - Pasting from Microsoft Word produces very messy HTML. The same applies when using OpenOffice, or other word processors. The Word cleanup feature in Wordpress removes all extraneous tags from your text.

Remove Formatting - Removes formatting from text copied from somewhere else.

Insert Custom Character - Choose from a selection of custom text characters.

Select Text and Background Color - Select the text color and background color. Both buttons have a drop down to give you a choice of color.

Subscript, Superscript - For adding scientific notation to your text.

Insert Embedded Media - To insert embedded media (such as Flash), place the cursor at the desired location and press this button. A pop-up dialog will display that allows you to enter the Type, File or URL, and other information about the media.