316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
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
  • Has referred 100+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+9 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
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
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.

316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
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/

316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
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. :)

214 posts
  • Has referred 1+ members
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Sells items exclusively on Envato Market
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
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
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.

316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
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?

316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
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
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
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