1. Documentation
  2. Themes
  3. Postcard


Important: This theme was retired in February 2014. Documentation is no longer being updated.

Home page layout ↑ Back to top

The screenshot shows Postcard’s featured slider, latest posts, and three widgetized areas.

Front page layout

Setting up the Featured Slider ↑ Back to top

The featured slider consists of posts that have a specific tag. That tag is chosen in the theme options panel, where you can also set the number of slides to show.

Home page slider settings for our demo

Preparing a postcard for the slider
Publish your postcard for the slider as you would any other blog post using WordPress, except tag that post with your specific tag. For our demo, we used the tag “featured.”

Postcard content on the right is pulled from the post’s excerpt, so edit the text there.

The large image on the left, which is the front of the Postcard, is added using “Postcard Custom Settings” under the WYSIWYG editor. Upload an image and it is automatically resized using our image resizing script. We recommend an image of 440 x 295 pixels.

Adding an image for your Postcard

Setting up Google Maps ↑ Back to top

Postcard relies heavily on Google Maps for geo-tagging posts.

You need an API Key from Google Maps, granting access to the application to display maps on your site. Register for a Google Maps API key at: http://code.google.com/apis/maps/signup.html

Enter your key in the theme options panel. You also have the option to set the default height of the maps in the single post view.

You can also allow automatic mouse-scrolling on maps. We turned this feature off in our demos as the auto-scroll interferes with the page scrolling. Go ahead and test this feature to decide whether to enable or disable.

Adding a map to a post ↑ Back to top

Postcard allows you to geo-tag posts with a location so a site visitor knows where you are, or where the post relates to. Once you’ve set up Google Maps in theme options, you are ready.

When editing/adding a new post, a “Postcard Custom Maps” panel appears below the WYSIWYG editor. Use this to search for a location to add to the post.

Adding a location to a post

You can enable/disable the map view on the single post page. If disabled, the post is still plotted on the “Woo – Overview Map” widget.

You can specify which map view to use — map, terrain or satellite. You may also choose a zoom level — preview the post and choose one that suits.

Setting up the overview map widget ↑ Back to top

The overview map, viewable on the home page of our demo, plots your journey around the world by taking all the locations linked to the various blog posts and displaying them on one map.

Go to Appearance > Widgets to find the “Woo – Overview Map” widget and assign it to the “Home Sidebar” widgetized area.

Select whether to only display posts on the map that are tagged with a specific tag. By default, it looks for all locations linked to blog posts if left blank. You can also set the height of the widget map on the home page.

When markers on the map are clicked, it takes you to the blog post linked to that marker.

The Center Coordinates option allows you to set the map view of the widget. By default the view of the map in this widget is focused on the last post published with a geo-location. If you set center coordinates, the map default view will use those coordinates.

Setting up the journey map widget ↑ Back to top

Go to Appearance > Widgets to find the “Woo – Journey Map” widget and assign it to the “Home Sidebar” widgetized area.

This widget display a map that shows all posts tagged with a specific tag. This widget requires a tag to be specifies for it to work properly, unlike the Overview Map widget above.

Posts are viewable as markers on the map, connected via a polyline (with a color of your choice) showing the route you took. The line connecting the posts are arranged by blog post order.

Widgets ↑ Back to top

There are four widgetized areas and five custom widgets.

We recommend assigning maps to the “Home Sidebar” or else they’ll appear extremely small on other sidebars:

  • Woo – Flickr
  • Woo – Twitter
  • Woo – Overview Map
  • Woo – Journey Map
  • Woo – Search

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment