Cool Thanks!!
On 2016-04-10 20:52, James Dugger wrote:
Okay It depends on how custom you want to go. Both Twitter Bootstrap
and Foundation framework can be utilized.
You can create your own custom theme from scratch or you can create a
child theme that uses a base theme.
To create a child theme that uses a base theme.
1. Copy a base theme (any theme you want to start with) into
wp-content/themes/
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.
3. Go into the new child directory and open the style.css file and
change:
Theme Name: <base_theme>
to
Theme Name: <basetheme-child
The next line should be Theme URI: leave this the same and add a new
line just below this and add the following:
Theme Template: basetheme
This tells WordPress that you are using the original theme you
downloaded as a parent theme.
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:
@import url('../basetheme/style.css')
Now WordPress will use the parent version of the style.css file unless
the rule is overridden below the @import in the child version.
This is typically how child themes are hooked up.
WordPress always looks for the following files in the child themes
folder for overrides:
index.php
header.php
footer.php
screenshot.png
sidebar.php
style.css
I would also add the function.php file for hooks you need to declare.
5. Applying Bootstrap - Normally the bootstrap directory is copied as
a subdirectory into the theme or child theme directory. Then the it
is hooked up by either adding @import statements to the css or paths
in the .php files previously mentioned. See this as an example:
http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial
[7]
On Sun, Apr 10, 2016 at 7:43 PM, Keith Smith
<[email protected]> wrote:
Hi James,
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.
I was pleasantly surprised to discover WordPress now has several
handbooks. https://developer.wordpress.org/themes/getting-started/
[1] 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.
Thank you so much for your help!!
Keith
On 2016-04-10 19:26, James Dugger wrote:
Keith,
First I am not a WordPress guru, but WordPress themes live as
sub-directories in wp-content/themes/ (see
https://codex.wordpress.org/Theme_Development [2] [2]) I would
start here
and read this page. It will give you an overview of the the
structure
of theming in WordPress. Pay particular attention the comment
blocks
in the stylesheets (on the guid above) The comment blocks are read
by
WordPress to similar to (for themes) how Drupal uses the .info
file.
Also look into the use of function.php files. This is how you add
behaviors to a WordPress site. In it is were you declare
predefined
WordPress hooks (and for plugins) new hooks you have added to the
site. WordPress is a giant event loop (not unlike Drupal) In fact
WordPress core developers call it "The Loop" so search the net for
that term in context to your WordPress questions, this may help.
Also the codex - https://codex.wordpress.org/ [3] [3] is similar
to
api.drupal.org [4] [4] it is were you learn how the php is
structured in
WordPress.
On Sun, Apr 10, 2016 at 8:43 AM, Keith Smith
<[email protected]> wrote:
Hi,
Any WordPress theming Gurus out there? I've been trying to
determine the "WordPress Way" of responsive theming. Is it a
framework? Is it home gown within WordPress? What is the WordPress
Way?
Thanks in advance for your insight!!
--
Keith Smith
---------------------------------------------------
PLUG-discuss mailing list - [email protected]
To subscribe, unsubscribe, or to change your mail settings:
http://lists.phxlinux.org/mailman/listinfo/plug-discuss [5] [1]
--
James
LINKEDIN [5]
Links:
------
[1] http://lists.phxlinux.org/mailman/listinfo/plug-discuss [5]
[2] https://codex.wordpress.org/Theme_Development [2]
[3] https://codex.wordpress.org/ [3]
[4] http://api.drupal.org [4]
[5] http://www.linkedin.com/pub/james-h-dugger/15/64b/74a/ [6]
---------------------------------------------------
PLUG-discuss mailing list - [email protected]
To subscribe, unsubscribe, or to change your mail settings:
http://lists.phxlinux.org/mailman/listinfo/plug-discuss [5]
--
Keith Smith
---------------------------------------------------
PLUG-discuss mailing list - [email protected]
To subscribe, unsubscribe, or to change your mail settings:
http://lists.phxlinux.org/mailman/listinfo/plug-discuss [5]
--
James
LINKEDIN [6]
Links:
------
[1] https://developer.wordpress.org/themes/getting-started/
[2] https://codex.wordpress.org/Theme_Development
[3] https://codex.wordpress.org/
[4] http://api.drupal.org
[5] http://lists.phxlinux.org/mailman/listinfo/plug-discuss
[6] http://www.linkedin.com/pub/james-h-dugger/15/64b/74a/
[7]
http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial
---------------------------------------------------
PLUG-discuss mailing list - [email protected]
To subscribe, unsubscribe, or to change your mail settings:
http://lists.phxlinux.org/mailman/listinfo/plug-discuss
--
Keith Smith
---------------------------------------------------
PLUG-discuss mailing list - [email protected]
To subscribe, unsubscribe, or to change your mail settings:
http://lists.phxlinux.org/mailman/listinfo/plug-discuss
