WordPress Tutorials about Tutorials

The full list of all my WordPress articles and tutorials to give you solid instructions plus ideas for improving your WordPress website or blog.



Analytics for WordPress E-Commerce

January 31, 2012

Google Analytics for your WordPress ShopMost WordPress e-commerce plugins include reports showing what has been purchased on your website, but what you really want to know is how many times did they visit your website before deciding to make a purchase and how did they get to your website in the first place.

The new Ecommerce section in Google Analytics tells you all this as well as letting you filter your results to find out details about each individual purchase such as country of residence, landing page, exit page, device used to access your website and much more.

In this tutorial, you will learn

  • How to enable ecommmerce tracking on your e-commerce plugin and on Google Analytics (covers cart66 and wp e-commerce)
  • What each report in the ecommerce sections tells you
  • How to get detailed information on individual purchases
  • Tips for easy summaries of online shop statistics

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.



Design a Form for Your Sidebar

January 23, 2012

A form at the top of your sidebar is not only highly visible on every page but also provides a quick and easy way for customers to get in touch.  Forms like:

  • Join Our Email Newsletter
  • Ask a Question
  • Request a Consultation
  • Ask about this product
  • Download our FREE Guide
  • Login to WordPress/Create an Account
  • Register for Event

Entice customers to get in touch before they have a chance to click somewhere else or leave your website entirely.

In this tutorial, you will learn to:

  • Add a Gravity Form to your sidebar
  • Add a hidden field to show which page/post your form was submitted from
  • Change the background and border color of your submit button
  • PLUS see examples of effective sidebar forms

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.



Social Sharing Icons for WordPress

December 21, 2011

Example of the socialble pluginHow many times have you read a blog post or online article and thought ‘I must tell a friend to read that’ or ‘I must share that with my customers/subscribers’?

By adding social media buttons to the posts and pages on your website, you ensure that your readers can share/spread your information easily by whatever means they prefer – whether it be by email, Twitter, Facebook, Google+ etc. You choose which social sites people can share your content with and where these icons appear on your website.

Keep reading to find out how to add social media sharing icons to your website, how to add them to different sections of your website and various customisation options. View websites using this plugin and see examples of what happens when the sharing icons are clicked on.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.



Membership Login to Access Content

December 13, 2011

Sell access to your WordPress website content using the Cart66 pluginThe Cart66 plugin lets you create membership products linked to content on your WordPress website so you can charge to access content.

You can hide entire pages and sections of your website or just parts of your pages or posts (like my tutorials on this website). Setup as many access levels and types of membership as you like so that members can access member only content on your website for a specified period of time.

Excellence in Ecommerce - Cart66.com

This tutorial assumes that you have the Cart66 plugin activated on your website. If your haven’t done this yet, please click on the banner above to purchase, then upload to your website.

Keep reading to find out how to setup membership products, create a membership page, hide entire pages and hide parts of pages. You will also learn how to create a login page, a member account page and how to check and manage your members.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.



Editing Featured Images in Genesis

December 7, 2011

Customise your thumbnails or featured imagesIf you are running your WordPress website on the Genesis framework, you have the option to show featured images on both category pages next to post summaries and on Genesis featured posts or featured page widgets. This is a great way to spice up the look and feel of your website as well giving content clues and enticing readers to click through to a post to read more.

Most featured images are square and the area of the image shown is automatically selected from the centre of the image. This works out well sometimes but other times the cropped area looks awful and conveys nothing to the reader. Some examples…

  • Full length people are cropped to show bellies only
  • Logos are cropped to show only a small unrecognisable section

It is possible to edit the thumbnail version of an image so it shows the desired square section of the image while the original image remains the same. Keep reading to find out how to do this as well as how to setup Genesis to show featured images on category pages and how to select a featured image for a post or page.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.


Cropping & Resizing inside WordPress

December 7, 2011

WordPress now includes quite sophisticated tools to crop and resize images without leaving your website or having to purchase any special software. This is especially useful for reducing the size of photos from your digital camera and cropping just a selection of an image.

  • Crop your image to an exact size for your slideshow or sidebar images
  • Scale your image (keeping dimensions) to reduce the total file size (a great idea to keep loading times and hosting charges to a minimum)
  • Rotate images or flip images vertically or horizontally
  • Crop the thumbnail only to show the best square section
  • Crop everything except the thumbnail

THIS IS A FREE TUTORIAL

Once you have uploaded an image, you can edit it.

Cropping an Image

If you downloaded an image and you only want to show part of it on your website, you can crop a section of your image.

  1. On your WordPress admin sidebar, go to Media/Add New
  2. Browse your computer and upload your  image
  3. While the popup image window is still open, click on ‘Edit Image’ under the image preview
  4. Click on the image and drag a crop box over the section you want to show
  5. Adjust the cropped section by click on the points and dragging in or out
  6. Click on the crop tool above the image to complete the crop
  7. Click the ‘Save’ button to save changes

How to Crop Images inside WordPress

Scaling Your Image

