Posts Tagged ‘How To’

The Best WordPress Tips and Tutorials of 2011

First of all happy New years!  I would like to share with everyone, all 12 monthly “best of” WordPress tips and Tutorials so for those that missed out on all the great tutorials from the last year, you can find them all in one place. In 2011, WordPress become the best CMS (Content Management System) and taken over other CMS platforms like Drupal and Joomla.  There were lot of changes in WordPress which gave new features and updates. In this round up, you will some of the the best WordPress tips and tutorials written this year. There is list of Video Tutorials To Learn WordPress Development, Designing and Blogging.

WordPress Theme Development Tutorials


Creating a Subscription Site Using WordPress

This is a great WordPress tutorial for beginners to intermediate users who want to learn how to easily and effectively create subscription sites and use WordPress as a content-management-system.

  • create and personalize the WordPress registration page and login page
  • create custom registration fields in order to gather information tailored to your site
  • create new post types and post type templates for your premium content
  • and restrict content to only registered users and redirect all others

Detail Tutorial

WordPress, Beginner to Master

Throughout this six-part beginner-to-master series, we’ll be using the advanced features of WordPress to create our own portfolio & blog, complete with an options page, multiple styles and support for the new WordPress features.

Detail Tutorial

Deploy Your WordPress Blog to the Cloud

For the last decade, hosting a large scale web application has been a daunting task, reserved only for experts. Not anymore; when Amazon opened its server architecture, everything changed. Computer hardware moved to the cloud, and became available to any and all developers. In this tutorial, we will install WordPress in the cloud.

Detail Tutorial

User Friendly Short Codes with TinyMCE

WordPress short codes are everywhere: in practically every theme and many, many plugins. They are extremely useful and provide huge amounts of extra functionality. With all of their greatness, however, there is one major problem with them: they are not very user friendly, particularly for users who are not familiar with programming, especially when a short code accepts more than one parameter. So, in order to help the non-users, we need a new solution.

Detail Tutorial

HTML5 WordPress Music Player & Settings Page Integration

This music player has finally made its way to WP! The design was originally created by Orman Clark after which Saleem from Codebase Hero created a jQuery plugin out of it.

Detail Tutorial

HTML5 and Dreamweaver Websites

Lawrence Turton, expert instructor in all things HTML5 -related, guides us step by step through creating a complete website using the latest web technologies. And for those of you dragging your feet on learning the latest features of Dreamweaver CS5 and 5.5, Lawrence shows us how DW integrates in with all this emerging coolness taking over the web. Here’s some of the highlights of what you’ll learn….

How To Create Tabs On WordPress Settings Pages

Using tabs in a user interface can help you better organize content, so it’s only natural that WordPress themes that have a lot of options would benefit from tabs on their settings page. In this tutorial, you will learn how to create a tabbed settings page, and you’ll get to download a WordPress theme that implements the code.

Detail Tutorial

Load Next WordPress Posts With AJAX

How to replace the standard “Older Posts” links on your blog. Our plugin will create a button toinstantly load the next page of posts, without reloading the page (Similar to what Twitter used to do at the bottom of profiles)

Detail Tutorial

WordPress as a CMS -Part 1Part 2 and  Part 3

When most people think about WordPress, they think about blogs. If you look at the front page of WordPress.org, they talk a lot about blogging as well. What they don’t tell you is that WordPress can also double as a very powerful CMS ; you just have to set it up properly. It can be a bit tricky to get setup and working the way that you want; but this is where I come in.

Detail Tutorials: Part 1, Part 2 and Part 3 

Building Your WordPress Website with iPad in Mind

How you could get your WordPress website looking great on an iPhone, now it’s time to take a look at how you can get it looking fantastic on an iPad. iPad users interact with their devices quite differently to how desktop and laptop users interact with theirs.

Detail Tutorial

How to Display an Admin Notice For Required Theme Plugins

Typically build all the functionality needed directly into each theme I release, but sometimes it makes sense to refer to a 3rd party plugin to achieve what you are looking to do. For instance, most of my video-centric themes require the Press75 “Simple Video Embedder” plugin for embedding videos within each post. In my opinion.

Detail Tutorial

Customizing the WordPress Dashboard For Your Clients

Have you recently started using WordPress for your client’s project and want to further impress your client with better packaging? This article will focus on packaging WordPress so that, in just few minutes after completion of a project, it will feel more unique to the client and not have the generic feel.

Detail Tutorial

Create Perfect Emails For Your WordPress Website

Whatever type of website you operate, its success will probably hinge on your interaction with your audience. If executed well, one of the most effective tools can be a simple email.

WordPress users are in luck, since WordPress already has easy-to-use and extendable functions to give you a lot of power and flexibility in handling your website’s emails.

Detail Tutorial

WordPress Custom Fields 101: Tips, Tricks, and Hacks

Now we will go into sharing some of the cool tips, tricks, and hacks for custom fields. Custom fields are limited to your imagination only, so there are tons of cool tricks that we might miss.

Detail Tutorial

Add a Customizable Header image to your WordPress Theme

