How To

Adding Images To Posts (Using the Image Resizer)

Background Information

The front page on Abstract has a fixed size image above each of the latest blog posts. This means that you need to add a custom image to a post should you wish to display the image with the post. If you decline to add an image to a post, it will not be displayed and won’t disrupt the theme in any way.

Our themes use a custom image resizing script (thumb.php) which will dynamically resize, crop & create an image in the appropriate size needed for the template.


To add images to your posts, view video demonstration. Alternatively please refer to the screenshot below and follow the subsequent instructions.

Custom Settings

Screenshot 3: Abstract Custom Settings.

  1. On your Write > Post tab, complete all of the standard fields when adding a new post.
  2. Then, click on the “Add Media” icon and upload an image of your choice.
  3. Once uploaded, copy the complete “Link URL” field.
  4. Now scroll down to the Abstract Custom Settings panel (just below your Categories) and paste the “Link URL” into the “Image URL” field.


Custom Abstract Widgets

Abstract includes a bunch of different widgetized spaces, along with custom, Abstract-specific widgets to allow you more customisation options than ever before. Here’s a brief run-down of both the widget areas and custom widgets.

Widgetized Spaces

There are 3 different widgetized spaces throughout the Abstract template:

  • Sidebar (displayed throughout the theme);
  • Footer #1 – 2 (displayed in the left & rightcolumns in the footer).

Note: You will need to go to Appearance > Widgets to add any widgets to these spaces. By default the theme will not display anything in these spaces, until you add your own widgets.

Custom widgets

The theme includes 8 custom widgets that you can add to your widgetized area:

  • Woo – Featured posts (gets posts by tag) (Sidebar Only)*
  • Woo – Feedburner Subscription* (Footer only);
  • Woo – CampaignMonitor Subscription* (Footer only);
  • Woo – Stay Updated* (Footer Only);
  • Woo – Contact Details* (Footer Only);
  • Woo – Ads 180×150* (Sidebar Only);
  • Woo – Tag Cloud (Sidebar Only); and
  • Woo – Flickr*.

* denotes that there are options inside the widget that you may need to set for it to operate properly

Setting up the Campaign Monitor widget

For the first time in a WooTheme, we’ve included a newsletter subscription widget for the very popular marketing service – Campaign Monitor. Here’s a brief run down on how you can set up the widget:

  1. In your Campaign Monitor control panel, click on “Manage Subscribers” and select the subscription list which you want to add subscription options to your Abstract installation.
  2. On the next page, you’ll find a “Create a Subscribe form” link on your right-hand side, which you should click. Thereafter only select “E-mail Address” and click the “Generate the code” button.
  3. You will now be presented with a screenshot like below, where you can find the two variables (“Your Campaign Monitor Form Action” and “Your Campaign Monitor ID”), which is required by the Woo – Campaign Monitor Subscription widget.
  4. In this case your Form Action would be “” and your ID would be “jdlhuk-jdlhuk” (as highlighted in the screenshot below).
Theme Options

Screenshot 5: Getting your Campaign Monitor variables.

Page Templates