Tarragon blog (retired)

Table of Contents

Introduction

Setup WordPress
Using wordpress & quick start videos
Login to wordpress
ITDR Admin
Branding this template

Setup Pages

Blog page
Archives page
Contact page
Portfolio pages

Setup Universal Items

Logo
Navigation
Header
Welcome area
Image sizes
Comments

 

Introduction

Setup WordPress
For those that are self-hosted (not on our membership plan) go here to learn how to setup WordPress on your server.  If you are on our membership plan then there is no database setup needed.

 

Using WordPress & quick start videos - Watch Videos
We created a video library to help walk you through how to WordPress and certain things on our template.  Take a look at the video library here.

 

Login to WordPress
To login to the backend of WordPress go to where you installed it and add "/wp-admin" to the end of the URL.  So for example, it could be "http://example.com/wp-admin" or if you installed it in the blog directory then it would be "http://example.com/blog/wp-admin".

 

ITDR Admin - View Example Video
The ITDR Admin is where you can choose colors, fonts, sizes, change settings, and change features, etc. in your template.  After you activate your theme it will be located on the bottom of the navigation in the backend of WordPress.

 

Branding this template - Watch Video
This is a short video to show you how to brand this template in our ITDR Admin.

 

Setup Pages

Setup blog page
The Tarragon blog is unique in the way that it offers an open/close post feature.  The closed post feature has minimal information that acts like a teaser for the rest of the post.  This information is made up of a text excerpt and an image.

> Blog page - Turn these options on. (you should only have to do this one time)

  • Under "Posts", click "Add New"
  • Click the "Screen Options" in the top right of the screen (right under log out)
  • Once the options appear, make sure the "Excerpt" and "Custom Field" options are checked

Those two options should now appear under the main text  box.

> Blog page - Adding the excerpt image and post
For this template you will use the "Excerpt" field located below the main text box.  if you choose to leave this field blank, the system will automatically pull a few sentences from the text you have in the main blog post. 

  • Under "Posts", click "Add New"
  • Find the "Excerpt" box
  • Add your excerpt text

If you do not see the excerpt option, make sure you do the following

  • Under "Posts", click "Add New"
  • Click the "Screen options" in the top far right of the page
  • Make sure the "excerpt" box is checked

 

> Blog page - Add an image to the closed state of the post.  (Next to the excerpt text)
This image will not be the same size as the regular post images.  Because there is excerpt text on the left, the right side is all that remains for the image.

  • Locate the Custom Field Area below the main text box
  • Click Add Custom Field You will only need to do this once
  • In the Name section add "post-img" it must be exact so wp knows to pull that image
  • Go back up to the top and add an image see steps below
  • Before you hit save you'll need to copy the "Link URL"
  • Paste Link URL in the "Value" area in the custom field section

 

Setup archives page
In the "pages" tab click the "add new" button. Title the page. Then in the attributes panel on the right, use the Template drop down and select "Archives". Now publish.


Setup contact page
In the "pages" tab click the "add new" button, title the page, then in the attributes panel on the right, use the Template drop down and select “Contact”. Now publish.  This will add a contact form to your page but you can still add content like normal in the text editor.


Setup a portfolio page (uses BlogShow) - Watch Video Tutorial
Portfolio pages are essentially just a page with a Blogshow embedded in it.    You can get detailed information about using Blogshow here.  To create a Blogshow:

  1. Create your page and Title it.
  2. Click the ITDR logo on the top bar of the editor (where you type text into your page).  Make sure your Blogshow Plugin is activated!
  3. (optional) – To change the design (including height and width) click the “Global Settings” tab.
  4. Click the “Image Sets” tab.
  5. Click “New” and title the set.
  6. Select the set you just created and click the "Image List" tab.
  7. Click “Upload” and upload your desired images.
  8. Click the "Insert" tab and click “Insert into Post!” on the bottom.

 

Setup Universal Items

Logo
To edit the logo go to the ITDR Admin > Design tab > Settings tab.

 