WordPress 3.0 brought a host of new features with it and one was the ability to change your theme header from within the admin panel, under the “appearance” tab and was built into the TwentyTen theme. What if you want to add this functionality to your own theme ? Thankfully it’s pretty easy to do by adding some custom code to your theme’s functions.php file.

Detail Tutorial

Useful and Time Saving WordPress Code Snippets

Coding in wordpress is pretty state of the art and the code and logic behind the wp theme is much the same. So you can use many source codes and snippets to save your time while coding for wordpress. We are going to share with you some useful wordpress code snippets to save your time and you can design a great wordpress theme with these handy and ready to work code snippets. So build yourwordpress plugins or theme with these ready made code snippets.

Detail Tutorial

How to Display Ads Only to Search Engine Visitors in WordPress

From our experience and research of many industry experts, it seems that Search Engine visitors are more likely to click on targeted advertisements then your regular readers. In this article, we will share a technique that will let you make more money from your blogs by simply displaying ads to your Search Engine Visitors ONLY. Whereas your regular visitors do not see these ads. This works very well with targeted Pay-Per-Click (PPC) ad units such as Google Adsense.

Detail Tutorial

Killer hacks to enhance WordPress editor

When you’re a blogger, the editor is indeed something very important because it is the tool used to write your posts. In this article, I’m going to show you some hacks and tips to enhance WordPress editor. Enjoy!

Detail Tutorial

Turn your commenters into subscribers!

Only a small percentage of your visitors leave a comment. This group of people is probably also interested in subscribing to your newsletter, if you have one.

Detail Tutorial

Hosting Client Sites on a WordPress Network

Regular updates keep WordPress secure and expand the feature set, ensuring the platform meets both the developer’s and their client’s needs.

Detail Tutorial

How to Add “delete” and “spam” Buttons to Your Comments

Comment section in a site is really important. It represent interaction between you and your readers. It also keeps posts alive and is an important indicator of a popular post.

Detail Tutorial

Move WordPress Admin Bar to the Bottom

Not everybody likes the WordPress Admin Bar, which exists since WordPress 3.1, at the top of the browser. With just a bit CSS you can change it. The following function provides CSS directly in the footer of backend and frontend. It displays the Admin Bar at the bottom.

Detail Tutorial

20 Helpful WordPress SQL Queries Snippets

WordPress keeps every single scrap of information that is fed into it in a MySQL database, whether that be posts, pages, comments, blogroll, the plugin settings… everything. Yes, the WordPress admin backend is fantastic and it does allow you to control and edit all aspects of this information with ease. Up to a certain point anyway.

Detail Tutorial

Speeding Up Your WordPress Website: 11 Ways to Improve Your Load Time

It’s an important question, particularly for businesses who want to scale their website. Of course, the procedures necessary for speeding up your website are going to differ depending on whether you have a site the size of something like WPMU.org or a lamoid little homepage like my own.

Detail Tutorial

How to Embed Google Talk Chatback on Your WordPress Site for Live Support

Making live chat available on your website is a strategy that has been shown to dramatically increase sales. Customers appreciate the ability to get in touch with you instantly.

Detail Tutorial

Comment Form Hooks Visualized

Most themes (e.g. TwentyTen) use the comment_form() function to insert the comment form after posts. There are quite some hooks inside the function but they are hard to localize. The codex documentation isn’t too helpful, neither.
To give you an easy overview the following diagrams visualize the points where the various hooks are anchored. The number of available hooks depend on the discussion settings and the user’s capabilities.

Detail Tutorial

Admin Bar Tricks

there are many awesome ways to make it do virtuallywhatever you want. In this DigWP post, we round up a ton of tips, tricks, and plugins for ultimately mastering the WordPress Admin Bar.

Detail Tutorial

How to Add Post Thumbnails to the WordPress Post and Page Management Screens

If you’re producing a lot of content on your WordPress site, it can be handy to see the main image associated with each post when viewing the post or page listing screen. Adding in the post thumbnail creates a visual association for each post or page.

Detail Tutorial

Adding Input Fields To Comment Form

Most comment forms contain the same input fields: Name, Email, URL and the comment text field. This is sufficient for most use cases but there are situations where you might want to know a bit more about your commenter: their age, the city they live in, or the color of their underwear. This article explains how to add an input field, store the data in the database and how to display the additional data in your blog if your theme uses the comment_form() function provided by WordPress.

Detail Tutorial

How to Sync A Local & Remote WordPress Blog Using Version Control

Ever wondered how you might use Version Control with WordPress? If you prefer to work on your WordPress projects locally but have to get them to sync remotely, this tutorial is for you. You have probably tried to synchronize between the two setups by manually uploading the changed files and using PHPmyAdmin to export and import your database once changed, and (very likely) broke something in the process.

Detail Tutorial

WordPress Plugins Related Tips and Tutorials


WordPress Essentials: How To Create A WordPress Plugin

WordPress plugins are PHP scripts that alter your website. The changes could be anything from the simplest tweak in the header to a more drastic makeover (such as changing how log-ins work, triggering emails to be sent, and much more).

