Select a category below to see the available tutorials.

managing content

Add a simple contact form to the sidebar of your chamber member profile page

If you are a Chamber of Commerce member and you have a profile page then you likely want to know how to make it work for you.  One of the best ways you can do that is to add a dynamic contact form to the sidebar of your page.

Here’s how…

  1. Log into your member profile admin
    1. To do this just visit your profile page and fill in your username and password in the left hand sidebar
    2. if you have forgotten your password or your username, then visit the Chamber member tools area here and submit your email address:  Chamber Member Tools
  2. Go to Appearance / Widgets
  3. Expand the “Internal Sidebar” widget area by clicking the down-facing arrow
  4. Drag the “Contact Form” widget into the “Internal Sidebar” widget area
  5. Configure the “Contact Form” widget
    1. Note: the From field is where the user should enter their email address – label it accordingly
    2. The Success message is where you enter the text that the user will see when they have successfully submitted their contact form
  6. View a post on your profile page to see how the contact form looks.
  7. To get a contact form on the home page simply drag the widget to your “Left Sidebar” widget area

Adding French menus to your Wordpress Multilingual site

One of the reasons WordPress is a great tool for building websites is the fact that there are so many terrific plugins available for it.  One of those plugins is called WordPress Multilingual (WPML) and what it does is expand the toolset to allow the site admin to serve up their content in multiple languages all within the same navigation framework.  Awesome!

Once you have all of your content translated and you are tweaking the look and feel of your site across languages one thing you will need to deal with is your custom menus.  WPML has thought of this and makes it fairly simple for you to build in a second menu structure using the same tools you did to create the main menu.

Here’s how (screenshots below text):

  1. Go to Appearance/Menus
  2. Select which menu you wish to translate
  3. Click the Translations link which is above the Save Menu button
  4. Give the new menu a name and click the Create Menu button
  5. Add your menu items as you would normally. Example:
    1. if you are adding pages then scroll down until you see the Pages list
    2. select the ones you wish to add to this menu by checking them off
    3. click Add to Menu
    4. click and drag to reorder
    5. click the Save Menu button

 

Adding tables to posts or pages using wp-tables

1. Go to Posts / Tables
(more...)

Creating a Wordpress gallery of images that point to hi-res documents

Have you ever wanted to create a gallery of thumbnail images that, when clicked, take the site visitor to hi-res versions of those images?

This is easy to do using WordPress’ built in gallery tool, just follow these steps:

  1. Go to the media library and upload all of your hi-res documents/images.  Keep this tab open,  you are going to need to access information that is on it.
  2. In a new tab edit the page or post in which you wish to place the gallery (this is important – WordPress associates galleries with pages/posts not as unique items)
  3. Upload/Insert all the thumbnail images you plan to use in your gallery.
  4. Click the “Save all changes” button.
  5. Go to the Gallery tab
  6. Click the ‘Show’ link beside this image you wish to associate the hi-res document with
  7. Note the ‘Link URL’ field.  This is where you will paste the URL to your hi-res document
  8. Go to your open browser tab with your documents you just uploaded, find the one in question, click the ‘show’ link and copy the File URL text
  9. Go back to your page/post edit tab and paste this content in the ‘Image URL’ field for the appropriate thumbnail image
  10. Adjust file name and caption as appropriate
  11. Scroll down and click the “Save all changes” button.  This will add your images to a gallery with the file path modifications applied.
  12. Click the “Insert Gallery” button for a new gallery and “Save all changes” for changes to an existing gallery.

 

Click on thumbnails below for a screenshot tutorial:

Disabling comments on a page or post in Wordpress

By default most themes, like Twenty-Eleven, are built to offer the site visitor an opportunity to comment on your pages or posts.  If you wish to turn this feature off you CAN do it without having to conduct any special custom coding.

  1. Log into admin and ‘Edit’ the page or post in question
  2. Go into ‘Screen Options’ and make sure the ‘Discussion’ is checked off
  3. Scroll down the page to the Discussion section and uncheck “Allow Comments”
    1. Note: you can also conduct this change via the Quick Edit feature in the All Pages/Posts list

 

