Hanover Tavern
WORDPRESS
GUIDE
PO Box 45
Ashland, VA 23005
(804) 496-1900
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
Recommended