Retail Therapy: Adverts

The OCMX Framework includes an Advert manager in some of our themes, which allows for quick setup of standard 125 pixel or 300 pixel wide image ads for use in our sidebar widgets, and configuration of banner ads in themes that support them. If you require more advanced options, support for ad networks or other sizes, consider using a plugin such as WordPress Ad Manager, WP-Bannerize or WP Google Ads, which you can search for under the PluginsAdd New page. Adverts are setup under Theme OptionsAdverts. Once the page loads you will be presented with two tabs, 125 x 125 Blocks and 300 x 250 Blocks. If your theme supports header banners, you may also have an additional tab.

  1. Click the tab for the advert size you wish to add.
  2. Add the link you want the ad to point to in the Advert Link field
  3. Enter the full URL to the advert image.
    • The image can be hosted elsewhere, or uploaded to your WordPress Media Library. See below for details.
  4. Add an Image Title. This is used in SEO and also appears on hover in the tooltip.
  5. If using a script like Google Ad Images, enter it in the 3rd Party Script area.
    • Scripts will only work if they pull in a block or image that is 125px by 125px! You may need to manually add classes to control this (see below)
    • Google Ad Words is not image-based - you may need to add Custom CSS to get it to look right in your sidebar.
  6. To add additional adverts, click the Add Another Block button at the bottom. New blocks will use your last block content as a model.
  7. Click Save when finished.
adverts

Host your own advert image

  1. To use an image you host yourself, click on Media in the left-hand admin menu and choose Add New.
  2. Click Select Files to browse to the image, select and click Open. Ensure your images are no larger than 125px by 125px or 300px by 250px for best results.
  3. When finished, click the Edit link for the file. Copy the File URL from the right side, then return to Theme OptionsAdverts to add your image URL to the advert block.

Using Google AdSense or BuySellAds codes:

If you would like to use a third party script such as Google Or BuySellAds then paste your code into the 3rd Party Script field and leave the other fields blank. advert2 You may need to wrap your code in a container if your ads do not sit next to each other (for themes with a sidebar larger than 300px). In the above example, we use the following:
In the Theme's Custom CSS, we can then add some styles to constrain the box to 125px wide:
.adsense{width: 125px; height: 125px; overflow: hidden;}

Display your Adverts

  1. Go to AppearenceWidgets.
  2. Drag the Advert widget(s) into your sidebar or footer.
  3. Enter a title for the advert block (such as Sponsors or Advertisement).