Hanover Tavern

WORDPRESS

GUIDE

PO Box 45

Ashland, VA 23005

(804) 496-1900

kathy@slashtechnology.com

LOGGING IN

http://hanovertavern.org/wp-admin

tavern

tavern1791

To change your password:

Go to Users > Tavern once you’re inside Wordpress

Not case sensitive

Dashboard

MAIN CONTENT

POSTS – At launch, all content in the website is created as “Posts” and assigned to “Categories”

PAGES – If you’d like to create a “Page”, you may. You won’t be able to assign it to a category, but it’s fine for simple things such as a FAQ.

• Tavern, Restaurant, Theatre, Foundation (and sub categories)

• Sliders • Contact Forms • Galleries

OTHER STUFF

Media – Library of uploaded images, video, audio, pdfs, etc.

Links – not used

Comments – Wordpress comments disabled, FB comments used instead

Forms – edit existing forms or create new ones

Appearance – background images, main menu

Plugins – 3rd party software, nothing to see here

Users – change your password, add Admins, etc.

Tools – nothing to see/do here

Settings – nothing to see/do here

Google Map – nothing to see/do here

TouchCarousel – format/add Sliders (Slider content are Posts assigned to each Slider category)

Typecase – non-standard web fonts used

SEO – search engine optimization settings

The Basics

Wordpress is a dynamic content management system. The first thing you need to get your head around is that all the website “pages” are created dynamically. In the backend, you do not go to a page and edit it. You create content and tell Wordpress where you want it to show up. This gives you a ridiculous amount of flexibility, by allowing a piece of content to be accessed by your visitors many different ways. To do this, Wordpress uses two structures – “Posts” and “Pages”. At launch, the Tavern website uses “Posts” exclusively, because only Posts can be assigned to Categories. So, for example, the Restaurant is a category, with many subcategories (Menus, News, Reservations, etc.). When a new Post is created – say, a new Family Dining Sunday Night Menu – you assign it, obviously, to the Menu category (which automatically assigns it to its parent category, Restaurant). Now, you want to make sure all your visitors know about it, so you assign it the Restaurant News category, and also in the Restaurant Slider by assigning it to the Restaurant Slider category. Again, because Wordpress is dynamic, you only have to create the Post once and assign it to the categories you’d like. The post is placed where it needs to go on the page(s). If you create an Event post, for example, it will automatically appear in the Calendar and the Upcoming Events list. What about “Pages”? Wordpress added this feature for folks who really didn’t need the bells and whistles of “Posts”, and just wanted a simple method to publish fairly static content such as “Services” and “Contact”. Creating a “Page” uses the same interface as a “Post”, but there is no categories option.

You can see the hierarchical structure of Categories here. You can create new categories or sub-categories when ever you like. Heads up – a new category will display a simple indexed list of posts within that category (like the News pages), not the custom styling of Tavern, Restaurant, Theatre, Foundation.

Content

Create/Edit Posts and Pages (Almost identical interface for Posts and Pages)

Add Text Here

For Posts, select

a category

Insert Image

Insert Hyperlink (highlight the text

you want to be hyperlinked first)

Add Title Here

For Events to appear

in the Calendar and

Upcoming Events list,

check this

Uncheck the “All day

event” box to add

start/end times

To add a unique background to a particular post,

open “Full Screen Background Image”

See next page

to learn how to

work with

images,

And the

Background

Image page

for that feature

FACEBOOK OPTIONS:

Allow FB comments to appear at the bottom of a post

Add a FB Like to the post (Share also appears)

Images

To upload an image Click on the “Add Media” icon

Change title to something readable Caption Optional

Select Alignment (left, right, center) Select Size (medium is best, nothing over 500 pixels wide) Click Insert into post

If it’s an image you’ve already used before, click on

“Media Library”. Otherwise, click “Select Files” to choose

one from your computer.

Uploaded Image(s) appear, along with all other images in the Media Library

Galleries

Wordpress offers a built-in way to easily create a photo gallery, which was used in the “Photo Gallery” for Facility Rental.

TO CREATE A GALLERY IN A POST/PAGE:

Create your post/page, and click on “Add Media”

