Overview of WordPress - brookdalecc.edu€¦ · Web viewBrookdale has selected a two-column layout for academic pages. The right-hand column (#5 below) is the navigation bar which

TLC WordPress Tips

TLC Tips

Prepared by the TLC Staff for the Math Dept.

May, 2014

All instructions are current as of this writing.

Prepared by: J. Shaloum, 5/16/14

1

WordPress

TLC WordPress Tips

Overview of WordPressWordPress is an open source web development tool and content management system. Brookdale has selected WordPress as the platform for the new website.

Overview of WordPress PagesBrookdale has selected a two-column layout for academic pages. The right-hand column (#5 below) is the navigation bar which is updated automatically based upon pages added. The left-hand column (#1 - #4 below) is unique to each page. A typical academic page may contain the following elements:

1: Page title2: Featured image (optional)3: Page text4: Inline image (optional)5: Navigation bar

WordPress Page


2

1

2

3

4

5

TLC WordPress Tips

Preferred BrowserFirefox or Chrome are the preferred browsers for editing sites in WordPress.

Log in to WordPress1. Navigate to http://sites.brookdalecc.edu/login2. Enter your username and password. Your username is your first initial + last name. Your default

password in “letmein”.3. Click Log in.4. If you’ve lost your password, Click Lost your password? to reset it.

WordPress Login

Change Your PasswordYou’ll want to change your password to something more secure and unique than the default “letmein” password. Your WordPress password is unrelated to your Active Directory password that you use to log into other Brookdale services.

Hover over your user name in the upper-right of the screen and click Edit My Profile.

Edit My Profile

Scroll down near the bottom of the screen and enter your new password twice. Then, click Update Profile.


3

http://sites.brookdalecc.edu/login

TLC WordPress Tips

Change password

The Back End A WordPress Web site has two main parts: a front end, what the public sees when they visit your site, and a back end, where you add, edit and manage content, and control the look and functionality of the site. After logging into WordPress, you are presented with the back end of your website where you have access to the Dashboard and Navigation panel.

Portion of WordPress Dashboard

Pages HierarchyThe easiest way to view the hierarchy of pages is to hover over Pages in the navigation bar, then select Tree View.


4

TLC WordPress Tips

Pages > Tree View

The pages hierarchy appears. Click the triangle icon to the left of Academic Departments to view the departments, then click the triangle icon next to your department to view the groups of pages within your department.

Pages hierarchy

Editing Academic Pages

Parent & Child PagesParent pages are pages that contain other webpages. Your department homepage is a parent page. Child pages are launched from parent pages.


5

TLC WordPress Tips

Edit a PageLocate the page you wish to edit. Click on the page name, or hover your cursor over the page name and click Edit.

Edit link

Edit TextUse the WYSIWYG (What You See is What You Get) editor to make any needed text changes.

WYSIWYG editor


6

Parent pages

Child pages

TLC WordPress Tips

Set the Featured ImageThe featured image at the top of the page is selectable from a library of existing images. To set the featured image, follow these steps:

1. Scroll down below the WYSIWYG editor and locate the Page Settings frame. Under Featured Image, click Add Image.

Add Image button

2. If necessary, click Media Library to browse the library of featured images.

Set Featured Image, Media Library buttons

3. Click the Set Featured Image button in the lower-right side of the screen.

Set Featured Image button

Remove Featured ImageIf you wish to remove a featured image from your page and do not wish to replace it with any featured image, scroll down below the WYSIWYG editor and locate the Page Settings frame. In the Branding tab, notice the thumbnail preview of the featured image. Click the “X” button in the upper-right of the thumbnail to delete it.


7

TLC WordPress Tips

Set Inline ImagesYou may also insert inline images, which are images that appear within your page text.

1. Above the WYSIWYG editor, click the Add Media button.

Add Media button

2. Click Images in the upper-left of the screen.

Insert Media


8

TLC WordPress Tips

3. If a folder for your department does not already exist, find the Add Folder panel. Enter a folder name and click Add.

Add folder

Note: There should be no spaces or special characters in the folder name. Replace spaces with a dash (“-“).

4. Select the name of the folder to which you wish to add your document.5. In the Add File panel, click the Browse button to locate a file on your computer. Then, click the

Add button.

Add file

6. Hover over the icon of the image, then click Insert Into Page.

Insert Image

HyperlinksA hyperlink is an item that the user clicks on to view other content. Usually, it is a word that the user clicks to go to another page or open a document.

Link to Another WebpageTo create a hyperlink to another webpage:

1. Select (highlight) the text on which the user will click.


9

TLC WordPress Tips

Selected text2. Click the Insert Link button in the toolbar.

Insert Link button3. Enter the URL for the website in the resulting dialog. If you wish to open the page in a new tab,

click the checkbox to do so.

Enter URL4. Click the Add Link button.

Link to a DocumentTo upload and link to a document:

7. Select (highlight) the text on which the user will click.8. Above the WYSIWYG editor, click the Add Media button.

Add Media button

9. In the resulting dialog, click Documents.


10

TLC WordPress Tips

Documents

10. If a folder for your department does not already exist, find the Add Folder panel. Enter a folder name and click Add.

Add folder

Note: There should be no spaces or special characters in the folder name. Replace spaces with a dash (“-“).

11. Select the name of the folder to which you wish to add your document.12. In the Add File panel, click the Browse button to locate a file on your computer. Then, click the

Add button.

Add file


11

TLC WordPress Tips

13. Hover over the document that you wish to insert and click Insert Link.

Insert link

Preview & Publish ChangesWordPress allows you to preview your changes before committing them. To preview your changes, click the Preview Changes button in the Publish panel. A preview of the edited page launches in a new tab. If you are happy with the changes, click Update to publish the change. If not, continue editing or leave the page without saving changes.

Publish panel

Add New Child PagesIf you wish to add a new page to your department, return to the Pages Tree View.

Tree view

1. Hover over the parent page and click Add New Page > Inside.


12

TLC WordPress Tips

Add New Page > Inside

Note: Your parent page may be your department page, an existing parent page within your department, or a current child page that will now also become a parent page.

2. Enter a name for your new page. Ensure that the Status is set to Draft, then click Add.

Add page

3. Use the same tools as discussed earlier to populate your page.

New blank page


13

TLC WordPress Tips

Add/Edit Faculty PagesYour personal faculty page is actually stored in a separate site. To access your personal faculty site, hover over My Sites at the top of the screen. Hover over your name, then click Dashboard.

My Sites > Name > Dashboard

Note: The TLC must create a faculty site for you.

Click Pages. There should be no pages in your faculty site.

Empty pages list

In the dashboard, click Add New.

Enter your name for the page title. Add content to the page using the same steps as you learned earlier.


14

TLC WordPress Tips

New faculty page

After you publish your page, you must contact the TLC to link it to the Faculty Pages page.

Faculty Pages links


15