Sliding Twitter Widget


To use Twitter tools built into ProPhoto, you will need to setup “API Credentials” so your site can retrieve and send data with the Twitter.com site. If you haven’t done that already – just follow our Twitter API setup instructions

The Sliding Twitter Widget is a custom WordPress widget provided by the ProPhoto theme that allows you to create a customized twitter badge that can display numerous tweets, and can be overlaid over a built-in or custom-uploaded image. The widget can be inserted into any of your blog’s widget areas.

The Widget Concept

The basic idea behind the sliding twitter widget is to combine a single-tweet display area (with buttons that cause previous tweets to slide into place):

And then overlay that over top of a background image, like this one (one of the default, built-in images):

When combined, it looks like this:

Using a custom image

Creating the custom image

We’ve created an example image in Photoshop below for demonstration purposes. If you don’t know how to create a similar image for your own use, please Google for Photoshop tutorials or ask your friends. We are unable to provide detailed tutorials or support for Photoshop, because it’s not our product.

The widget looks great with one of the included, default, built-in images supplied for you, but the real power of this widget is the ability for you to upload and use a custom background image.

As an example, you could use a photograph you’ve taken to create an image like this in photoshop:

Just remember that in the image itself you have to leave room for the tweets, as they will overlay the image.

Uploading the custom image

Once you’ve got your image created, go to
“ProPhoto” > “Customize” > “Site Settings” > “Widget Images”
to upload it to your ProPhoto theme.

Using the custom image

To select the image you just uploaded, just choose the number of the uploaded image from the dropdown box.

Here I can select the image I uploaded to “ProPhoto” > “Customize” > “Site Settings” > “Widget Images”

Next, use the positioning controls to adjust the size and location of the tweet box. Little red lines will appear to help you see the size of the tweet box – these are only shown to you while you are editing the size of the box, they will not be seen on your blog.

When you’ve got it tweaked, save the widget and check out how it looks on your blog.


To use Twitter tools built into ProPhoto, you will need to setup “API Credentials” so your site can retrieve and send data with the Twitter.com site. If you haven’t done that already – just follow our Twitter API setup instructions

The Sliding Twitter Widget is a custom WordPress widget provided by the ProPhoto theme that allows you to create a customized twitter badge that can display numerous tweets, and can be overlaid over a built-in or custom-uploaded image. The widget can be inserted into any of your blog’s widget areas.

The Widget Concept

The basic idea behind the sliding twitter widget is to combine a single-tweet display area (with buttons that cause previous tweets to slide into place):

And then overlay that over top of a background image, like this one (one of the default, built-in images):

When combined, it looks like this:

Using a custom image

Creating the custom image

We’ve created an example image in Photoshop below for demonstration purposes. If you don’t know how to create a similar image for your own use, please Google for Photoshop tutorials or ask your friends. We are unable to provide detailed tutorials or support for Photoshop, because it’s not our product.

The widget looks great with one of the included, default, built-in images supplied for you, but the real power of this widget is the ability for you to upload and use a custom background image.

As an example, you could use a photograph you’ve taken to create an image like this in photoshop:

Just remember that in the image itself you have to leave room for the tweets, as they will overlay the image.

Uploading the custom image

Once you’ve got your image created, go to
“ProPhoto” > “Customize” > “Site Settings” > “Widget Images”
to upload it to your ProPhoto theme.

Using the custom image

To select the image you just uploaded, just choose the number of the uploaded image from the dropdown box.

Here I can select the image I uploaded to “ProPhoto” > “Customize” > “Site Settings” > “Widget Images”

Next, use the positioning controls to adjust the size and location of the tweet box. Little red lines will appear to help you see the size of the tweet box – these are only shown to you while you are editing the size of the box, they will not be seen on your blog.

When you’ve got it tweaked, save the widget and check out how it looks on your blog.

The Sliding Twitter Widget is a custom WordPress widget provided by the ProPhoto theme that allows you to create a customized twitter badge that can display numerous tweets, and can be overlaid over a built-in or custom-uploaded image. The widget can be inserted into any of your blog’s widget areas.

The Widget Concept

The basic idea behind the sliding twitter widget is to combine a single-tweet display area (with buttons that cause previous tweets to slide into place):

And then overlay that over top of a background image, like this one (one of the default, built-in images):

When combined, it looks like this:

Using a custom image

Creating the custom image

We’ve created an example image in Photoshop below for demonstration purposes. If you don’t know how to create a similar image for your own use, please Google for Photoshop tutorials or ask your friends. We are unable to provide detailed tutorials or support for Photoshop, because it’s not our product.

The widget looks great with one of the included, default, built-in images supplied for you, but the real power of this widget is the ability for you to upload and use a custom background image.

As an example, you could use a photograph you’ve taken to create an image like this in photoshop:

Just remember that in the image itself you have to leave room for the tweets, as they will overlay the image.

Uploading the custom image

Once you’ve got your image created, go to “Appearance” > “P3 Customize” > “Widgets” to upload it to your ProPhoto theme.

Using the custom image

To select the image you just uploaded, just choose the number of the uploaded image from the dropdown box.

Next, use the positioning controls to adjust the size and location of the tweet box. Little red lines will appear to help you see the size of the tweet box – these are only shown to you while you are editing the size of the box, they will not be seen on your blog.

When you’ve got it tweaked, save the widget and check out how it looks on your blog.

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us