Detail Tutorial

Best examples of jQuery Sliders Effects and WordPress Plugins

jQuery are the best way to display your row images to present to your visitors. There are lots of option and customization that can create very simple, beautiful and good looking image sliders. Yesterday I written a tutorial on HOW TO: Create A Vertical Scrolling News Ticker on WordPress With jQuery Carousel.

Detail Tutorial

HOW TO: Create A Vertical Scrolling News Ticker on WordPress With jQuery Carousel

I had to design a Vertical Scrolling news ticker for my client. Initially,  I thought it’s hard to figure it out, but thanks to a tutorial “ Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite“.  I learnt from this tutorial along with other and  modified  the code and made it into something I wanted, hope this would help you too.

Detail Tutorial

How to Convert Plugins to Use Custom Post Types

If you’re a plugin developer whose been using custom tables for storing information in WordPress the transition to custom post types may be daunting.

Detail Tutorial

Ten Things Every WordPress Plugin Developer Should Know

Plugins are a major part of why WordPress powers millions of blogs and websites around the world. The ability to extend WordPress to meet just about any need is a powerful motivator for choosing WordPress over other alternatives.

Detail Tutorial

How to: Create a Dashboard Feed Reader for Your WordPress Theme or Plugin

Dashboard widgets in WordPress are actually meta boxes. They’re used in other places too, like the Edit Post or Page screen. They can be dragged around, shown or hidden from the Screen Options menu, collapsed and expanded by hitting the tiny arrow on the right side of the box titles. But hey, you should probably know that already!

Detail Tutorial

Essential Plugins for Every WordPress Installation

One of the reasons why people gravitate toward WordPress is the seemingly unlimited numbers of open source plugins available. Today, I’d like to go over a few plugins that I think absolutely warrant your attention. I’m sure I’ve missed some, though, so make sure to chime in within the comments! Hopefully, this article will morph into an absolute monster of a list that can act as a reference for fellow WordPress developers.

Detail Tutorial

How to create your own WordPress functionality plugin

A common, yet unfortunate practice in the WordPress community involves filling themefunctions.php files with tweaks and functionality that is key to a site. The reason this is a bad idea, in short, is that it will tie your critical site functionality to a theme that will eventually change. Good news, though: there is a much better, smarter alternative. It’s called a functionality plugin.

Detail Tutorial

How To Improve Your WordPress Plugin’s Readme.txt

If you’re a plugin developer and you just love to write code, then writing a readme.txt file for a plugin in WordPress’ repository might be your idea of hell. When you’ve written all of that lovely code, why must you spend time writing about how to use it?

Detail Tutorial

9 Ways of Showing WordPress Plugin Authors our Gratitude

WordPress is one of the biggest website platforms used in the world. Its official plugin directory lists more than 13,000 plugins, but there are also more of them available on the internet. Even if these plugins are for the major part free, the investment in terms of time for those who created them, and continued to support and fixing them is huge.

Detail Tutorial

WordPress Security Related


How to Get Better WordPress Security

If you have a WordPress powered website, then security should be of utmost importance. WordPress now powers more than 50 million websites, making it a target the same way hackers target Windows computers. You know you’re “mainstream” once you start becoming a (worthwhile) target. You can see that from the second announcement this year that thousands of WordPress websites were hacked.

Detail Tutorial

How to protect your WordPress site as hackers exploit TimThumb security hole

A month ago we told you about a serious security whole in popular image manipulation script, TimThumb. Used by hundreds of WordPress themes this was a particularly far-reaching exploit that opened up many sites to hackers who could gain entry and do pretty much what they wanted.

Detail Tutorial

Is Your WordPress Website Distributing Malware in Google Image Search?

It turns out that thousands of hacked sites are infecting Google image search results with images redirecting to Fake AV sites. And, unfortunately for you and for me, WordPress sites are a prime target for this kind of attack. A PHP injection into a WordPress site can generate spammy websites, hijack Google Image SERPs and result in your WordPress website tossing unsuspecting Google Image searchers to a FakeAV site.

Detail Tutorial

Cleaning up an infected website – Part I: WordPress and the Pharma Hack

This is part one of a small series of posts showing how to clean up sites. We will start with how to clean up “Pharma Hack” on a WordPress driven site due to the popularity. You can follow the series here:http://blog.sucuri.net/category/guides.

Detail Tutorial

6 .htaccess Tricks for Better WordPress SEO & Security

Here are six htacccess tricks that will help improve the security and SEO quality of your WordPress-powered site. We do this using .htaccess to establish canonical URLs for key peripheral files, such as your robots.txtfavicon.ico, and sitemap.xml files.

Detail Tutorial 

How to Automatically Backup Your WordPress Site to Dropbox

Last year Dropbox announced that they have 4,000,000 users, a number which is likely to double very soon. In case you’re out of the loop, Dropbox is a cloud-based storage and file sharing service. It’s become very popular, due to its ease of use and the basic offer of 2GB of free storage space.

Detail Tutorial

8 Tips to Secure a WordPress Site

Security is one of those topics that comes up time and time again. You hear the advice, you know you should do it, but somehow, you never get around to it.

The tips in this post are designed to help make your WordPress installation safer and less likely to be hacked or spammed. If you’re short on time, just start at the top and work down. I’ve (roughly) ordered them so that the most important tweaks come first.

Detail Tutorial

Quick Tip: Backing Up Your Blog with VaultPress

As with almost every other web app, WordPress stores information in a database. There’s always a chance that your data could be lost or corrupted, and it’s wise to have a solid backup strategy in place. This is where VaultPress enters the scene to save the day, providing complete backup and security for your WordPress site.

Detail Tutorial

11 Quick Tips: Securing Your WordPress Site

WordPress is the most used open-source platform nowadays for any type of websites: whether it is blog, CMS or any other custom solution. WordPress is naturally based on PHP (among other languages), so, as a PHP developer I always make sure to cover/apply some tips for WordPress to make secure and speedup the site which I develop. In this WordPress tutorial you will find tips and tricks for securing WordPress and otimizing your WordPress blog.

Detail Tutorial

Securing Your WordPress Website

Security has become a foremost concern on the Web in the past few years. Hackers have always been around, but with the increase in computer literacy and the ease of access to virtually any data, the problem has increased exponentially. It is now rare for a new website to not get comment spam withindays of its release, even if it is not promoted at all.

Detail Tutorial

10 Steps to Securing Your WordPress Installation

WordPress is open source which means that everyone, including hackers with a malicious intent, can scour the source code looking for holes in its security. That is why I’m going to show you some good precautionary steps to take to protect you, your WordPress and most importantly, your users.

Detail Tutorial

WordPress Data Analysis


How To: Display your Google Analytics to the Public

Have you ever wanted to show off your Google Analytics data to your blog visitors? If you sell advertising on your site then this is a very handy metric for advertisers to base their buying decision on. Unfortunately, Google doesn’t make this very easy at the moment but there is a WordPress plugin called Google Analyticator which will let you do just this. It also does a lot more

Detail Tutorial

How to Get Facebook Insights for Your WordPress Site

More than 10,000 new websites integrate with Facebook every day by using one of their social plugins. However most sites that we see are not taking full advantage of what facebook has to offer. Were you aware of the fact that you can get facebook insights for your WordPress site?

Detail Tutorial

Displaying WordPress Site Data Via jQuery Charts

In this tutorial we will use the jQuery Charts Plotting plugin, JQplot, to create a new WordPress plugin which can display some of your blog’s traffic, popular categories, and more with some beautiful visual charts. Looking for a way to pimp out a client’s dashboard (or your own!) with some useful infographics? Look no further… we’ll show you how it’s done right here.

Detail Tutorial

Troubleshooting and Debugging WordPress


How to tweak your website images for maximum SEO

Most of the bloggers use images to improve the search engine optimization and to enhance the website content. And this is fact that photos and graphics bring more organic traffic to their site, specially if we are thinking about Google Image Search.

Detail Tutorial

Your Complete Guide to Troubleshooting WordPress

Before you start tearing your hair out, before you start posting frantically on support forums, you can follow this guide to get a handle on what’s gone wrong and how you can fix it.

Detail Tutorial

Troubleshooting WordPress: Common Fatal Error Messages and How to Fix Them

There are some WordPress problems that crop up again and again. And there are few people better equipped to deal with them than the many Support Pros across the WordPress Universe. I’ve teamed up with WPMU DEV’s awesome Mason James, big-boss of our own Support crew, to look at some common WordPress problems. Over the next few weeks we’ll look at how you can address them.

Detail Tutorial

Debugging & Troubleshooting

It is safer to activate the plugin without any current pages or posts already in the system. The plugin adds in extra meta information into the database about a page when it is saved, and all previous pages or posts wont have this information in there. We recommend activating these plugins from a fresh install of wordpress.

Detail Tutorial

WordPress Post Management Related


Three Ways To Display Your Latest Google+ Updates On WordPress

The Google+ Project has been growing rapidly since it’s launch. Many are tipping the service to steal a huge chunk of FaceBooks traffic. Although I have signed up, I haven’t posted much on Google+ as I have been busy over the last few weeks, though I can certainly see the appeal of the service, particularly it addresses the main issue with Facebook by allowing you to allocate friends into different circles.

Detail Tutorial

How to Create and Setup Google+ Brand Page for Your WordPress Site

It was invite only and very limited. They were not allowing any business to join. Some businesses created a profile as a personal account, and they were all banned. Finally Google has given an official go-ahead to all businesses. You can now create your own Google+ Brand page.

Detail Tutorial

Writing WordPress Guides For The Advanced Beginner

Creating WordPress tutorials is a fantastic way to help build the WordPress community and to increase your Web traffic. That’s no secret. Just Google “wordpress tutorial” and you’ll see hundreds of results. The complete novice will find scores of well-written tutorials clearly demonstrating the basics of the WordPress dashboard and of activating the default template, in simple jargon-free language.

