Admire – Documentation

More documentation is being prepared. It should be out within a week (or so!). Stay updated on the Support Forums for any other help.

The following information shall help you set-up your skin, configure a number of features that the skin is built on and also explain on how to add/change any functionality (Thesis Boxes). Take a look at all to learn how to get the best out of the skin and make your site’s design speak for itself.

Video Walkthrough – Exploring The Widgets

The video above takes you through the custom widgets that are shipped with Admire. All of them are very easily customizable, hence giving you an extra layer to make your site as unique as you want it to be.

Video Walkthrough – Using The Opt-In Boxes

The video above takes you through the opt-in boxes (email-subscription boxes) that are shipped with Admire. All of them are very easily customizable, hence giving you an extra layer to make your site as unique as you want it to be.

Tutorial 1 – How To Add The Logo

Adding the logo is very simple. Follow the steps below to make it get your logo live on your site.

Step 1 – Go to your Skin Editor, expand the “Header: Main” box, remove the “Site Title” & the “Site Tagline” boxes from the container by dragging and dropping them into the first column on the right side. Once you do that, add the “ThesisLove Inc. – Logo” box from the same column under the “Header: Ad Widget” (blue) box. You should have the following as a result:

doc-logo-1

Step 2 – Once you have that on the screen, head over to your WordPress Dashboard and go to the “Skin Content” menu and find the link that says “ThesisLove Inc. Logo”. Click on it, and you can now fill up the fields with the required information. An example is:

doc-logo-2

Step 3 – Hit The Save Button, and you’re done. Make sure you repeat this for all the 6 templates (4 default templates, and 2 custom templates i.e. the Full-Width and Landing Page template).

Tutorial 2 – How To Add The “Header Ad-Banner”

Adding the “Ad-Banner” in your header is definitely optional. You can either leave it blank or have a linked ad-banner (or even a Google Adsense or other Ad Network banner) displayed there. Follow the step below:

Step – Go to your WordPress Dashboard > Appearance > Widgets, and expand the “Header: Ad Widget” area. Once you do that, drag-n-drop a “Text Widget” from the left-side, and add the following HTML into the same.

<a href=”#”><img src=”#” alt=”#” /></a>

*In the above snippet, the first “#” should be replaced by the link where the banner will take upon clicking. The second “#” should be replaced by the actual link to the image (the banner) and the third “#” should be replaced by the ALT text for the image. Not a must, but highly recommended for SEO purposes.

Tutorial 3 – How To Add The Social Icons

The “Social Icons” are actually already present within your skin editor. However, they are only executed when you provide values for the social profiles that you actually want to have. Follow the steps below to learn how to add the social icons in the header (the same line as on the navigation menu):

Step 1 – Head over to your “Skin Content” page and look for the “ThesisLove: Social Profiles” link. Open it up, and fill up the fields of the Social Media profiles that you want to display. Leave the ones which you don’t want to have blank.

Step 2 – You also have two options, which are (1) To set the links to be NoFollow and (2) Whether to open the links in a new tab or not. Configure the same, and you would have the buttons right up on your site.

Admire: Button Colors

Use the following button colors wherever you need to place a shortcode to insert a button within your content:

  • green
  • blue
  • red
  • orange
  • black
  • magenta
  • yellow

Those should be used just the way you see them. For example, in the shortcode, where you have “buttoncolor”, replace it with the color from the above list.

Admire: Box Colors

Use the following box colors wherever you need to place a shortcode to insert a box within your content:

  • green
  • blue
  • red
  • gray
  • yellow

Again, those should be used just the way you see them. For example, in the shortcode, where you have “boxcolor”, replace it with the color from the above list.