316 posts
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • 4 Years of Membership
+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
  • Affiliate Level 4
  • Author Level 9
  • Collector Level 2
  • Top Monthly Author
+11 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
  • 5 Years of Membership
  • Author Level 3
  • Collector Level 2
  • Exclusive Author
+3 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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • 4 Years of Membership
+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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • 4 Years of Membership
+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. :)

223 posts
  • Affiliate Level 1
  • Collector Level 3
  • 6 Years of Membership
  • 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
  • 5 Years of Membership
  • Author Level 3
  • Collector Level 2
  • Exclusive Author
+3 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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • 4 Years of Membership
+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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • 4 Years of Membership
+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
  • 5 Years of Membership
  • Author Level 3
  • Collector Level 2
  • Exclusive Author
+3 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