Wordpress Question

c4yrslf12

Level 3
Dec 2, 2012
759
7
0
USA
Utilizing the genesis framework, if you use the simple hooks, are the attributes inside naturally responsive with a responsive child theme?
 


"Responsive" is mostly a grandiose marketing term. It's really these two things.

  • Variable width base layouts
  • Css grouped by media queries

So, underneath, it's just stuff like:
Code:
@media only screen and (min-width: 768px) and (max-width: 959px) {
      /* stuff defined in here applies to screens that match what's above */
      logo.img {width: 400px;height:40px;}
      /* make my logo bigger */
}
@media only screen and (max-width: 767px) {
     /* the next smaller sized screen
     logo.img {width: 200px;height: 20px;}
    /* make my logo smaller */
}

Basically, then, the answer boils down to whether the html you output from the "simple hooks" map to the appropriate css.

In other words, the onus is on you to add the right class names, etc, to make sure what's coming out works well/responsively in the existing template.
 
Pretty much that is the main element of RWD. The slightly more intelligent thing is to use media queries to control vast amounts more than just the css. That's the repsonsive side of things, but you can also optimize how you deliver content (entirely differently?) based upon at least one or more things you can learn from those media queries. Couple that with other data and you can start to build a fairly intelligent site that delivers the best result (for you) for each device / visitor.

Having said all that - this has nothing to do with wordpress or themes. RWD WP themes are essentially what rish3 described.