How to create a post category archive page in Wordpress 3.0

  1. Create a series of posts and assign them all the same category
  2. Go to Appearance/Menus and select the menu tab where you wish to place the archive page
  3. Scroll down to the ‘Categories” sub-section, select the appropriate category for your archive
  4. Click the “Add to Menu” button
  5. Go to the bottom of your menu items and drag the category page placeholder to where you want it to appear in the menu
  6. Save your menu
  7. Go to Settings / Reading and adjust the blog page settings to suit your needs ie: how many posts, display full posts or partial content
  8. Note: you can use the “more” tag within your posts to control where the summary text stops

How to enable stock control in the Marketpress e-commerce plugin

In order to keep an item in your products list and still make it unavailable for sale when you have no more left, simply activate inventory control on that product.  The system will track your inventory for you and count down the number you have left based on online sales OR you can simply turn this on when you wish to mark an item as out of stock.

To do this:

  1. Go to the Products menu and select the product you wish to modify
  2. Scroll down to the “Product Details” section underneath the “Description” and check off the “Inventory” box
  3. Enter the number of items you have left in stock.  Leave it at zero if you have no more of this item in stock.

widget configuration

Add a simple contact form to the sidebar of your chamber member profile page

If you are a Chamber of Commerce member and you have a profile page then you likely want to know how to make it work for you.  One of the best ways you can do that is to add a dynamic contact form to the sidebar of your page.

Here’s how…

  1. Log into your member profile admin
    1. To do this just visit your profile page and fill in your username and password in the left hand sidebar
    2. if you have forgotten your password or your username, then visit the Chamber member tools area here and submit your email address:  Chamber Member Tools
  2. Go to Appearance / Widgets
  3. Expand the “Internal Sidebar” widget area by clicking the down-facing arrow
  4. Drag the “Contact Form” widget into the “Internal Sidebar” widget area
  5. Configure the “Contact Form” widget
    1. Note: the From field is where the user should enter their email address – label it accordingly
    2. The Success message is where you enter the text that the user will see when they have successfully submitted their contact form
  6. View a post on your profile page to see how the contact form looks.
  7. To get a contact form on the home page simply drag the widget to your “Left Sidebar” widget area

images

Add an image to a Wordpress post or page

The web is a multi-media tool and images are an important part of that. It is simple to add an image to a post or page in WordPress. Just follow these steps:

1. Open your page or post for editing.
(more...)

Adding an image to a Billboard gallery / advertisement

  • Go to DisplayBuddy / Billboard
  • Select the group you wish to add the image / advertisement to – note the size/dimensions of the group – try to make sure your image is as close to this size as possible in order to keep your site running smoothly.  Click the “modify entries” link for the group you wish to add to.
    (more...)

Adding images to posts quickly using Google

Sometimes you need to put a post up quickly and you don’t really have an image to go with it even though the page would look better if you did add one.  A great solution at these times is to use google.com and search using their Image function.  This way you can find a published image and you can filter not only on content but file size as well.  Here’s how:

1. First go to Google and click on the Images link.
(more...)

Cropping an image in Irfanview photo editing software

  1. Open Irfanview
    (more...)

Downloading and installing Irfanview free photo editing software

Irfanview is free photo editing software that is excellent for the user who needs to make simple modifications to images (crop, re-size, re-format…) either individually or in batches.

Here is how to download and install it:

1. Visit the Irfanview website and download the software from one of the mirror sites listed (I like to use Tucows, they are reliable and fast). http://www.irfanview.ca/
(more...)

Resizing images in Irfanview

  1. Open Irfanview
  2. Open your image using File/Open
  3. Go to Image / Resize-Resample
  4. Set a new size by pixels or percent
  5. save your work – keep the default settings

pages and posts

Add an image to a Wordpress post or page

The web is a multi-media tool and images are an important part of that. It is simple to add an image to a post or page in WordPress. Just follow these steps:

1. Open your page or post for editing.
(more...)

Adding French menus to your Wordpress Multilingual site

One of the reasons WordPress is a great tool for building websites is the fact that there are so many terrific plugins available for it.  One of those plugins is called WordPress Multilingual (WPML) and what it does is expand the toolset to allow the site admin to serve up their content in multiple languages all within the same navigation framework.  Awesome!

