Billboard

(Difference between revisions)
Jump to: navigation, search
m (How to get rid of the small lines appearing under the images used in Billboard)
(10 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{#ev:vimeo|9893623|400|right}}
 
'''Series:''' [[DisplayBuddy]]
 
'''Series:''' [[DisplayBuddy]]
 
==Description==
 
==Description==
Line 5: Line 6:
  
 
==Groups==
 
==Groups==
The first step in adding Billboard to your site is to create a group to store the text entries in. The link to Billboard in the WordPress admin area is in the DisplayBuddy section of the menu. When you click the Billboard link it will direct you to the area where you can create a group. The information requested to create a group is a name for that group, select a method for resizing the images in that group, width, and height. After you have created a group it will be added to a table that lists all of the existing groups and lists information about them.
+
The first step in adding Billboard to your site is to create a group to store images in. The link to Billboard in the WordPress admin area is in the DisplayBuddy section of the menu. When you click the Billboard link it will direct you to the area where you can create a group. The information requested to create a group is a name for that group, select a method for resizing the images in that group, width, and height. After you have created a group it will be added to a table that lists all of the existing groups and lists information about them.
  
  
Line 16: Line 17:
 
* '''Priority''' - If random is turned on and only specific amount of images from your Billboard group will be displayed you can set a priority on which images are more likely to be shown.
 
* '''Priority''' - If random is turned on and only specific amount of images from your Billboard group will be displayed you can set a priority on which images are more likely to be shown.
 
* '''Require Link URL''' - This allows you to set whether a link will be required in order for you to add images.
 
* '''Require Link URL''' - This allows you to set whether a link will be required in order for you to add images.
 +
 +
 +
==Displaying Billboard on your site==
 +
Billboard can be displayed in widget areas on your site. Navigate to the Widgets area under Appearance in the WordPress Admin area. Drag the Billboard widget into the widget area that you would like for it to display in and fill out the widget form to configure that instance of Billboard just the way you want it.
  
  
 
==F.A.Q.==
 
==F.A.Q.==
'''Multiple images are showing in a widget area but I just want one.'''
+
=== Multiple images are showing in a widget area but I just want one. ===
  
 
* In the Widget panel settings change 'Maximum number to show' to 1. [http://img651.imageshack.us/img651/8014/widgetsingle.png Example Screenshot]
 
* In the Widget panel settings change 'Maximum number to show' to 1. [http://img651.imageshack.us/img651/8014/widgetsingle.png Example Screenshot]
  
 +
=== How to get rid of the small lines appearing under the images used in Billboard ===
 +
 +
[[File:Screen Shot 2011-12-22 at 7.08.52 AM.png|255px|thumb|none|Before]]
 +
 +
[[File:Screen Shot 2011-12-22 at 7.08.14 AM.png|256px|thumb|none|After]]
 +
 +
Add the following at the end of child theme's style.css:
 +
 +
<pre class="brush:css;">
 +
.widget_ithemes-billboard a, .widget_ithemes-billboard a:hover {
 +
    text-decoration: none !important;
 +
}
 +
</pre>
 +
 +
==Customize Billboard==
 +
 +
====Extra Customizations Policies====
 +
[http://ithemes.com/codex/page/PluginBuddy#Extra_Customizations Check out the official policy and details on any Extra Customizations]
 +
 +
====Different color, border and image for each Billboard hover====
 +
 +
While this is an external customization, it is easy to do. There are many online places with a lot of detailed info on how to accomplish this.
 +
 +
*Related links:
 +
**http://ithemes.com/forum/billboard/billboard-hover
 +
**http://wordpress.org/support/topic/css-image-hover
 +
**http://wordpress.org/support/topic/rollover-image-css
  
 
==Additional Resources==
 
==Additional Resources==

Revision as of 23:33, December 21, 2011


Series: DisplayBuddy

Contents

Description

Billboard provides a way to easily upload and display linkable images in a random or defined order on your site.


Groups

The first step in adding Billboard to your site is to create a group to store images in. The link to Billboard in the WordPress admin area is in the DisplayBuddy section of the menu. When you click the Billboard link it will direct you to the area where you can create a group. The information requested to create a group is a name for that group, select a method for resizing the images in that group, width, and height. After you have created a group it will be added to a table that lists all of the existing groups and lists information about them.


Adding images

After you have created a group for the images then you can select group from the groups table and click the "Add Entries" link to add images to that group. When you add an image the following information will be requested:

  • Description - The description will be used as the alt tag when it is displayed on your site.
  • Link URL - The URL of where you would like the images to link to.
  • Image - Here you will select and image from your computer and Billboard will use one of it's methods to resize it to the group width and height that you have set.
  • Priority - If random is turned on and only specific amount of images from your Billboard group will be displayed you can set a priority on which images are more likely to be shown.
  • Require Link URL - This allows you to set whether a link will be required in order for you to add images.


Displaying Billboard on your site

Billboard can be displayed in widget areas on your site. Navigate to the Widgets area under Appearance in the WordPress Admin area. Drag the Billboard widget into the widget area that you would like for it to display in and fill out the widget form to configure that instance of Billboard just the way you want it.


F.A.Q.

Multiple images are showing in a widget area but I just want one.

How to get rid of the small lines appearing under the images used in Billboard

Before
After

Add the following at the end of child theme's style.css:

.widget_ithemes-billboard a, .widget_ithemes-billboard a:hover {
    text-decoration: none !important;
}

Customize Billboard

Extra Customizations Policies

Check out the official policy and details on any Extra Customizations

Different color, border and image for each Billboard hover

While this is an external customization, it is easy to do. There are many online places with a lot of detailed info on how to accomplish this.

Additional Resources

  1. Purchase Billboard
  2. PluginBuddy Tutorials
  3. PluginBuddy.com
  4. Support Forums
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox