Help

7316792628_4080a30d60_nTable of Contents

Logging In
Pages and Posts
Categories
Price Categories List
Sticky Posts
Formatting Pages and Posts
Inserting Images in to Pages and Posts
Adding Links
Adding Video
Widgets
Editing Menus

Logging In

You can access your Dashboard by adding /wp-admin/ to the end of your site URL. Log in using your main USC account and password. This is the same username and password you use for other USC systems like the Portal or Webmail (see https://www.usc.edu/its/accounts/password).

If you have difficulty logging in, you may need to reset your password. To do so, contact the ITS Customer Support Center at 213-740-5555.

Pages and Posts

Differences between Posts and Pages
Pages contain your site’s static content. You can access and edit them from your Dashboard (Pages > All Pages> Edit) or by clicking the “Edit” link at the bottom of any page (remember, in order to see and use the “Edit” link on a page, you must be logged in).

Pages should be used to display the information about your organization or department that rarely changes (think: About or History pages). Once created, it’s unlikely you’ll edit pages often—if ever.

WordPress uses posts to display more dynamic content. Use posts to display information that is time-sensitive or changes frequently. For example, you should use posts to add news articles to your site. You can access and edit your posts via Dashboard > Posts > All Posts > Edit or by clicking the “Edit” link at the end of any post.

Note: In the Price template, posts are used to display many types of content and are dependent on categories. For more information on these distinctions, see the section “Understanding Price Categories.”

Editing Options

The processes for editing pages and posts are largely similar. When you edit a page or post, you have two options for how you view content. To toggle between them, use the tabs on the right side of the edit box– Visual and Text.

Visual Editor – Gives you an idea of how the content will appear on your live site. Remember, this may not always be accurate.
Text Editor– This view includes HTML tags and other markup.

The Visual Editor works much like MS Word. It allows you to copy, cut, and paste text, bold or italicize information you’d like to emphasize, etc. You are welcome to use the Visual Editor to make changes, but remember that this view is not necessarily accurate.

The only way to confirm your page’s actual appearance to visitors is to view the page once you’ve published. At times, you may need to use the Text View to correct certain style issues. If you cannot correct a certain issue in the Visual Editor, try the Text Editor instead.

Tree View Screen Shot 2013-06-28 at 4.54.39 PM
Because the Price site has so many pages, we’ve enabled a plugin called “Tree View”. Tree View nests all child pages under parent pages in toggled lists. We recommend this viewing option to locate pages and make changes. You can also edit placement of pages through Tree View by using the “After” and “Inside” functions (see screenshot at right)

Adding New Pages or Posts
To add a new page, go to Dashboard > Pages > Add New. Enter a title, add and format content, and then hit the “Publish” button. Click “View Page” to confirm your page has published and that there are no formatting issues.

If you need to add a new post, go to Dashboard > Posts > Add New. Follow the steps outlined above for adding new pages.

Previewing & Publishing
Using the Preview (click the “Preview” button at right) function before publishing will give you an idea of how your page will appear on the site. WordPress’s preview option is helpful, but not 100% accurate. Remember to always check your pages or posts once you’ve published them to confirm they meet your expectations.

Once you finish adding or editing content in either the Visual or Text Editor, hit the “Publish” button (appears on new posts) or “Update” button (appears on already published posts). Then click “View Page.”
You can find additional information on WordPress Pages and Posts here:

http://codex.wordpress.org/Posts
http://codex.wordpress.org/Pages

Categories

Several content sections comprised of posts make up the home page. To tell WordPress how to distinguish between them (i.e. which posts to use and where), you will need to assign them categories. Different categories have different content requirements. In some cases, selecting a category will open up a series of custom fields requesting specific types of information. Try to fill all appropriate fields whenever possible.

Using Categories
To assign a category to a post, go to Dashboard> Posts > All Posts> Edit, and locate the “Categories” box on the right side of the screen. Check the appropriate category, and follow the normal steps for publishing.

Price Template Categories

  • Explore:
    • Subcategories: By Field/By Academic Program: Screen Shot 2013-06-28 at 11.13.48 AM The colored boxes on the Price home page are set-up as posts with this category attached. They require that you fill out an excerpt and title. Note: To use subcategories, you must also select the “Explore” parent category.
  • Faculty: When a post is tagged as faculty, WordPress automatically generates custom fields below the main text area. You will need to complete these for the content to format correctly.
    • Click the thumbnail below for an example of faculty Custom Fields: Screen Shot 2013-06-28 at 11.21.11 AM
    • Featured Image: Add Faculty photographs as Featured Images.
    • Tags: Use tags to associate faculty members with topics. Screen Shot 2013-06-28 at 11.22.06 AM
    • Example Faculty Post
  • Homepage Feature: You will need a heading, title, URL, and a featured image (717x354px)
  • News: You will need to add a title, excerpt, URL, body copy. Like Faculty, News can be tagged with topic tags.
    • Research News: Subcategory used to make news appear in Research archive. To make this category work, you must select both the “News” and “Research News” categories.
  • Publication: Screen Shot 2013-06-28 at 11.37.39 AM Typically any post under the Publication category is associated with a faculty member. Once the category is selected, custom fields allow you to add related faculty members and publication data (see screenshot at right). You do not need to add content to the body field.
  • Research Center: Use title, body field, tag with topics, associated faculty custom field, URL.
  • Research Contract: Use body field for inserting contract text. Associate faculty using custom fields.
  • Research Initiative: Use topic tags and body.
  • Topic: Topic posts accumulate and display topic-tagged information. To set up, give the post a title that matches the tag you’re interested in displaying i.e. title: Urban Planning pulls posts tagged with “Urban Planning.” You can then use custom fields to manually add degree programs to the page. You will also need to add an excerpt. The rest of the information displayed on “Topic”-categorized pages generates automatically.
  • Working Paper: Use title and body field.

Screen Shot 2013-06-28 at 5.02.03 PM

Sticky Posts

Using WordPress’s Sticky Post functionality is particularly important in the “News” category. The Price home page highlights the newest sticky post (excludes Featured News), and then pulls the next four most recent news items. Make a post “stick” under Publish > Visibility (see screenshot).

Formatting Post & Page Content

Copying Text from Word into WordPress
MS Word sometimes adds strange formatting to text when you copy it into your site. To ensure your pages look exactly the way you want, use one of these methods:
Option 1: Copy text from Word into a basic text editor (such as Notepad or Text Edit) before pasting them into your WordPress page.
Option 2: From the Visual Editor on WordPress, locate and select the icon that looks like a clipboard with a “W” on it (if you do not see this icon, click the farthest right icon on the toolbar called: “Show/Hide the Kitchen Sink”). Using this option should remove most formatting issues. If you still experience problems, try option 1 instead.

Inserting Images into Pages or Posts

  1. In order to add an image to your page or post, you must first insert your cursor in the place in the text where you want the image to appear.
  2. Click the Add Media button.
  3. Upload a new image or select a previously uploaded image from your Media Library.
  4. Edit your image details. Give the image a title, and select whether to align it to the Left or Right. You can also select an Image Size.
  5. Once you’re satisfied, click “Insert” to add the image to your page or post. Hit “Update” and view your page to see the changes.

For more detailed information:
http://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages

Find and highlight the word or phrase you’d like to turn into a link. Locate and select the chain link icon in your Visual Editor toolbar (alternately, the link button in Text Editor). Now copy the URL you’d like to use into the pop-up window and add a link title. Click the blue “Add Link” icon.

In the Visual Editor, you will now see your linked selection as underlined text. If you are using the Text Editor, you will see a tag that looks like this:

<a href="“https://www.usc.edu”">USC</a>

Hit “Update”. View your page to confirm that the link functions.

Adding Video to Pages or Posts

WordPress and YouTube work well together. In order to embed a video on your site, just paste the YouTube video link directly into your page or post. Click “Update.” WordPress will automatically add and format the video on your page.
For more detailed information: http://codex.wordpress.org/Embeds

Editing Your Menus

To edit navigation menus, go to Dashboard > Appearance > Menus. For the Price School, there is one menu for every site section.

New Menus: If you are adding a new menu (not just updating a current menu), Web Services will need to finish the process for you. Email us with a request.

To Add Menu Items: Locate the “Pages” box on the left side, and select the pages you’d like to include in your menu (you can also hit the blue “Select All” link if applicable). When satisfied with your selection(s), click the “Add to Menu” button.

To Organize (Reorder) Menu Items: You can drag and drop menu items to specify the order in which you’d like them to appear on your site. You can also create submenus by “nesting” pages under primary menu items. To do this, drag the secondary item under the desired parent link.

To Remove a Menu Item: Find the page or post you’d like to remove from your menu under Main Navigation. Click the arrow at right of the page (or post) name. Click the red “Remove” link.

Saving your Menu: Hit the blue “Save Menu” button. Note: saving menus on WordPress takes longer than any other edits to complete. Menus haven’t saved until WordPress notifies you that the updates are complete.

A List of Helpful Links

Writing posts
Creating pages
Uploading and Inserting Images
Editing Menus
Embedding Videos
About the Visual Editor
Writing for the Web