Doda Blog (retired)

Table of Contents


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

Setup Pages

Home & Blog page
Home page
Under Construction
Archives page
Contact page
Portfolio pages

Setup Universal Items

Image sizes



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 "" or if you installed it in the blog directory then it would be "".


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 home & blog page - Watch Video Tutorial
NOTE:  If you don’t want a home page and would prefer to just have the blog page as your home page, you don’t need to do these steps.

In the "pages" tab click the "add new" button. Create a page called "Home". Then in the attributes panel on the right, use the Template drop down and select "Homepage". Now publish.

When you make a blog page set the template setting as "Blog".  

Next, go to the "Settings" tab and go into the "Reading" section. Select the button that says "static page" and set the front page as "Home" and the posts page as "Blog" if you created a blog page.

NOTE: if you'd like for the blog to appear in the .com/blog area you will need to go to Permalinks then change the url to custom and put in /%postname%/


Setup home page
> Home page - add twitter feed
To setup the twitter feed go to the ITDR Admin (bottom of the WordPress navigation) > Setup.  Now change “Use Twitter” to true and type in your twitter username in the “Twitter Username” field.

> Home page - Add welcome text
To setup a welcome message and the intro boxes on the home page, go to the ITDR Admin (bottom of the WordPress navigation)  > Welcome tab.

> Home page - Adding images in the "Latest Posts" section of the homepage
NOTE:  You need to have WordPress 3 or greater.

  •  Go into your latest post in the WordPress backend
  •  Find the "Featured Image" panel in the bottom right and click "Set Featured Image"
  •  Click "Select Image" and upload your desired image.
  •  Click "Use as Featured Image".
  •  Click "Update" or "Save" to the post.


Setup under construction page
You have the ability to add an "Under Construction" page so that visitors to the site see this page no matter what page they are trying to access.  If you're logged into Wordpress, however, you will see your site as if there was no "Under Construction" page, giving you the ability to populate and design it without anybody seeing what you're doing.  To add the page go to the ITDR Admin > Under Construction tab.


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.

If you want a sidebar on the contact page where you have the option to include your email, phone, fax, address, and even a Google map, go to the ITDR Admin (bottom of the WordPress navigation) > Setup > Contact and fill in your desired information.

To get a Google Map on the contact page like the demo, go to Google Maps and search your address. Now click "Link" on the top right of the page and copy the HTML embed code. Then go to the "Contact Page" section of the theme admin panel and paste the code in the Google Maps box. You can adjust the size of the map by adjusting the “height” and “width” in the code you just pasted.

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

To upload a logo go to ITDR Admin > Design tab > Settings tab.  (Refer to the "Image sizes" section of this document for recommended sizing.)


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:  Then once added find it on the right column, click the dropdown arrow, and delete the link.


Setup a sidebar

  1. Go to the ITDR Admin > Setup.  Change “Use Sidebar” to true.
  2. On the WordPress navigation go to Appearance > Widgets.
  3. Click and drag your desired widgets from the left panel to the right panel named "Sidebar".


Image sizes
Demo image sizes:

  • logo: 110 x 80 pixels
  • header image: 960 x 500 pixels
  • home page - "links" section image: 310 x 200 pixels
  • home page - "recent posts" section image: 229 x 145 pixels (same as blog post featured image)
  • blog post - featured image: 229 x 145 pixels
  • blog post - with sidebar image: 550 pixels wide
  • blog post - without sidebar image: 750 pixels wide
  • page - image: 750 pixels wide
  • portfolio page - blogshow images: 750 x 450 pixels

Learn how to save your images here.


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 "" or "".  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
  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:
  10. That's it!


Using Shortcodes
Shortcodes are just easy ways to enhance a page or post.  This theme comes with a bunch of shortcodes that you can find here:

To implement one of these shortcodes into your page/post just copy and paste the example given under the titles of each shortcode.  Then change the content within it to be your desired text.

For example to get a quote in your blog, copy and paste “[quote]your text here[/quote]” into your page/post, then change the text to whatever your quote is.


Have more questions? Submit a request


  • 0
    Liz Muder


    I could really use your help on something.  I would like the posts on my blog page to actually be 'mini posts', where you click on the mini post and it takes you to the full post.  I add multiple high res photos to my posts and my page takes a very long time to load, longer than I would like it to be.  I think if I had  the option to just list teaser posts instead of the full version, the page would load faster and look better.   Can you help me out?  If you're unsure of what I'm asking for, I have several sites I can point you towards as a reference.



  • 0
    Brad Hassett

    Liz, yup I understand what you're asking for as it's a common issue.  You can either limit the number of posts on your page (WordPress > Settings > Reading) or you can add a "more" tag, a link that cuts of the post where ever you add it and adds a button that says something like "Read the rest of the article".  When you click the link it takes you to the individual post.  To do the latter option go to WordPress > Your Post > "Insert More Tag" button that is located in the text editor menu.

    Hope that helps!

  • 0

    I have included an abstract background image to my site which really ties in with my branding, however it interferes with the text and slideshow images.  How can I change the template so that it is not 100% translucent please?  

    Is it possible to change the height of the header?  I can only see the width option available.  



  • 0
    Henrique Carvalho

    Hi everyone.

    As said before, i'd like to know how can i change the height of the LOGO.

    Logo: 170 x 80 pixels (recommended but can change)

    When i change it, the hole black bar where the logo is inserted goes over the hole page....


    How can i do that?

  • 0
    Brad Hassett

    Carla & Henrique,

    Please submit a support ticket so we can better help you with these issues.


  • 0

    Hi, doda template main page has 4 recent post, could we add more than 4? Thanks

  • 0
    Brad Hassett

    William, no, it's built to only have 4.

Article is closed for comments.
Powered by Zendesk