Option #1 – keep same dimensions, reduce file size

  1. On your WordPress admin sidebar, go to Media/Add New
  2. Browse your computer and upload your image
  3. While the popup image window is still open, click on ‘Edit Image’ under the image preview
  4. Click Scale Image link top right
  5. Type either a width (first box) or height dimension
  6. Tick apply changes to all except thumbnail
  7. Click the Scale button
  8. Save Changes’ and close window or insert image

how to resize images inside WordPress

NOTE: If you need to crop and re-size your image, crop first, save your changes, then click the show link on the right of your image in the popup window and click on the edit image again to start resizing.

Option #2 – Scale to Exact Dimensions

  1. On your WordPress admin sidebar, go to Media/Add New
  2. Browse your computer and upload your image
  3. While the popup image window is still open, click on ‘Edit Image’ under the image preview
  4. Drag your mouse over the image and as you drag you will see the dimensions change on the right
  5. Once you have the right dimensions, click the crop tool to crop
  6. Apply changes to all except thumbnail
  7. Click the ‘Save Changes’ button and close window

See screenshot above under “Cropping an Image”. You can see the width and height on the right as the crop box is being dragged on the left.

Get the Flash Player to see the wordTube Media Player.

Using Your New Image

Adding your image to your website:

If you were editing your image on the post you want it on, just click insert once you’ve finished editing, otherwise

  • Edit the page or post where you want your button to appear
  • Click the ‘Add Image’ icon above the post content box
  • Add a new image or click the Media tab and find your finished button image if already uploaded
  • Click on show to see details and make sure you have a relevant title and alt title on the image
  • Select size and image alignment
  • Click ‘Insert’ button

Using your image on another website

  • Go to Media , then Library on your admin sidebar
  • Click edit under the image you need
  • Copy the link url for that image
  • Paste into another website as html
  • OR Click view under the image you need then right click and save the image to your computer to use at a later date.

For example. PayPal custom payment page banner, ads on other websites which need to be a specific size, slideshow images for your homepage slideshow which need to be an exact size.

Weight & Region Based Shipping

December 5, 2011

weight-based-shipping for WordPress shopIf you’re using the WP E-Commerce plugin to run your WordPress online shop, there is a great addon plugin to calculate shipping based on the weight of your products and which continent/country/region you are shipping them to.

The WP E-Commerce Weight & Destination Shipping Modules plugin lets you break down your shipping into countries and then regions inside each country.You can also setup per continent shipping based on weight.

You set a price for each weight range for each country and region, then add a weight to each of your products. Customers select their region at checkout and the shipping is calculated automatically based on the total weight of products ordered.

Keep reading to find out how to setup weight based shipping for both country/region  or continents (including relevant sections of the wp e-commerce plugin) and apply to your online shop. View a live website using this plugin to calculate shipping costs.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.


Flexipages Dropdown Pages Widget

December 2, 2011

Add a dropdown pages box to your WordPress websiteThe Flexipages Plugin adds a dropdown list of pages to any widget area on your website. You choose which pages appear in the list providing quick access to a list of services, locations or another group of pages.

The dropdown layout means that you save space and by customising the widget background, title etc, you can make your pages box really stand out. You can use the widget any number of times with different pages available in each.

Keep reading to find out how to setup this plugin, how to add a custom background to the flexipages widget and see examples of WordPress sites using this plugin.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.


Manual Payment Page for Online Shop

November 28, 2011

Offer Internet banking, check payment and pay on invoice on your online shopWant to let your customers pay for products in your online shop by check (cheque for the kiwis), internet banking, on invoice or when they pickup goods?

The Cart66 WordPress Shop plugin makes it easy to add a manual payment option and page to your website.

Keep reading to find out how to setup a manual payment page, how to link it to your shopping cart and how to add payment instructions to both cart and email notifications. Plus see live examples of manual payment pages and find out the pros and cons of offering this type of payment option..

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.


Genesis Theme Setup & Adding a Logo

November 24, 2011

Tutorial: Replace the genesis logo with your ownApart from how to install Genesis and a child theme, the question I am asked the most about Genesis is how to replace the default theme logo or text logo with your own logo.

Some of the newer Studio Press child themes have a special section inside WordPress admin where you can upload a logo directly to replace the default one. For most child themes, the file called logo.png just needs to be replaced with your own file with the same name.

Keep reading this tutorial to find out how to upload the Genesis Framework, then add a child theme plus how to replace the default logo with your own. Includes WordPress ftp tree diagram.

Genesis Framework for WordPress
SPECIAL OFFER: Get the Genesis Framework for only $45. Offer ends 28th November 2011. Make sure you use the code THANKS at checkout and you can save 25% off of Genesis and any of the StudioPress child themes.

You need to be a member to view this tutorial. Membership options below…

One Month

3 Months

Lifetime

Unlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this websiteUnlimited Access to ALL 100+ Tutorials on this website
1 month3 monthsForever
US$10US$30US$100
More info...More info...More info...

Already a Member?

Enter your username and we will send you a new password.
The email will be sent to the email address you used for your account.


Next Page »