Using Rokbox in WordPress

tutuploadsmedia_1283612086661.png

Rokbox is a popular plugin made by Rockettheme for Joomla. It allows you to display images inside a stylish pop-up. You can see the Joomla version of this tutorial by clicking here.

However, there is also a WordPress version available and here’s how to use it:

Download Rokbox and Upload to Your Site

tutuploadsmedia_1283612086661.png

Click here to download the Rokbox plugin for WordPress. You’ll then need to extract the folder onto your desktop. Upload it to the /wp-content/plugins/ folder on your site

Activate Rokbox

tutuploadsmedia_1283612153336.png

In your WordPress site admin area, go to the Plugins and click “Activate” next to RokBox Gallery

Add an Image to a Post

tutuploadsmedia_1283612245685.png

Go to one of your WordPress posts and click the “Add an image” button. Insert an image into your post. It end result should look like it does below:

tutuploadsmedia_1283612395032.png

View the HTML

tutuploadsmedia_1283612421134.png

Click the “HTML” tab in the top-right of your post.

Insert the RokBox Code

tutuploadsmedia_1283612573966.png

Insert rel=”rokbox” into the HTML. The best place to do this is right after the opening

{loadposition wordpressnewsletter}

Author

  • Robbie Adair

    Robbie started her career in corporate training until starting her own custom training and media company almost seventeen years ago. In 2010, she began doing classroom training for OSTraining while running Media A-Team. She is often presenting about various tech topics such as Joomla, Fabrik, Web Development, Social Media, and Augmented Reality. She loves seeing that "ah-ha" moment in peoples eyes in her sessions and workshops. She lives in Houston, Texas, but enjoys all the travel for client work and speaking gigs.

    View all posts
0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x