Detail Tutorial

HOW TO: Create A Vertical Scrolling News Ticker on WordPress With jQuery Carousel

I had to design a Vertical Scrolling news ticker for my client. Initially,  I thought it’s hard to figure it out, but thanks to a tutorial ” Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite“.  I learnt from this tutorial along with other and  modified  the code and made it into something I wanted, hope this would help you too.

First thing first, how to Including jQuery in WordPress (The Right Way)? WordPress already includes a copy of jQuery. Here is how you can load up jQuery in your theme the smart (and intended) way. Put the following code in header.php file in the <head> section:

<?php wp_enqueue_script("jquery"); ?>  <?php wp_head(); ?> 

[Detail]

Other References:
How to Add JCarousel Lite to WordPress
How to Create a jQuery Carousel with WordPress

jCarousel Lite is tiny but powerful plugin and with it you can easily add/tweak/configure  News ticker part on your Website. After including jQuery Carousel into you WordPress theme, now need to create style and html code to run image gallery or News on your website. Follow these steps to  Create A Vertical Scrolling News Ticker on WordPress With jQuery Carousel.

Step 1


Create a new <div> in your style sheet, which should include container for the news ticker and style of the text and heading. As well, a very important <div> class name that must b same class name when you configure jCarousel Lite in your theme. In my case I have created “latestnews-jcarousellite”, as you can see bellow:

/* ======= Latest News ===================*/
#latest-news {
width:268px;
padding:0px 0px 8px;
float:right;
margin:0 !important;
min-height:100px;
}
#latest-news a { text-decoration:none; }
#latest-news .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:2px;
}
.latestnews-jcarousellite { width:100px; }
.latestnews-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:2px; }
.clear { clear: both; }

Step2


Create a News category and get its id number, hope you know how to get it, after creating some news post for created category, add a loop where you want to display News ticker. In my case i wanted to display it in side bare and  have added the following code in my theme sidebar:

<div id="latest-news">
<h2>Latest News </h2>
<p> Find out our latest orders, clients and customer feedback! </p>
<div id="latestnews-jcarousellite">
<ul>
<?php query_posts("showposts=5&cat=32"); $i = 1; ?>
<?php while (have_posts()) : the_post(); ?>
<li> <a class="title" rel="bookmark" href="<?php the_permalink() ?>"><?php the_title() ?></a></li>
<?php endwhile; ?>
</ul> </div>

Step 3


After adding loop’s posts  and configure the jCarousel. Under the<head> or  in sidebar.php file  add following price of script:

<script type="text/javascript">
jQuery(function() {
jQuery("#latestnews-jcarousellite").jCarouselLite({
vertical: true,
speed: 1000,
visible:5,
auto:500
});
});
</script>

Where visible number  must be equal to showposts number, <div id=”latestnews-jcarousellite”> must be same.  The “auto:500? means it will auto-scroll every 500ms. There are a lot of options read the documentation for more information and configuration.

Other References about How to Create a jQuery Carousel with Website and WordPress Posts


From the list bellow you can create image gallery from carousel on WordPress posts from a specified category.

jQuery Carousel Gallery for WordPress
Making an infinite JQuery carousel
jQuery Infinite Carousel
How to Create an Infinite Carousel with jQuery
How To: Create A Jquery Carousel With WordPress Posts
Create a Simple Infinite Carousel with jQuery
How to install and style jcarousel lite
Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite
Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite
How can I degrade from Jquery carousel to css scrolling list gracefully
How to create simple and sleek jquery carousel gallery
HTML5 jQuery slider w/ Canvas and jQuery

Pre-made Carousel Plugins


By using these plugins you can create beautiful carousel image gallery for your visitors inspiration.

Boutique carousel

A ready to use jQuery slider/carousel to present your images in a unique, smooth and customizable way. Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins. Customize the settings and CSS to match your style and purpose. Full documentation and examples included.

Live preview | Detail

jCarousel

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation) – Example.

jCarousel Lite

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. jCarousel Lite is not a replacement for jCarousel; rather it is a light-weight (only 2kb) alternative for users whose primary focus is not to build a full-blown image gallery.

Agile Carousel

Agile Carousel is a JQuery plugin that lets you create a carousel with fexible settings.
New features in Beta 2.0 include:

Here’s an example with intro slide.

jQuery Carrousel

Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.
– Mood for many reasons, “in the mood – Glenn Miller”, …
– Modular because this plugin has some modules integrated (controls & effects).
It’s modular too, cause you can create your own controls & effects to perform your personal carousel.

jQuery Infinite Carousel Plugin

jQuery carousel plugin where small image thumbnails allow users to jump over to other images.

Features:

  • Carousel never ends and images shuffle around
  • Captions are optional
  • Optional thumbnail controls which allow visitors to jump to any image in the carousel sequence
  • Thumbnails can be styled via CSS
  • It’s less than 14K
  • Reusable on multiple containers within the same page

Step Carousel Viewer

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps.

Just Another Carousel

