30 Great Responsive Web Design Examples
Day by day, the number of devices, platforms, and browsers that need to work with your site grows. Responsive web design represents a fundamental shift in how we’ll build websites for the decade to come. Responsive Web design is in its early stages, as Web designers look for solutions as they serve content for large screens and portable devices alike. If you are looking for some great sites that created with responsive designs, here are 30 cool websites that with responsive designs. Click the images to view the websites.
30 Great Responsive Web Design Examples
A lot guys ask me how to display the next post and previous post in the WordPress single.php template, also I have no idea, and I have searched for a long time and found a solution, which can help you display the next post in the same category. (The WordPress’ default next/previous functions seems useless these days, especially for the news, magazine WordPress themes!)
In fact, the WordPress has it’s own build in function, which can help you display the next post in the same category, you can check it out here.
Here is the code, copy and paste to your single.php
<?php next_post_link('%link', 'Next post in category', TRUE); ?> <?php previous_post_link('%link', 'Previous in category', TRUE); ?>
However, this function can’t work if you assign one post to multiple categories! Is there any ways to solve this problem? And most of the time, when you click one tag, then your site may list a lot posts under one tag, usually you need to click one link, then click another link, right? How can we just click the next link then we can see the next post?
What if the user came to that post from a tag page or from an author page? Wouldn’t it make more sense to display previous / next posts from that particular set?
O.K, here is the solution for these headache problems!
Here is an awesome plugin for you to use: that’s Smarter Navigation
Whenever a visitor goes to an archive page (category, tag, date, author, search etc.), the plugin notes which archive it is in a browser cookie, then you can click the next post link to view the next post under the same category or tag or search results!!!
How to use it?
Copy and paste the following php code to your single.php file
<?php previous_post_smart(); ?> <?php next_post_smart(); ?>
Really cool, right? Download it now!
One of my client’s site want to change it’s pages to posts, then he can categorize the posts, with category and tags, the posts made it easy to manage, especially when you have a lot posts. Today I will show you how to transfer your pages to posts or change your posts to pages in 2 ways.
1. Update your database.
Changing posts from pages is incredibly easy. All you have to do is run this short SQL query through PHPMyAdmin.
UPDATE wp_posts SET post_type = 'page' WHERE post_type = 'post'
As you can see from the above code, all content on WordPress is stored in one table, therefore you are simply changing the type of content from a post to a page. As you would expect, you can change content from pages to post in much the same way.
UPDATE wp_posts SET post_type = 'post' WHERE post_type = 'page'
The main limitation from using the above SQL command is that all pages would be converted into posts but would not have a category attached to them i.e. the post would be uncategorized.
2. Use WordPress Plugins.
Here is a great simple easy plugin which can help you change to posts to pages, or pages to posts, work with latest WordPress version, that’s pTypeConverter.
With the help of pTypeConverter, you can converts post types from one to another easily, that means no matter you want to change post to page or page to post, this plugin can do for you. This free WordPress plugin pTypeConverter allows you to easily convert any post type of a certain post to another in an easy to use interface. The plugin will let you change posts to pages and vice versa at the click of a button. It is WordPress 3.0 ready too so allows you to change posts into pages, attachments, revisions and navigation items. A pTypeConverter role capability prevents unwanted users from converting pages (i.e. only Administrators and Editors have this ability to begin with), which can be adjusted by using a Role Manager plugin. Enjoy.
Here is a very good news for all ithemes builder theme users and future users who want to buy ithemes premium WordPress themes, because Responsive is Coming to iThemes Builder!
That means from now on, ithemes builder theme will support almost all devices greatly, no matter ipad or iphone or any other mobile devices, you can get responsive layout now. (As you know that the responsive design is more user friendly.)
OK, you can read the full article here, and I want to let you know that if you buy Any iThemes Builder Packages, you can get 30% off now until Oct. 31, 2012.
If you’re not a Builder customer, now is a great time to become one! Save 30% on any iThemes Builder package with ithemes coupon code through Oct. 31, 2012, you can grab the latest new ithemes coupon code here.
How to Implement Google Custom Search Results into WordPress Based Websites Without Plugins
WordPress has a relatively good search functionality but tends to get sluggish and doesn’t match keywords that well, and of course when you make a search, WordPress will use a lot resources, why not use the Google custom search instead the default search forms? This is even more apparent when your site is quite large and you have many posts and/or pages. In addition, wordpress search functionality display results ordered by date and not by its relevance to the keywords. If you want to use Google custom search, here are 2 popular Google Custom Search plugins for you to choose from:
1) Google Custom Search Plugin
If you don’t want to use plugin, and want to use the Google custom search engine to replace the WordPress default search, you can follow this guide:
How to replace the WordPress search function with Google Custom Search engine