WordPress Guide

This website is built using WordPress, a customizable content management system that allows you to easily update your website. With WordPress, you are able to change virtually all aspects of the website by logging into the Dashboard.

Please use the menu below to drop to different sections of the guide:

Logging In & Dashboard ››
Editing Pages ››
Custom Posts on Pages ››
Post Order ››
Additional Features ››
Questions & Comments ››

Logging In & Dashboard

CMS Login

All website changes are made via the Dashboard. To reach the Dashboard, simply add wp-admin to the end of your website url. This link is not publicly visible on the site so you may want to bookmark it in your browser.

Login URL: http://www.congressionalbank.com/wp-admin/

If you can’t remember the account password, click the Lost your password? link on the login screen to have a new temporary password sent to the email address linked to your account.

Main Screen

Once logged into the site you will see the Dashboard and the left-side navigation that contains the editable portions of the website. The left hand navigation corresponds to the top-level and drop-down navigation menus of the website.

Editing Pages

From the Dashboard you can edit or delete an existing page and add a new one by going to the menu in the left hand column, selecting the navigation area where the page exists and then selecting that page from the dropdown.

You can hover over the navigation items to see a list of editable pages on the site. Pages are organized in the order of the main menu (top navigation of the website, i.e. About Us) followed by the subpages menu for secondary menu items (drop-down links) listed beneath them preceded by a hyphen. Clicking on the page name in the dropdown will open the Editor for that page.

Edit Page Screen

1. Add New Page
2. Title of Page or Post
3. Editor
4. Content of Page or Post
5. Custom Field(s) Area
6. Featured Image
7. Update Page Button

Using the Editor

The Editor acts similar to Microsoft Word with editing, formatting, and linking text. Below is a guide to the action of each feature:

**Note: The tools seen below are from the Visual tab on the Editor.

1. Permalink
2. Edit Permalink
3. View Page Button
4. Get Shortlink
5. Add Media
6. Add Form
7. Bold
8. Italic
9. Text Cross-out
10. Bullet List
11. Number List
12. Left Aligned Text
13. Center Aligned Text
14. Right Aligned Text
15. Link
16. Unlink
17. Underline
18. Paste Text

Adding a Page

To add a new page, go to the page list and click the Add New button at the top of the page screen.

Inserting Hyperlinks

To create a hyperlink in a page or post, select the text you wish to link and then click on the link button in the Editor. This will open the Insert/edit link dialog. To edit or remove a link, click the link button again to change the link.

When linking to external pages (links that take the user outside of your website), select the check box Open link in a new window/tab so the user will not leave your website.

When linking to a page on your website (internal link), click Or link to existing content on the Insert/edit link dialog.

By using the Search field you have the option to select from a list of pages/documents found on the site. Pages will be identified in the right column of this box. When linking to an internal page or document that already exists on the website, make sure the Open link in a new window/tab box is unchecked.

Inserting Images / Files Into Pages

The Edit Page screen has a series of icons located just above the toolbar for uploading pictures and other types of media files.

To upload an image, click on the Add Media button, which will open an upload form (see below).

In the upload pop-up, click on the Upload Files tab and drag/drop photos to upload (you can also click the Select Files button). Click the Insert into page button.

To select a photo already in the gallery (on your website), in the upload pop-up, click on the Media Library tab. Select a photo and click the Insert into page button.

Once you have uploaded a new file or selected an existing one in your Media Library you will be shown information about it. If it's an image, you have the option to edit the picture (crop it, resize it, etc.).

The Insert into page button does just that - inserts the image/file into your editor screen. The Title field is entered automatically based on the file name. We recommend changing the Title to something that identifies the image or file. Also, add the title to the Alt Text below it. The Alt text is used to help identify images for search engine indexing (Google) and screen readers for the visually impaired.

If the file is a Document that you are adding, it will render as a link. For example, a PDF will become a link that the users will click to download or open the file. When inserting a document, the Title will appear as the hyperlink text by default.

Adding a Featured Image

Each page has a full-size background image, this will be added/edited by the Featured Image section of the Editor. The Featured Image controls are located under the Page Attributes section in the right-hand column of the Page Edit screen.

For pages without a Featured Image, click Set featured image. To change a Featured Image, click on the image or click Remove featured image and repeat the process for another image.

The Featured Image dimensions are 1920px wide x 1080px tall. The image will scale based on the size of the browser.

Updating and Publishing a Page

After creating or editing a page, make the changes live by clicking on the Update button (Publish on new pages). This is located to the right of the Editor.

**Note: A page can be removed or hidden without being deleted by setting the page's Status to Draft. This may be helpful for Event listings and other items that you want to display at different times of the year.**

Custom Posts on Pages

On some pages, such as News or Management Team, there will be multiple posts on one page. The individual post sections will be identified in the menu with a - before the name and then identified with an all next to it (ex. - Management Team (all)).

Editing content in these areas will function the same as normal pages. The Title will often act as the display name of the post on the page (blog title, news article title, team member name, etc.).

Custom Fields

Some posts will have additional fields below the main content editing area. These fields are customized for that specific page. In the example below, the Management Team post (each individual Team listing), has a Team Title field below the main content. Other Post Types and Pages have a similar feature.

Post Order

On Pages like the Homepage Slides or Management Team, we give you the ability to order the posts individually, instead of the default order of posting by date.

Using the Post Order menu, you can select a list of Posts and drag and drop them into any order you please.

Additional Features

There are additional features and functionality that have been added to the site that will be detailed below.

Homepage Slider

The Homepage Slider is a special feature on the homepage that displays scrolling text that can link to internal or external URLs.

The Title input will be the large title text on the slider. This should be roughly a 4 word phrase. The subtext line goes in the main text editor.

The Slider Link input is where you can link to an internal or external URL.

Sidebar Content

On certain pages of the site, there is content to the left of the main content. This area is labeled Sidebar Content and can be found below the main content window when creating or editing pages. In order for this to display properly, the Template chosen must be Page Sidebar.

Updating News

When updating the news there will be a field below the editor for Excerpt. This is the summary of the news article that will display on the main news page.

Questions & Comments

If you have any additional questions or comments about features, please feel free to reach out to Warschawski. Thanks!