A jQuery content carousel that works with any size content and supports mouse input. Features:

  • Works in FF3, IE7, Opera, and Safari.
  • Supports fixed-size or variable-size children
  • Supports the Meta plugin for jQuery
  • Totally CSS-based allowing for high customization
  • Degrades gracefully into an unordered list

 jQuery Carousel

Great looking plugin with various types of use.

Roundabout

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!)

jQuery Banner Rotator / Slideshow

This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.

Live preview | Detail

AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

Live preview | Detail

Estro – jQuery Ken Burns & swipe effect slider

This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.

Live preview | Detail

 Sexy Slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!
Live preview | Detail

Examples for Inspiration


There are huge list for inspiration and I will complie it in my next post along with pre-made WordPress themes with jQuery gallery. Subscribe to wparena’s email for update:

Rss Feeds    Twitter Followers   Email Updates

How to Enable Posting and Editing From the WordPress Front-End

If you are running a blog on WordPress than you should convert it into a community blog by allowing your visitors to participate on your blog. There are mainly two ways that you can use to run a social friendly blog. Firstly, Allow them to make a post or share a news on your blog from the Front end. Secondly, Allow them to vote on blog’s content.

WordPress Plugins for Front end posting and Editing

For those who are not familiar with WordPress dashboard, for guest writers, authors, WordPress have the capabilities to make a post and to edit it from front end. Lost of users find it difficult and often give up on posting. So its very necessary for those sites which heavily relay on user-generated content,  such as reviews or community news, can be a formidable challenge. I’ve complied a list of plugins that will help to virtually eliminate this problem.

Gravity Forms

This plugin allows users to automatically create a post, among many other things. When added to a form, the post fields create a post when the form is submitted. It’s great for user-submitted stories, job postings, directories, etc. and comes with professional support.

Detail

Post From Site

This new wordpress plugin allows you to post straight from your front-end (i.e. website) – perfect for a quick update! Also useful if you have multiple users and don’t need them to see the admin side of things. It creates a link on your website which, when clicked, will bring up a simple text-box. Users can enter a post title (required), content (also required), add categories and tags (including created new ones), and upload images. Images can be placed in your post with custom tags ([!--image1--]), or all appended to the end of the post.

Front-end Editor

Front-end Editor is a plugin that lets you make changes to your contentdirectly from your site. No need to load the admin backend just to correct a typo.

Goals:

  • save as many trips to the backend as possible
  • compatible with any theme, out of the box
  • light and fast

You can edit posts, pages, custom post types, comments, widgets and manymore elements.

Quick Post Widget

This plugin provides a widget to post directly from the frontend of your site without going into the backend. The widget optionally offers visual editing while posting from the frontend, with a bunch of features (media uploading, spellchecking, preview,….)!
Guest posting can be enabled with optional captcha security. Apart from post title, content and categories, tags, custom fields, custom taxonomies, post date and excerpt can optionally be entered. You can easily add images or video-clips to your posts without using the backend of your site.

Inline Editor

Adds the capacity to edit your content from the front end of your WordPress blog using the styling of your blog.

Using the excellent and lightweight NicEdit WYSIWYG editor component to give you full control over the look.

The main advantages over editing this way over the traditional method is that you can see your content exactly how it will appear using all the styles and formatting of your WordPress template, plus it’s far more convenient this way.

One Quick Post

One Quick Post is a WordPress/BuddyPress plugin that allows you to enable frontend posting on your blog; including for non-registered users.

FE-Editor inline

The famous Front-end editor by scribu http://scribu.net is changed only by CSS to an real inline editor. After login into backoffice and going back to your front end you can edit your texts by double click as in scribu’s front-end editor. But now your editor panel is fixed above in your browser’s left corner and always present and the page looks as before but now you can write in it. Above that edit panel you find an edit button – if your template supplies the class post-edit-link for it – for going into backend making the job you can’t do with the small editor.

WP User Frontend

Some of us want something like that the subscriber/contributor will not be able to go in the wordpress backend and everything these user can control will be done from wordpress frontend.

WordPress Plugins for Voting on posts

Get vote on your post to get more exposer for social bookmarking. All you have to do is to  give your readers the ability to rate content on your site.

Simple Star Rating

The Simple Star Rating plugin for WordPress is a very simple-to-use star rating system that you can use anywhere in your blogs & pages by clicking on an additional button integrated in your content editor.

Choose the number of stars, the default value, the color and the size of your rating items within the WYSIWYG editor, through a dead easy slider-based popup. Then let your visitors rate your posts, movies, recipies and more…

Detail

Avia Feedback Box – feature request system

The Avia Feedback Box is a feature request system for visitors and customers. They can suggest new ideas, vote on existing ones, and track your work progress.

At the beginning of each month a user/visitor get 10 votes to distribute. They can choose to use all their votes for one idea they really like, or spread them across between several ideas.

Detail

Post Voting Plugin

Gauge the popularity of your site’s content by letting your visitors or users vote on that content. Sort of like your own personal Digg or Reddit, and it’s packed with features!