Click on “Create Gallery” at the Left, then “Upload Files” Select all of the images that you would like to include in the gallery

Click on “Create a new gallery” at the bottom right

In the “Edit Gallery” pop-up, you’ll find options to “Add to Gallery” on the left, and the number of Columns on the right. ALWAYS LINK TO MEDIA FILE – or you won’t see the nice lightbox effect! Add captions if you’d like. You can also drag the images to reorder

Fullscreen Bkd Image

Click on Appearance > Fullscreen BG Image

Click on “Add New Image” Choose image from your computer

Click on “Insert into Post” (weird, I know, but it takes advantage of existing WP functionality)

Give the image a name You can replace the current default image of the Tavern by leaving it on Global (in the dropdown) Select “Category” from the dropdown to assign the image to a particular post or category Note: The post or category “slug” can be found in the URL. For example, http://hanovertavern.org/theatre/theatre-history/barksdale-theatre-history

Category Slugs Post Slug

PDFs

The preview may look cropped and small, but It’s okay

TO LINK TO A PDF IN A POST, START IN THE MEDIA LIBRARY Click on “Media Library” from the left side menu, then click on “Add New”

The Media Library contains uploaded images,

video, audio and PDFs.

Select PDF from your computer

Click on “Edit” after upload

In the new window, highlight File URL and copy it

• Return to Post or create one. • Highlight text that will link to

PDF and click on the Insert Link icon

• Paste the PDF file URL in the popup and click “Add Link”

Sliders

For the Sliders, you must have a Featured Image (as opposed to an image that you insert into a Post). You can set your Featured Image two ways: 1. Clicking “Set Featured

Image” on a new post, in the bottom right corner

2. Clicking on “Add Media”

You don’t have to worry about Alignment and Size for the Featured Image, which is why there’s no option for these. Click on “Set Featured Image” in the lower right Your Featured Image will appear on the Post editing page.

The Sliders simply contain Posts that have been assigned to a Slider Category (Home Slider, Tavern Slider, Restaurant Slider).

The Slider will automatically take the first 20 words of your post

In addition to the Post’s original category (Events, Tavern News, etc), click on the Slider category (Home Slider, Tavern Slider, etc.)

Buttons & Accordions

You can create buttons like these using something called a “shortcode”, which is basically website coding that is in shorthand and formatted in a way that you can use it in the “Visual” display of the Editor. At it’s most basic: [button]Photo Gallery [/button] This won’t make it clickable. We need a hyperlink: [button link=“http://hanovertavern.org/facility-rental/photo-gallery”]Photo Gallery [/button] What if we want that pretty red color? [button link="http://hanovertavern.org/contact/ restaurant-pub-contact" variation="glossy_red”] Email [/button] What if we want to link to a PDF, and have it open in a new window/tab? [button link=http://hanovertavern.org/Menu.pdf “ target=“blank”]Valentine’s Day Menu[/button]

Accordians like this are also easy to make with shortcodes. [collapsible_item title="STARTERS & SOUPS"] Fried Green Tomatoes with mixed greens, house made pimento cheese dressing & chopped bacon $7 Virginia Crab Dip with artichoke, caramelized onion & crostinis $8 (etc., etc.)

[/collapsible_item]

Menu

TO ADD A NEW PAGE OR CATEGORY: • Create the Page or Category first • Check the box of the new Page or Category

you want to add to the menu • Click “Add to Menu” (look under the Pages

bucket and the Categories bucket) • Click on “Save Menu” button in upper right Note: if you don’t see all the categories, click on “View All” – default is “Most Used”

You can drag each item into place to reorder, or move slightly to right to create sub-menu items

TO EDIT/DELETE MENU ITEM: • Click on the arrow at the

far right of the menu item • Rename under

“Navigation Label” or “Remove”

• Save Menu (upper right corner)

Click on Appearance > Menus

Forms

The Tavern uses 3rd party software called Gravity Forms to manage all the forms on the website. Although it is not difficult to create/edit forms, it is definitely more involved. Please contact Slash Technology if you are interested in an additional training session on Forms, or you can check out the Gravity Forms Documention here: http://www.gravityhelp.com/documentation/page/Gravity_Forms_Documentation