Tag Archives: jquery

How To Use Google AJAX Libraries CDN To Speedup WordPress?

You can make your WordPress website to use common JavaScript libraries from Google AJAX Libraries CDN in order to make it fast as it enables users to download jQuery faster than before.

Continue reading How To Use Google AJAX Libraries CDN To Speedup WordPress?

Replace WordPress Built-in Post Pagination With AJAX Carousel

WordPress has a built-in and excellent feature to split up long articles into multiple pages. In this lesson you will learn splitting up posts into dynamically loading sliders suing same built-in functionality.

Continue reading Replace WordPress Built-in Post Pagination With AJAX Carousel

Turn Your Long WordPress Posts Into Mini Booklets

WP jQuery Pager allows you to use mini-book style on long WordPress posts so that your visitors can read your long articles by turning pages. The feature uses built-in WordPress gallery and the jQuery effect.  Continue reading Turn Your Long WordPress Posts Into Mini Booklets

How To Use iOS Style jQuery Scroll In WordPress?

Instead of showing default scroll bar with top and bottom scrolling buttons you can enable a custom iOS style scroll bar with custom colors as per your website’s theme and colors, you can also use a custom border and custom scroll bar dimensions in your WordPress site. WordPress Nicescroll is the new plugin which upon activation transforms default scroll bar with its custom jQuery scroll compatible with destkops, tablets and smartphone devices.

Continue reading How To Use iOS Style jQuery Scroll In WordPress?

Easily Show Stream Of All Your Online & Social Activities In WordPress

WP Social Stream is the new WordPress plugin which enables you to display a stream of all your social media and other online activities in your WordPress site.The plugin is not just limited to social media website but it covers all major networks, web blogging platforms and popular web sites, even wikipedia and github etc. The plugin is very easy to use, all you have to do is add your usernames and starting using its shortcode [wp_social_stream], you can use it inside you posts, pages, text widgets and other shortcode supported areas of WordPress.

Continue reading Easily Show Stream Of All Your Online & Social Activities In WordPress

Top 3 Accordion Menu & Widget Plugins For Utilizing Sidebar Space In WordPress

According is good for saving space and showing up more things on user’s demand. Earlier we have discussed about many according plugins that enables you to add accordion with your post & post type content and now in this tutorial we are posting something new, we are sharing a list of three best plugins that provides you with accordion based menus and menu widgets.

Continue reading Top 3 Accordion Menu & Widget Plugins For Utilizing Sidebar Space In WordPress

How To Display Your 500px.com Photo Gallery In WordPress?

500px, pronounced as five hundred pixels is a popular online photography community which is aimed at aspiring and professional photographers and encouraging members to upload their best work to gain gain exposure, find inspiration and connect. The webservice currently has over 2.5 million registered and over 10 million monthly active users. In this tutorial we’ll explain you how you can add your 500px photo gallery in your WordPress based website.

Continue reading How To Display Your 500px.com Photo Gallery In WordPress?

Easily Generate Carousel Galleries From Images Attached To Posts In WordPress

Carousel-of-post-images provides you completely integrated jcarousel Image Gallery shortcode and function call that enables quick and easy galleries generated from images attached to posts. Photos inside the gallery are selected from either all images attached to posts, or from images attached to a specific post. By default it selects 10 random images from all posts.

Continue reading Easily Generate Carousel Galleries From Images Attached To Posts In WordPress

Easily Show Tumblr Posts Via Ajax In Your WordPress Site

Tumblr Ajax is the new WordPress plugin that lest you display your Tumblr site posts in WordPress using an easy sidebar widget. The plugin shows posts using AJAX/Javascript / Client-side HTML requests and is very good for the web hosting servers that doesn’t allow external HTTP requests or where such are preferred to be minimal.

Using Tumblr Ajax PluginYou Can:

  • Display Tumblr posts, photos, videos and audios using a widget or inside a post or page.
  • It provides you styles to allow for customization.
  • Various useful widget options.

How To Use Tumblr Ajax Plugin?

  1. Install and activate Tumblr Ajax plugin.
  2. Now adding its widget to sidebar or any other widget area configuring it accordingly.
  3. You can play around with the various styles and options to find what works best for your site.
  4. For changing the CSS styles of Tumblr Posts, you can over-ride, using your own Stylesheet, the plugin’s default.css mark-up styles.