jSocial

With jSocial you can easily place social share buttons under your articles and pages on your website. This script uses the jQuery framework and works completely client side. So you can use it on static and dynamic webpages.

Detail

How to Fix Broken links & Redirections

how_to_check_and_fix_broken_links_in_website_using_google_webmaster_tools

According to Search Engine Optimization (SEO), broken links are very important, because search engine do not like landing pages which give 404 error page. Search engine treated them as a dead end. Just like human, search engine don’t like to waste time on broken links.
There are different online tools available to check broken, after detection you can manage those broken links manually and if you are using WordPress than there are plugins which helps you to manage error pages.

There are many broken link checks on line, here we are compiling few of them and a list of WordPress pluging to manage  broken links which make your  life easy to handle them.

What are broken links?

Broken links are like stop signs to search engine robots. They use the links on the pages of your site to follow to other pages at your site. The more pages they crawl, the more content they gather.  The more content they gather, the more valuable your site appears to them, and your ranking will be higher! (Not to mention how irritating broken links are to your visitors.)  – Broken Link checker

Online Broken Link Checkers


W3C Link Checker

This Link Checker looks for issues in links, anchors and referenced objects in a Web page, CSS style sheet, or recursively on a whole Web site. For best results, it is recommended to first ensure that the documents checked use Valid (X)HTML Markup and CSS. The Link Checker is part of the W3C’s validators and Quality Web tools.

Broken Link checker

This free online broken link checker will quickly scan your web page and verify that your hyperlinks are working appropriately.

Link tiger

LinkTiger will hunt your websites for broken links every day and notify you with rich reports.

Dead link checker

This tool isn’t for finding reciprocal links or making sure your reciprocal links partners are still linking back to you (Although I guess you could use it for that) it’s just going to make sure all the links on your web page are linking to somthing that exists.

WordPress plugin to fix broken links


Broken Link Checker

This plugin will monitor your blog looking for broken links and let you know if any are found.

Features

  • Monitors links in your posts, pages, comments, the blogroll, and custom fields (optional).
  • Detects links that don’t work, missing images and redirects.
  • Notifies you either via the Dashboard or by email.
  • Makes broken links display differently in posts (optional).
  • Prevents search engines from following broken links (optional).
  • You can search and filter links by URL, anchor text and so on.
  • Links can be edited directly from the plugin’s page, without manually updating each post.
  • Highly configurable.

Detail

Broken links found. What next?

After getting all broken links you can redirect visitors on specific page by using following plugin.

5sec Proper 404

 

  • stop hardcoding your 404 page in 404.php
  • select any page to be used as the 404 page
  • use 5 provided shortcodes (recent, popular, similar posts; search form, Google search widget) to make better, more useful 404 pages
  • eliminate broken links and backlinks with a detailed 404 log
If you wan to check your backlinks, use Backlink CheckerWordPress plugin for that. You can get detail info about how to get help from google webmaster to handle out brokent links “How to Check and Fix Broken Links in Website Using Google Webmaster Tools

Display Pricing Tables in WordPress powered Websites + Inspiration

CSS3-Web-Pricing-Tables-Grids-WordPress

For eCommerce and sports related websites, tables are the perfect solution for those who are in need of a well designed and more importantly to show pricing table with product detail, especially when you’re trying to show things on your website that should be in table format like score board. There are lots of benefits of using WordPress plugins to use in your ecommerce website, to display score board without disturbing your page layout.
Today we are compiling a list of Free and Premium WordPress pluging for displaying data and a list of Fantastic Pricing Tables for Your Inspiration.

Premium Pricing Tables for WordPress


CSS3 Pricing Tables for WordPress

This plugin enables you to integrate some awesome and modern Pure CSS3 Pricing Tables into your WordPress. No Javascript is used at all and all major browsers are supported. You can apply different styles to your pricing tables, and create them all from a very friendly and visual admin interface!

Live preview | Detail

uPricing – Pricing Table for WordPress

uPricing is a pricing table for WordPress. We have been developing it for our WordPress themes, but have decided to release it as a standalone plugin. It is a premium quality Pricing Table with a nicely polished WordPress admin.

Live preview | Detail

Premium Pricing Tables Plugin

WP Mega Tables are the perfect solution for those who are in need of a well designed and more importantly a easy to use pricing table in there wordpress themes.

Features

  • Very Flexible Pricing Tables, 1 Column, 2 Columns etc.
  • Advanced and very easy to use option panel.
  • 4 Different styles.
  • Option to select your currency
  • Option to Select on which column you want your “Best Value” tag
  • Option to Select a different style for each table
  • Ad tables with short-codes.
  • Ad tables throughout a custom panel.
  • PSD Included
  • WP 2 .9 , WP 3 .0 and WP 3 .1 ready
  • Very well documented (screencast included)

Live preview | Detail

CSS3 Web Pricing Tables Grids For WordPress

This is a pack of pure CSS3 Web Pricing Tables Grids For WordPress with 2 table styles and 20 predefined color versions including hover states.