Setup your navigation - Watch Video Tutorial
NOTE:  You need to have WordPress 3 of greater.

  1. Go to the "Menus" tab under "Appearance".  
  2. Create a New Menu by giving it a title, then clicking “Create Menu”.
  3. Assign the menu to it's location by selecting it in the dropdown in the top left under the "Theme Location" tab.  Click save.
  4. Select the pages, categories, or custom links that you want in this navigation and add them to your menu.  To create a sub-navigation item, click and drag an already added menu item and put it under & to the right of the desired parent navigation item.
    1. IMPORTANT: due to the complexity of the navigation this blog can only have navigations 2 levels deep.  Anything higher than 2nd level sub-navigations items will not work.
    2. NOTE: To create a "dead" navigation item (one that doesn't link to anything), create a custom link with a link to somewhere fake (example: http://something.com).  Then once added find it on the right column, click the dropdown arrow, and delete the link.

 

Setup your header
To add your image to the header go to the ITDR Admin > Header tab.  The Liquorice blog has a header that acts as an image grid that will randomly rotate images in and out of the different spaces.


Setup your welcome area
To add your welcome title, content, and image to the welcome area go to ITDR Admin > Welcome tab. 

 

Image sizes
Demo image sizes:

  • logo: 280 x 90 pixels
  • header image: 960 x 320 pixels
  • welcome area image: no larger than 200 x 150 pixels
  • blog post image: 920 pixels wide
  • page image: 920 pixels wide

Learn how to save your images here.

 

Comments
There are two types of comments you can use on this template:  Wordpress comments and Facebook comments.  You can only one OR the other, but you can't use both at the same time because they aren't compatible with each other.  More detail on each system is below:


> Comments - WordPress Comments
Facebook comments are turned on by default for this blog, however, you have the ability to use the standard WordPress comment system as well.  To do this go to the ITDR Admin > Setup tab > Social Media tab > turn "Use Facebook Comments" to false.

> Comments - Facebook Comments
To moderate facebook comments you have two options:  moderating comments with your Facebook username or moderating comments with an app ID.  The difference is that with your facebook user ID you can only moderate comments by checking each post to see if there has been a comment.  You will be notified of comments and there is no central location to moderate all comments left on your blog.  If you use an app ID you can login to one central location to moderate all comments left on your blog.

To moderate with your Facebook user ID:

  1. Go Facebook and login. 
  2. Go to your profile page and look at the URL.  It should say something like "http://www.facebook.com/joesmith7" or "http://www.facebook.com/profile.php?id=123456789".  Depending on your case your user ID is "joesmith7" or "123456789".
  3. Go to the ITDR Admin panel in WordPress > Setup > Social Media > type in your Facebook ID into the "Facebook Username" field.  Save.
  4. Wait a few minutes as it takes some time to kick in.
  5. Now to moderate your comments go the comments in an entry and you will see a "Moderator View".

To moderate with an app ID:

  1. Go to Facebook and login.
  2. Go to http://developers.facebook.com/
  3. Click "My Apps > Add a New App" in the navigation. Click "Website".
  4. Name your new app. Click "Create New Facebook App ID".
  5. Choose a category. Click "Create App ID".
  6. In the code it generated, find the number next to the label "appId". Copy that number.
  7. Go to Wordpress > ITDR Admin > Setup tab > Social Media tab.
  8. Add the number you copied to "Facebook App ID" and save.
  9. Now to moderate your new comments you can go to: https://developers.facebook.com/tools/comments/
  10. That's it!

 

Have more questions? Submit a request

3 Comments

  • 0
    Avatar
    julianna collett

    This is great

  • 0
    Avatar
    Todd Surber

    In Tarragon, every post seems to default to the home page. Can this be turned off or changed? I want to be able to add daily content, but not have it show unless you choose that as a category. Thanks

  • 0
    Avatar
    Brad Hassett

    Todd, no unfortunately that functionality isn't built into this template.

Article is closed for comments.
Powered by Zendesk