<div dir="ltr"><div class="gmail_default" style="font-family:arial,helvetica,sans-serif;font-size:small;color:rgb(11,83,148)"><div class="gmail_default">Okay It depends on how custom you want to go. Both Twitter Bootstrap and Foundation framework can be utilized. </div><div class="gmail_default">You can create your own custom theme from scratch or you can create a child theme that uses a base theme.</div><div class="gmail_default"><br></div><div class="gmail_default">To create a child theme that uses a base theme.</div><div class="gmail_default">1. Copy a base theme (any theme you want to start with) into wp-content/themes/</div><div class="gmail_default">2. Make a copy of the base theme directory you downloaded (and all its content) in the wp-content/themes/ directory changing its name. It is a common practice to add "-child" to the end of the directory name of the base theme used.</div><div class="gmail_default">3. Go into the new child directory and open the style.css file and change:</div><div class="gmail_default"> Theme Name: <base_theme></div><div class="gmail_default">to </div><div class="gmail_default"> Theme Name: <base_theme>-child or whatever you added to to the name of the new directory.</div><div class="gmail_default"><br></div><div class="gmail_default">The next line should be Theme URI: leave this the same and add a new line just below this and add the following:</div><div class="gmail_default"><br></div><div class="gmail_default"> Theme Template: <base_theme></div><div class="gmail_default"><br></div><div class="gmail_default">This tells WordPress that you are using the original theme you downloaded as a parent theme. And it now understands that this is a child theme.</div><div class="gmail_default"><br></div><div class="gmail_default">4. While still in the style.css file in the child directory go to the last line of the top comment block and just before the css rule declarations and add:</div><div class="gmail_default"><br></div><div class="gmail_default"> @import url('../<base_theme>/style.css')</div><div class="gmail_default"><br></div><div class="gmail_default">Now WordPress will use the parent version of the style.css file unless the rule is overridden below the @import in the child version.</div><div class="gmail_default"><br></div><div class="gmail_default">This is typically how child themes are hooked up.</div><div class="gmail_default"><br></div><div class="gmail_default">WordPress always looks for the following files in the all theme directories child or parent for overrides:</div><div class="gmail_default">index.php</div><div class="gmail_default">header.php</div><div class="gmail_default">footer.php</div><div class="gmail_default">screenshot.png</div><div class="gmail_default">sidebar.php</div><div class="gmail_default">style.css</div><div class="gmail_default"><br></div><div class="gmail_default">I would also add the function.php file for hooks you need to declare.</div><div class="gmail_default"><br></div><div class="gmail_default">5. Applying Bootstrap - Normally the bootstrap directory is copied as a subdirectory into the theme or child theme directory (or both). Then it is hooked up by either adding @import statements to the css and/or paths in the .php files previously mentioned. See this as an example:</div><div class="gmail_default" style="color:rgb(34,34,34);font-family:arial,sans-serif"><font color="#0b5394" face="arial, helvetica, sans-serif"><a href="http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial">http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial</a></font><br></div><div class="gmail_default"><br></div></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sun, Apr 10, 2016 at 7:43 PM, Keith Smith <span dir="ltr"><<a href="mailto:techlists@phpcoderusa.com" target="_blank">techlists@phpcoderusa.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi James,<br>
<br>
All great suggestions and have done all of them. What I am trying to figure out is what is the accepted way to make a theme responsive. Is there a favorite framework such as Foundation or BootStrap... etc in the WordPress community.<br>
<br>
I was pleasantly surprised to discover WordPress now has several handbooks. <a href="https://developer.wordpress.org/themes/getting-started/" rel="noreferrer" target="_blank">https://developer.wordpress.org/themes/getting-started/</a> No mention of making a theme responsive. Lots of info out there just not anything that leads me to understand the "WordPress Way" of making a theme responsive.<br>
<br>
Thank you so much for your help!!<br>
<br>
Keith<span class=""><br>
<br>
<br>
<br>
<br>
On 2016-04-10 19:26, James Dugger wrote:<br>
</span><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><span class="">
Keith,<br>
<br>
First I am not a WordPress guru, but WordPress themes live as<br>
sub-directories in wp-content/themes/ (see<br>
</span><a href="https://codex.wordpress.org/Theme_Development" rel="noreferrer" target="_blank">https://codex.wordpress.org/Theme_Development</a> [2]) I would start here<span class=""><br>
and read this page. It will give you an overview of the the structure<br>
of theming in WordPress. Pay particular attention the comment blocks<br>
in the stylesheets (on the guid above) The comment blocks are read by<br>
WordPress to similar to (for themes) how Drupal uses the .info file.<br>
<br>
Also look into the use of function.php files. This is how you add<br>
behaviors to a WordPress site. In it is were you declare predefined<br>
WordPress hooks (and for plugins) new hooks you have added to the<br>
site. WordPress is a giant event loop (not unlike Drupal) In fact<br>
WordPress core developers call it "The Loop" so search the net for<br>
that term in context to your WordPress questions, this may help.<br>
<br></span>
Also the codex - <a href="https://codex.wordpress.org/" rel="noreferrer" target="_blank">https://codex.wordpress.org/</a> [3] is similar to<br>
<a href="http://api.drupal.org" rel="noreferrer" target="_blank">api.drupal.org</a> [4] it is were you learn how the php is structured in<span class=""><br>
WordPress.<br>
<br>
On Sun, Apr 10, 2016 at 8:43 AM, Keith Smith<br>
<<a href="mailto:techlists@phpcoderusa.com" target="_blank">techlists@phpcoderusa.com</a>> wrote:<br>
<br>
</span><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><span class="">
Hi,<br>
<br>
Any WordPress theming Gurus out there? I've been trying to<br>
determine the "WordPress Way" of responsive theming. Is it a<br>
framework? Is it home gown within WordPress? What is the WordPress<br>
Way?<br>
<br>
Thanks in advance for your insight!!<br>
<br>
--<br>
Keith Smith<br>
---------------------------------------------------<br>
PLUG-discuss mailing list - <a href="mailto:PLUG-discuss@lists.phxlinux.org" target="_blank">PLUG-discuss@lists.phxlinux.org</a><br>
To subscribe, unsubscribe, or to change your mail settings:<br>
</span><a href="http://lists.phxlinux.org/mailman/listinfo/plug-discuss" rel="noreferrer" target="_blank">http://lists.phxlinux.org/mailman/listinfo/plug-discuss</a> [1]<br>
</blockquote>
<br>
--<br>
<br>
James<br>
<br>
LINKEDIN [5]<br>
<br>
<br>
Links:<br>
------<br>
[1] <a href="http://lists.phxlinux.org/mailman/listinfo/plug-discuss" rel="noreferrer" target="_blank">http://lists.phxlinux.org/mailman/listinfo/plug-discuss</a><br>
[2] <a href="https://codex.wordpress.org/Theme_Development" rel="noreferrer" target="_blank">https://codex.wordpress.org/Theme_Development</a><br>
[3] <a href="https://codex.wordpress.org/" rel="noreferrer" target="_blank">https://codex.wordpress.org/</a><br>
[4] <a href="http://api.drupal.org" rel="noreferrer" target="_blank">http://api.drupal.org</a><br>
[5] <a href="http://www.linkedin.com/pub/james-h-dugger/15/64b/74a/" rel="noreferrer" target="_blank">http://www.linkedin.com/pub/james-h-dugger/15/64b/74a/</a><span class=""><br>
<br>
---------------------------------------------------<br>
PLUG-discuss mailing list - <a href="mailto:PLUG-discuss@lists.phxlinux.org" target="_blank">PLUG-discuss@lists.phxlinux.org</a><br>
To subscribe, unsubscribe, or to change your mail settings:<br>
<a href="http://lists.phxlinux.org/mailman/listinfo/plug-discuss" rel="noreferrer" target="_blank">http://lists.phxlinux.org/mailman/listinfo/plug-discuss</a><br>
</span></blockquote><div class="HOEnZb"><div class="h5">
<br>
-- <br>
Keith Smith<br>
---------------------------------------------------<br>
PLUG-discuss mailing list - <a href="mailto:PLUG-discuss@lists.phxlinux.org" target="_blank">PLUG-discuss@lists.phxlinux.org</a><br>
To subscribe, unsubscribe, or to change your mail settings:<br>
<a href="http://lists.phxlinux.org/mailman/listinfo/plug-discuss" rel="noreferrer" target="_blank">http://lists.phxlinux.org/mailman/listinfo/plug-discuss</a><br>
</div></div></blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature"><div dir="ltr"><font color="#0b5394">James</font><div><br><span style="color:rgb(255,255,255)"><span style="background-color:rgb(11,83,148)"><b><a href="http://www.linkedin.com/pub/james-h-dugger/15/64b/74a/" target="_blank"><span style="background-color:rgb(255,255,255)"><span></span><span style="color:rgb(11,83,148)">Linkedin<span></span></span></span></a></b></span></span><br></div></div></div>
</div>