Top 3 Great Ways Of Embedding Twitter Tweets In WordPress

Twitter already provides you inbuilt widget creation features. Other than this WordPress also provides you oEmbed for twitter, you can enable oEmbed in your WordPress site from Dashboard -> Settings -> Media page and then you can embed a tweet simply by pasting its URL inside your post or page content.

This article is on few other WordPress plugins that extends tweet embed features in WordPress and allows you to do some more good things with your tweets.

Tweet Blender

Tweet Blender is a popular WordPress plugin that provides you various Twitter Widgets like you can

  • Display your own tweets
  • Display tweets for hashtags
  • Display tweets for twitter lists
  • Display tweets relevant to your post content (like Huffingtonpost)

The plugin supports multiple authors, keywords and hashtags. With Tweet Blender you can display tweets from a single user or a list of users. Also you can display tweets from a certain topic, multiple hashtags or keywords, various lists, authors etc. There is a long list of this plugin features.

Screenshot showing Tweets archive page: [view more screenshots here]

Installation & Usage:

After activation specify your configuration settings from Dashboard -> Settings -> Tweet Blender admin page. You will be needing to authenticate to Twitter and allow read-only access to tweet stream (present under the Status tab).

The plugin provides you widgets you can use in your sidebar, shortcodes to use inside your posts/pages and templates to use inside your theme files.

Fetch Tweets

Fetch Tweets is another plugin for fetching and showing Twitter tweets. With this plugin you can display tweets by specifying username, search results, keywords, Lists and yes you can show up combined results by adding multiple rules.

For displaying the fetched tweets the plugin provides you Widget, Shortcode, PHP Code and Custom Templates.

Installation & Usage:

Install and activate the plugin then follow the given steps:

  1. After activation you can set a rule from Dashboard -> Fetch Tweets -> Add Rule by User Name or Add Rule by Keyword.
  2. For using its widgets visit Appearance -> Widgets and use Fetch Tweets by Rule Set. You can set the rule in the widget form itself.
  3. The plugin also provides you shortcode to use in your posts, pages. Use the shortcode
    [fetch_tweets id="123"]

    Replacing 123 with your rule ID. Rule ID can be found in the Fetch Tweets admin page in your dashboard.

Screenshot showing widget settings: [view more screenshots]

For more usage instruction refer to the Other Notes section here.

Rotating Tweets (Twitter widget and shortcode)

As clear from its name, the plugin provides you widget and shortcodes for displaying Twitter Tweets. It is used for displaying one tweet at a time with rotation which means one tweets gets automatically and smoothly replaced by the other. Display is responsive and it shows up the recent tweets even if Twitter is down. Check out the plugin working here.

Installation & Usage:

After activation you can use its widget from Appearance -> Widgets page or you can display it via shortcode (inside your posts and pages etc) like:

[rotatingtweets screen_name='your_twitter']

The plugin allows you to decide how you want to show up tweets, you can set the number of tweets to display, you can include retweets and replies and even display a follow button if you like.

Checkout its its shortcode parameters here.

You can also set Tweets rotation speed and animation type to use in Tweet rotation.

How To Create A Twitter Application ?

Most of the above plugins uses Twitter Application, API so following are he instructions on how you can create your Twitter Application, it takes a few minutes:

  1. Visit My applications page on the Twitter website. Login with your Twitter username and password.
  2. If you don’t already have a suitable ‘application’ then create one from the Create an Application page. It’s normally best to use the name, description and website URL of the website where you plan to use Rotating Tweets. You don’t need a Callback URL if you are setting it up for the plugins discussed here.
  3. After clicking Create your Twitter application, click on Create my access token.
  4. Now copy the Consumer keyConsumer secretAccess token and Access token secret from your Twitter application page and use it wherever required.

How To Add jQuery Lazy Loading To WordPress Images ?

WP images lazy loading is the new WordPress plugin that adds jQuery to WordPress and enables lazy loading in images. Thus improves your page loading times and makes your Google PageSpeed Score better than before.

Continue reading How To Add jQuery Lazy Loading To WordPress Images ?