The Supsystic image gallery is a very useful plugin for WordPress. The free version is packed with features and the pro version gives a huge amount of customizations. Once it is installed into your WordPress site, you will want to create a new gallery and upload images. The video below shows you step by step how to add new images to your gallery.
Adding Images Cheat sheet
- In your menu go to the “Galleries by Supsystic” section and click on “Galleries
- Click on the ‘Add Images’ button in the gallery that you are adding to
- Click on “Import form WordPress Media Library”, click on upload files and choose your images for your gallery
- Add your caption and alt text and click on the Choose image button on the bottom right
- When the list of images comes up, you can edit the caption and change the caption effect. You can also create a link from the image and change the order. You change the order by simply drag and drop
That’s it. If you have any questions, please post them in the comment section below.
This is a tutorial on editing a group of products in OpenCart using the ExcelPort extension. I will be updating products in OpenCart v188.8.131.52 and using ExcelPort v2.2.2.
Below is a video that goes into depth on how to enter multiple products. I will create a new post that explains this in more detail.
If you have found this tutorial useful or you have any questions, please post your comments below.
EDIT: Dwolla no longer offers automatic payments.
This a quick tutorial on setting up your Dwolla account to make automatic payments. This article assumes that you have already signed up for your free Dwolla account, if you haven’t you can do so at
https://www.dwolla.com. You will also need to link your bank account which takes a few days. Go to and click “Add a funding source”. Dwolla will then make two small deposits into your bank account in a few business days and you enter that amount in the verify page. You will receive email instructions on how to do this.
Set up payments
In order to set up an automatic payment that will pay another Dwolla user on a recurring basis, first click on the “Recurring Payments” link in the top menu. Then click on the link in the page that says “Schedule recurring payment”Now you will see the following screen: Fill out this form.
- If you are sending the payment to Sea-Wing Designs, you can enter 812-872-3728 in the first field, other wise use the id or email of another Dwolla member.
- Enter the amount that you will be sending.
- You can add a note about the payment if you want.
- Select how often you will be making the payment; weekly, bi-monthly, or monthly.
- Choose your bank account if you have verified more than one.
- Enter your PIN that you created when you set up the account. If you don’t remember it, you can click on the “Forgot PIN?” link and they will email you a new one.
- Click next.
The next screen just asks you to confirm your choices and when you do, everything should work just fine.
Page speed can be heavily effected by the size of images that you use in your WordPress blog. In this tutorial I will:
- Show you how to edit a large image to a smaller size using both the GIMP editing software and using image editor in WordPress.
There are a lot of image editing programs out there and I know that everyone has their favorite. Changing the size of an image is an easy task and can be done by even the simplest image program including some very good online sites. Please see the end of this article for a list of resources.
As a Linux desktop user, I am very fond of using “The GIMP” for all kinds of image manipulation, and for batch image resizing I often will use Gwenview or Phatch. There are versions of GIMP for Windows and Mac and installing is simple. Phatch is also available for windows and Mac, but there are many resources. Check here for a list or just use Google.
Re-size using GIMP
Load the image into GIMP by going to ‘File’ in the top menu and clicking ‘open’. Navigate to the image you want to open. As you can see in this example, the image I am loading is 4500 x 3000 px making it over 1.8 MB in download size. Not only will this take a long time to upload into your media file, if you use the full size it will be too big for your page.
The first thing you will need to do is decide what a good full size should be. I would go no larger than 900 px wide but usually 600 px will work. In this case I will use 600px.
In the top menu, go to Image and click on ‘Scale Image’. In the new window that opens you can adjust the image size and the resolution. Make sure that the chain link is connected so that the image scales proportionally and then type 600 in the width field. The height should change accordingly. An image displayed on a screen does not need more resolution than 72 pixels per inch. Make sure both x and y resolution fields are changed then click ‘Scale’.
Remember to save the file with a unique file name.
Loading to your WordPress Blog
By clicking the ‘Add Media’ button while you are writing a blog post, you will bring up a window called ‘Insert Media’. Click on ‘Upload Files’ and browse to the newly re-sized image. Here be sure to give the image a good title and alt text to help the search engines categorize it. Depending on your theme, giving it caption text may create a border around the image and the caption. You can choose to align the image to the right or left, choose where it links to and finally what size to display the image.
When you load an image using the media center, WordPress actually creates two extra files for each image that you load. a thumbnail and a medium sized image. These sizes are set in the media tab in your left side bar. Changing the settings here will not effect images that are already loaded, just new images. This is a nice feature in that if you choose medium, your blog images will all be similar in size. Thumbnails will be used for featured images and category pages.
Now when you click ‘Insert to post’ the image will be an optimized size. If you have chosen to have the image link to the media file or attachment page, it will link to the full size image that you created.
Editing within WordPress
WordPress does have an image editor within the Media Center and it can be useful in a pinch. One word of caution though. Using this editor in WordPress versions prior to 3.9 will not alter the thumbnail or the medium size images, only the main image. If you load a picture that is on its side and use the image editor to rotate it, the thumbnail will still be sideways. Version 3.9 has solved this and this instruction assumes that you are using WordPress 3.9.
Click on the image in your blog post visual window that you want to edit. Click on the pencil icon to edit the image. Now click on ‘Edit Original’ to get to the screen to the right. From here you can change the size as well as crop and rotate.
A few online editors that may be helpful:
Did I miss anything?
Thank you for reading this short tutorial. Is there anything I left out? What is your favorite image editor? Please comment below with your thoughts. I will respond to your questions.
In order to turn off comments: Log in, go to that page and click edit (or find the page in the dashboard), find the box called “discussion” and un-check both check boxes. If you can’t find that box, look up at the top and click on “Screen Options” and make sure everything is checked. See below:
Also, under Settings>Discussion you can have the comments for posts turn off after a certain number of days, which can come in handy if you forget to go back and turn them off after the initial surge of visitors has ended.
I hope these WordPress tips has helped you. Please let me know what you think in the comment section below.
Sometimes it is very handy to be able to export a CSV (Comma Separated Value) from your database. Perhaps you want to use your spread sheet program to quickly alter some of the fields or you want to quickly add new rows (e.g. products) without having to go through your administration interface. Here is an easy set of instructions to help you on your way. [Read more…] about How to export a CVS file from phpMyAdmin
The question comes up from website owners often enough that I have decided to create an instruction page on how to edit one of your WordPress (WP) pages.
First things first, let me give you a birds eye view of the difference between pages and posts. In WP a “Page” is a part of your website that stays fairly static. You may change the pictures or text occasionally but as opposed to “Posts” they are the structure of your website. For example [Read more…] about How to edit a page in wordpress