Once you have all of your content translated and you are tweaking the look and feel of your site across languages one thing you will need to deal with is your custom menus.  WPML has thought of this and makes it fairly simple for you to build in a second menu structure using the same tools you did to create the main menu.

Here’s how (screenshots below text):

  1. Go to Appearance/Menus
  2. Select which menu you wish to translate
  3. Click the Translations link which is above the Save Menu button
  4. Give the new menu a name and click the Create Menu button
  5. Add your menu items as you would normally. Example:
    1. if you are adding pages then scroll down until you see the Pages list
    2. select the ones you wish to add to this menu by checking them off
    3. click Add to Menu
    4. click and drag to reorder
    5. click the Save Menu button

 

Adding a Page to Your Wordpress 3.0 Menu

1.  Create a new WordPress Page

  • Go to “Add New”
  • Enter your page title
  • Click “Publish”
    (more...)

Adding images to posts quickly using Google

Sometimes you need to put a post up quickly and you don’t really have an image to go with it even though the page would look better if you did add one.  A great solution at these times is to use google.com and search using their Image function.  This way you can find a published image and you can filter not only on content but file size as well.  Here’s how:

1. First go to Google and click on the Images link.
(more...)

Create a New Post in Wordpress

A post in WordPress is a news item. Often these get pulled/teased to the front page of your site and get stored in a news archive on your site. It is most helpful to create frequent, short posts about topics of interest to your visitors as it keeps your content fresh and is quite appealing to the search engines.

Here are the steps involved in creating a new post:

1. Go to Posts / Add New
(more...)

Creating a post category archive page for themes which do not use Wordpress' new custom menus

  • Go to “Appearance / Menus”
  • Scroll down to categories and select the category you wish to create an archive page for.   Click “Add to menu”
    (more...)

Disabling comments on a page or post in Wordpress

By default most themes, like Twenty-Eleven, are built to offer the site visitor an opportunity to comment on your pages or posts.  If you wish to turn this feature off you CAN do it without having to conduct any special custom coding.

  1. Log into admin and ‘Edit’ the page or post in question
  2. Go into ‘Screen Options’ and make sure the ‘Discussion’ is checked off
  3. Scroll down the page to the Discussion section and uncheck “Allow Comments”
    1. Note: you can also conduct this change via the Quick Edit feature in the All Pages/Posts list

 

How to create a post category archive page in Wordpress 3.0

  1. Create a series of posts and assign them all the same category
  2. Go to Appearance/Menus and select the menu tab where you wish to place the archive page
  3. Scroll down to the ‘Categories” sub-section, select the appropriate category for your archive
  4. Click the “Add to Menu” button
  5. Go to the bottom of your menu items and drag the category page placeholder to where you want it to appear in the menu
  6. Save your menu
  7. Go to Settings / Reading and adjust the blog page settings to suit your needs ie: how many posts, display full posts or partial content
  8. Note: you can use the “more” tag within your posts to control where the summary text stops

Making documents available for download from your wordpres web site

Put your cursor in the content area of your document where you wish to place the download link.

Go to your page or post in the admin back end and click the “Upload Media” button.
(more...)

Uploading a PDF for download from a page or post

Place your cursor where you want the media file placed in your page or post.  Click on the “Add Media” starburst button which sits above your visual editor toolbar.
(more...)

galleries

Adding an image to a Billboard gallery / advertisement

  • Go to DisplayBuddy / Billboard
  • Select the group you wish to add the image / advertisement to – note the size/dimensions of the group – try to make sure your image is as close to this size as possible in order to keep your site running smoothly.  Click the “modify entries” link for the group you wish to add to.
    (more...)

Creating a Wordpress gallery of images that point to hi-res documents

Have you ever wanted to create a gallery of thumbnail images that, when clicked, take the site visitor to hi-res versions of those images?

