308 posts
  • Attended a Community Meetup
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
SyamilMJ says

Is there any native function inside WordPress that accommodates for responsive design?

So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

3256 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Beta Tester
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
+4 more
ParkerAndKent says
sy4mil said
Is there any native function inside WordPress that accommodates for responsive design? So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

Responsive design are nothing more than adaptive css styles, nothing to do with the WP core.

Parker

443 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 000 and 5 000 dollars
  • United States
SplitV says

Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is.

I’m sure there are plugins to replace your active theme with a mobile theme.

308 posts
  • Attended a Community Meetup
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
SyamilMJ says
ParkerAndKent said
sy4mil said
Is there any native function inside WordPress that accommodates for responsive design? So far I’m finding the media queries a little inefficient since the content size loaded by the browser will be the same regardless of the screen size.

Responsive design are nothing more than adaptive css styles, nothing to do with the WP core.

Parker

Wouldn’t the difference between browsers a matter of css styling as well? Thus we have the browser detection function residing inside WP core http://www.nathanrice.net/blog/browser-detection-and-the-body_class-function/

308 posts
  • Attended a Community Meetup
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
SyamilMJ says
SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.

I agree. But I wasn’t looking for a plugin. :)

211 posts
  • Has been a member for 5-6 years
  • Bought between 50 and 99 items
  • Referred between 1 and 9 users
  • Exclusive Author
agusmu says

For basic responsive design, NickLa tutorial is the best for me.

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
443 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 000 and 5 000 dollars
  • United States
SplitV says
sy4mil said
SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.
I agree. But I wasn’t looking for a plugin. :)

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

308 posts
  • Attended a Community Meetup
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
SyamilMJ says
SplitV said
sy4mil said
SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.
I agree. But I wasn’t looking for a plugin. :)

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies? :P

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?

308 posts
  • Attended a Community Meetup
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
SyamilMJ says
SplitV said
sy4mil said
SplitV said
Each theme is coded in a different way, so there could never be a plugin to make every theme responsive. This is not a wordpress limitation, but the nature of what responsive design is. I’m sure there are plugins to replace your active theme with a mobile theme.
I agree. But I wasn’t looking for a plugin. :)

Sorry, I mis-spoke, I meant to say that a ‘function’ could never exist to automatically make a theme responsive.

The ‘content size’ is determined by the theme, not by WP or the browser.

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies? :P

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?

443 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 000 and 5 000 dollars
  • United States
SplitV says
sy4mil said

That was not my question either, I know very well there is nothing inside WP that auto-magically do anything including making a coffee or a sandwich. Do I sound like I believe in fairies? :P

I was asking whether or not WP has anything that detects browser size, so that the content can be served differently for each set of sizes, which then would allow you to save users from loading heavier content that was meant for desktop viewers when in fact you’re just hiding them with display:none when viewed from a smaller screen/mobile, or use something like img { max-width:50% }.

If that is not an option, then how about if we use javascript to check the screen size prior to loading the content, then use wp_ajax to load the heavier content specific to that screen size? Has anyone tried it that way or is that generally a bad idea?
Take a look at how some of the mobile theme plugins detect mobile browsers on the server. Usually it’s by detecting the user-agent of mobile phones. Then you can send the content you wish.

wiki used to have a list of user-agents, but I cannot seem to find it now.

And when you mention size and responsive design, I automatically assumed you meant ‘size’ as in dimensions of the content, sorry about that.

by
by
by
by
by
by