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.
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!
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
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.
How to change a post to a page in WordPress,wordpress change post to a page,can a wordpress page be changed to a post,can I switch a page to a post on WordPress?,change wordpress pages to posts,how to change a page to a post in wordpress,how to change pages to posts and posts to pages wordpress,WORD PRESS CHANGE POST TO A PAGE,wordpress change a page to a post
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:
The WordPress theme Twenty Twelve was officially released early today! If you are looking for a simple, easy to use and clean coded free WordPress theme, the Twenty Twelve is for you.
OK, here is a screenshot of the latest new free WordPress theme from the WordPress official site wordpress.org
Twenty Twelve is an elegant, readable, and fully responsive theme that makes your site content look its best on any device.
The free WordPress theme Twenty Twelve is a fully responsive theme that looks great on any device, there is no need to looking for a mobile theme or pad theme now, you can use this cool responsive free WordPress theme, which is great for blogs. Features include a front page template with a its own widgets, styling for post formats on both index and single views, an optional display font, and an optional no-sidebar page template. Make it yours with header image, a custom menu, and background. I have used the Twenty Ten theme and Twenty Eleven, and found the Twenty Twelve theme is the best one. Responsive, html5 ready, a lot new features support the WordPress latest version. If you are looking for a valid coded, search engine optimized simple easy to use free WordPress theme, the Twenty Twelve is for you.
Twenty Twelve Front Page Template
A key component of this theme is a special front page template. This template meets the need for a carefully crafted introductory page. Add text, images, video, anything you’d like to the upper area, then arrange front-page-only widgets below in one or two columns.
Responsive, Mobile-first Layout
What makes this theme really shine are the design details. Starting with a thoughtfully crafted mobile-first layout, Twenty Twelve is intended to be viewed on any size device from smartphones and tablets up to the latest and greatest HiDPI screens. No matter how your readers decide to visit, it’ll remain good-looking, readable, and usable.
Widgets and No-sidebar Layout
Twenty Twelve loves the no-sidebar look as much as you do. Use the optional “Full-width page, no sidebar” page template to remove the sidebar from any page. Want to simplify even more and remove the sidebar from all your posts and pages? You guessed it! Simply remove any active widgets to the Main Sidebar area and the sidebar will disappear.
custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, flexible-width, full-width-template, gray, light, microformats, one-column, post-formats, right sidebar, rtl-language-support, sticky-post, theme-options, translation-ready, two columns, white
You can get a demo version here
just download directly here or view the details page here.
If you are going the buy the iThemes Builder themes, why not use iThemes Builder coupon code to save? We have release some new valid ithemes.com coupon code here.
Good news! Here is a 50% off discount coupon code for iThemes Builder Theme’s all theme package!
Not a current Builder theme customer? Get the Builder Developer Pack with Builder 4.0 and new responsive support – now 50% off with coupon code RESPONSIVE50 through Oct. 31, 2012.
The iThemes Builder premium wordpress theme lets you create WordPress sites quickly and easily by creating your own layouts. There are 3 options for iThemes Builder:
Please find the ithemes builder theme coupon code here
1 Year All-Access Theme Pass (Unlimited sites) ($387.00)
– BEST VALUE! Over $4,000 of themes
– Regularly $497!
– Access to ALL of Our Themes
– 1 Year of Access to Updates
– BONUS: Includes LoopBuddy Plugin ($45 value)
– Multiple Use Licenses for All Themes
You can use ithemes 1 Year All-Access Theme Pass coupon code to save.
Builder Foundation Pack (Unlimited sites) ($80.00)
– 1 Year of Access to Support & Updates
– Billboard & Rotating Images Plugins
– Multi-Use License – use on as many personal and client sites as you want
– Access to our Foundation child theme series (5 themes!)
You can get 35% off just use the ithemes Builder Foundation Pack coupon code to save.
Builder Theme – Developer Pack (Unlimited sites) ($197.00)
– 1 Year of Access to Support & Updates
– Billboard, Rotating Images, and LoopBuddy Plugins
– Multi-Use License – use on as many personal and client sites as you want
– Access to ALL Builder child themes during your membership
You can use the ithemes Builder Theme – Developer Pack coupon code to save.
This is a limited time offer, and this ithemes promo code will expire on September 30, 2012, but don’t worry, we have collected a lot ithemes coupon code here, you need to try one by one if there is no expire date, you WILL find the valid one if you have missed this new coupon code for ithemes.com
iThemes WordPress Web Designer’s Toolkit puts all the tools in your hands to build a WordPress web design business. If you are going the buy this amazing toolkit, why not use the latest iThemes WordPress Web Designer’s Toolkit discount coupon code to save? Here is a new valid coupon code for iThemes WordPress Web Designer’s Toolkit, which can help you get 35% off, you save a lot, right? But please note this is a limited time offer, this promo code will expire on September 30, 2012 Continue reading iThemes WordPress Web Designer’s Toolkit Coupon Code
A good short news, we got a new backupbuddy discount coupon code for all our dobeweb.com readers, if you using wordpress and want to purchase the best wordpress backup & restore plugin: backupbuddy, here is a new 35% off coupon code for you!
BackupBuddy Coupon Code 2012: I have listed all the coupons on this page, please check the backupbuddy coupon codehere. * Please note this is a limited time offer, expire date: September 30, 2012
Backupbuddy gets better and better – and sometimes you may not know it. Here’s a short list of a few noteworthy feature and enhancement updates since BackupBuddy 3.0 released earlier this summer.
If you want to change the default WordPress post class, you can follow this guide to change it by yourself. It can be ‘easy as’ in the content loop adding a bit of code with a call to post_class(), we can easy add a new class like this, post_class(‘my-class’) then we just style the new class in our style.css. Continue reading How to Make Good Use of WordPress Post Class