This is easy to do using WordPress’ built in gallery tool, just follow these steps:

  1. Go to the media library and upload all of your hi-res documents/images.  Keep this tab open,  you are going to need to access information that is on it.
  2. In a new tab edit the page or post in which you wish to place the gallery (this is important – WordPress associates galleries with pages/posts not as unique items)
  3. Upload/Insert all the thumbnail images you plan to use in your gallery.
  4. Click the “Save all changes” button.
  5. Go to the Gallery tab
  6. Click the ‘Show’ link beside this image you wish to associate the hi-res document with
  7. Note the ‘Link URL’ field.  This is where you will paste the URL to your hi-res document
  8. Go to your open browser tab with your documents you just uploaded, find the one in question, click the ‘show’ link and copy the File URL text
  9. Go back to your page/post edit tab and paste this content in the ‘Image URL’ field for the appropriate thumbnail image
  10. Adjust file name and caption as appropriate
  11. Scroll down and click the “Save all changes” button.  This will add your images to a gallery with the file path modifications applied.
  12. Click the “Insert Gallery” button for a new gallery and “Save all changes” for changes to an existing gallery.

 

Click on thumbnails below for a screenshot tutorial:

How to add / edit an image in a Wordpress Gallery

  1. Navigate to the page or post edit screen for the gallery in question
  2. Click on the gallery placeholder image
  3. Select the “edit gallery” icon in the upper left hand corner (beside the delete gallery icon)
    (more...)

plugins

Adding tables to posts or pages using wp-tables

1. Go to Posts / Tables
(more...)

How to move items around in WP-Ecommerce product display

  1. Go to Store / Products
    (more...)

Importing subscribers to a WP-Responder Newsletter series

Go to Newsletters – Import/Export Subscribers in the admin menu (bottom left)
(more...)

managing documents

Creating a Wordpress gallery of images that point to hi-res documents

Have you ever wanted to create a gallery of thumbnail images that, when clicked, take the site visitor to hi-res versions of those images?

This is easy to do using WordPress’ built in gallery tool, just follow these steps:

  1. Go to the media library and upload all of your hi-res documents/images.  Keep this tab open,  you are going to need to access information that is on it.
  2. In a new tab edit the page or post in which you wish to place the gallery (this is important – WordPress associates galleries with pages/posts not as unique items)
  3. Upload/Insert all the thumbnail images you plan to use in your gallery.
  4. Click the “Save all changes” button.
  5. Go to the Gallery tab
  6. Click the ‘Show’ link beside this image you wish to associate the hi-res document with
  7. Note the ‘Link URL’ field.  This is where you will paste the URL to your hi-res document
  8. Go to your open browser tab with your documents you just uploaded, find the one in question, click the ‘show’ link and copy the File URL text
  9. Go back to your page/post edit tab and paste this content in the ‘Image URL’ field for the appropriate thumbnail image
  10. Adjust file name and caption as appropriate
  11. Scroll down and click the “Save all changes” button.  This will add your images to a gallery with the file path modifications applied.
  12. Click the “Insert Gallery” button for a new gallery and “Save all changes” for changes to an existing gallery.

 

Click on thumbnails below for a screenshot tutorial:

Making documents available for download from your wordpres web site

Put your cursor in the content area of your document where you wish to place the download link.

Go to your page or post in the admin back end and click the “Upload Media” button.
(more...)

Uploading a PDF for download from a page or post

Place your cursor where you want the media file placed in your page or post.  Click on the “Add Media” starburst button which sits above your visual editor toolbar.
(more...)

navigation

Creating a post category archive page for themes which do not use Wordpress' new custom menus

  • Go to “Appearance / Menus”
  • Scroll down to categories and select the category you wish to create an archive page for.   Click “Add to menu”
    (more...)

mapping

How to embed a Google Map in your Wordpress page or post

Letting people know where you are is a key element of conducting business online.

The best way to do that is with an interactive Google map.  By default WordPress does not like it when you try and embed iframe code but with a few tweaks it WILL accept the info and produce the desired display as long as you follow a few key steps:
(more...)

e-commerce

How to enable stock control in the Marketpress e-commerce plugin

In order to keep an item in your products list and still make it unavailable for sale when you have no more left, simply activate inventory control on that product.  The system will track your inventory for you and count down the number you have left based on online sales OR you can simply turn this on when you wish to mark an item as out of stock.

To do this:

  1. Go to the Products menu and select the product you wish to modify
  2. Scroll down to the “Product Details” section underneath the “Description” and check off the “Inventory” box
  3. Enter the number of items you have left in stock.  Leave it at zero if you have no more of this item in stock.

Adding a new post with a photo…

Get the Flash Player to see the wordTube Media Player.