WordPress Tips

WordPress TipsPrepared by the IC Staff

for the Business & Social Science Institute

July, 2016

All instructions are current as of this writing.

Prepared by: J. Shaloum, 5/13/23

1

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 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: Inline image (optional)3: Page text4: Inline image (optional)5: Navigation bar

WordPress Page

Prepared by: J. Shaloum, 5/13/23

2

1

2

34

5

WordPress Tips

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

Log in to WordPress1. Navigate to https://www.brookdalecc.edu/business-social-science-institute/login2. Enter the username and password with which you were provided. 3. Click Log in.

WordPress Login

ProfileYour WordPress password is unrelated to your Active Directory password that you use to log into other Brookdale services. You can change your password or other personal information by editing your profile.

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

Edit My Profile

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

Prepared by: J. Shaloum, 5/13/23

3

WordPress Tips

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 click Pages in the navigation bar.

Pages

The pages hierarchy appears. Click the triangle icon to the left of departments to view the pages.

Prepared by: J. Shaloum, 5/13/23

4

WordPress Tips

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.

Parent and child pages

Prepared by: J. Shaloum, 5/13/23

5

Child pages

Parent pages

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

Set the Featured Image (Optional, but increases search engine optimizationThe 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. Position your cursor at the top of the page content field.2. In the WYSIWYG editor, click Add Media.

Prepared by: J. Shaloum, 5/13/23

6

WordPress Tips

Add Media button

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

Set Featured Image, Media Library buttons

4. Click the Insert into Page button in the lower-right side of the screen.

Insert into Page button

You may also insert inline images, which are images that appear within your page text. To do so, follow the same steps, begin by inserting your cursor where you want the image to appear, then follow the same steps.

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.

Prepared by: J. Shaloum, 5/13/23

7

WordPress Tips

Selected text

2. Click the Insert Link button in the toolbar.

Insert Link button3. If you are linking to another page on the Brookdale website, enter (or paste) that URL for the

page in the resulting dialog. Then click the blue return button.

Linked URL within Brookdale site4. If you are linking to a page outside of Brookdale’s website, you will likely want to open the page

in a new tab so that the reader does not lose his/her place in the Brookdale navigation. Click the Link Options (gear icon) button in the URL dialog.

Link Options5. Enter the URL in the appropriate field.6. Check the Open Link in a New Tab checkbox.

Open link in a new tab7. Click the Add Link button.

Link to a DocumentTo upload and link to a document:

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

Prepared by: J. Shaloum, 5/13/23

8

WordPress Tips

Add Media button

3. In the resulting dialog, click Documents.

Documents

4. 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 (“-“).

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

Add button.

Prepared by: J. Shaloum, 5/13/23

9

WordPress Tips

Add file7. 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, click Pages again.

1. Hover over the parent page and click Add Child. Your parent page may be your department page or an existing parent page within your department.

Prepared by: J. Shaloum, 5/13/23

10

WordPress Tips

Add Child

1. Enter a name for your new page. Ensure that Template is set to Default Template, then click Add & Edit.

Add page

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

New blank page

Prepared by: J. Shaloum, 5/13/23

11