Live preview | Detail

Free Pricing Tables for WordPress


Price Table

This plugin gives you a drag and drop interface for building price tables. It also renders those price tables using pure CSS3. They have a clean, minimal design – so they’ll fit into just about any design. Thanks Orman for the great design!

You can read more about it on SiteOrigin.

Detail

Price Quantity Plugin

Price Quantity Plugin is provided for free by Advidco. Price Quantity plugin was developed primararly for use with Shopperpress. However this plugin will work with all WordPress themes. Simply add the short code anywhere within WordPress and set your desired prices and quantities and Price Quantity Plugin displays a very sharp looking table on the page where the short code was placed. Optionally you many also change the styles to match your WordPress theme.

Detail

Custom Tables

With this Plugin, the Admin can very simply create an new Table in the Database. The Table can filled in manually over the WordPress Admin Menu with new entries, or he can choose the way over Excel for MultiEditing all lines and reimport the data as CSV File. The Plugin will create diffrent Shortcodes to add this Tables to the WordPress sites.

Detail

Fantastic Pricing Tables for Inspiration


From the following examples of pricing tables / plans you will come to know how successful companies are engaging their users in their pricing plans, from simple tables.

One Hub

Squarespace

Bigcartel

Shopify

Formstack

Notable

Mailchimp

Live Stream

 Wuffo

CrazyEgg

Highrise

PulseApp

LighCMS

Cobblestone

Invoice Machine

PlanHQ

Mediatemple

 Mailer Mailer

Litmus

Sipgate

Yootheme

The Resumator

Poll Everywhere

Box

Clicktale

Usabilla

Cannybill

NewsGroupDirect

Typekit

Podcast people

Vflyer

PandaStream

Groupsite

Browser Mob

Glasscubes

Hellothemes

Varto


After inspiration, you must be interested in the following links:
Best Innovative Uses of WordPress to run Online Invoicing System
How to integrate Magento into WordPress e-Commerce site
Create Online Store with Free WordPress e-Commerce plugin
WordPress e-Commerce Theme for Furniture Store & Home Products
Creative WordPress Powered eCommerce Web Sites
Free Download Plugins and Themes From WordPress Multi Site User (WPMU)
How to Create a Membership site with WordPress
Best Magento Themes for Your Online Store

How to tweak your website images for maximum SEO

Most of the bloggers use images to improve the search engine optimization and to enhance the website content. And this is fact that photos and graphics bring more organic traffic to their site, specially if we are thinking about Google Image Search.
Today I am explaining few basic tips and tricks, which help you to optimize your images for Google, Bing, Yahoo and create more search engine exposure for your WordPress site.

The power of image search traffic

This is the great SEO opportunity to get  organic traffic from Google image search.  So, optimize the photos and graphics on your website to rank in Google Image SERPs, How to do that read a full instruction on the following link: How to Submit & Optimize WordPress Blog Post for SERPs.

Get INSTANT ACCESS To The SEO Fast Indexer Tool Now!

How to manipulate image sizes to speed up WordPress blog load times

Loading time of web site directly impact users and ranking position. As compare to text, images take more time to load and search engines indexed those web pages which have less load time and user spend time that give good impression to search engines. Detail

Tweaking images for better SEO


The algorithm of Google search engine for images is very unique and well maintained to index the images. So its very important that you give useful description to avail this opportunity.

Appropriate and descriptive filename

Always use a relevant and descriptive filename. Avoid to use generic filenames like Image 6.jpg or IMG0015.jpg,  because these are not giving you any benefit according to SEO.

File name photodun.jpg, which clearly helps the photo rank in Google Images when someone searches for the phrase “Photo dune”.

Always write a good alt text

Spare some time to watch this video of Matt Cutts, well explained about the alt tag is and how you should use it.

Importance of captions and titles

It is very easy for WordPress user because it will give the option to include a title and a caption when you upload images. At this time you have the option to provide descriptive information and give Google a sense of what the image is all about.

Coherent the image in context

Just like the the filename and alt text, Google also uses the content of the webpage to determine what an image is about. So try to make connection between images and content for better SERPs.

Quality of the Image

The quality of  images is very important, always try to use sharp, colorful and visually-rich images to get better rank and for Google SERPs.

Recommended eBooks and other useful Resources:

WordPress eBook: Success with WordPress

Success with WordPress is a popular WordPress eBook that covers everything from blogging with WordPress, WordPress as a Content Management System (CMS), SEO techniques, and of course how to monetize your WordPress blog with AdSense and affiliate marketing!

Get eBook Success with WordPress

Major and Secondary Search Engines and Directories to Submit Website
How to manipulate image sizes to speed up WordPress blog load times

Free & Professional WordPress Security Service Free & Professional WordPress Security Service

We Love WordPress. WordPress Arena is a place for WordPress Developers and Designers, providing Tips, tricks, tools and resources to build a website or blog on WordPress. We also present The WordPress Showcase for all kind of WordPress Powered Websites.


Copyright © 2014 WP Arena All Rights Reserved

Divi WordPress Theme