A local server environment will make testing themes and plugins of WordPress much easier. One of the ways to achieve this to install WAMP on your PC. I found this great blog post titled How to Set Up WordPress Locally for PC/Windows with WampServer by Raelene Morey. I installed WAMP on my PC and set up WordPress following this guide. Here is a summary of what I did and found, including a few details which are emitted from the guide.
Install WAMP on your PC
- Go to http://www.wampserver.com/en/
- Choose the version that matches up with your system
- You may be unsure about downloading the 64 bits or the 32 bits version. You can check your system type by typing “System” in the search box. Look for the “System Type” field which tell you if your system is x64 or x32.
- Click “download directly”
- Follow the installation instructions
Set-up Wordpress on WAMP (things emitted from the guide)
- Before downloading WordPress, you need to set up a database first. This requires you to login to phpMyAdmin. You don’t actually need to enter the username nor password in order to login. If clicking “Go” button doesn’t lead you to a new page, try entering “root” as the username and leave the password field blank.
- When you’ve downloaded WordPress following the guide, you’ll need to tweak the wp-config-sample.php file. To edit the .php file, you’ll need a text editor. The one I used was notepad++. You can also try TextWrangler, Brackets and other text editors. (Here is a list of options.) After downloading notepad++ from here, you can right click the .php file and choose “Edit with notepad++”. Here’s how the .php file looked in notepad++ before and after edited. (before) (after)
Test WordPress Plugin (Juxtapose) on WAMP
- Go to http://localhost/wordpress/ in your WAMP server. Login to your WordPress account.
- Search for plugins that you’d like to test. I chose Juxtapose for this experiment.
- Upload images to be juxtaposed to “Media” first. Then in your blog post or wherever you’d like to use this feature, paste in this shortcode – [juxtapose]<image1><image2>[/juxtapose]. Replace “<image1><image2>” by inserting the images you’d like to be juxtaposed.
- Results: now you can compare the two images by sliding the vertical bar. Images of different dimensions may not work as expected. This plugin also works for pairs of images of any size, except thumbnails.