Discussion:
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
Haluk Karamete
2013-08-04 20:21:08 UTC
Permalink
For establishing a solid foundation in the on-going business of creating
professional WordPress themes, what would be the best approach so that the
themes you produce are "powered by" _s and the twitter bootstrap?

It seems like there are some cross overs between the two; and that confuses
me.

The fact that they both are from different developers and they tend to work
in their own isolated islands, I have a hard time integrating them in a
future proof way. Even though _s is a bare bone theme and the amount of
"undoing" to get you start is down to minimum, there is still work
involved, there is still some undo's to go thru. Responsiveness and the
layout system, class names etc..

So far I am seeing the matter this way;

I download and use the "_s" because working with "_s" would give me the
proper head-start in building my solid theme. By that, I will be able to
effortlessly start off with a theme which shines as far as all the WP best
practices out there and the PHP side of things. Let's simplify this point
and call that the reason I download "_s" is because I want to take care of
the server side part of my theme.

and then I download the twitter bootstrap.
I do this because working with bootstrap would give me the "talk of the
town" the client side of things.. bootsrap catching the world on fire..
more and more people are adopting just like the android... their
responsiveness and the easy to work with grid system (which makes more and
more people being familiar with ) is I THINK where _s will be "UN-DONE". So
to simplify, let's say, the reason I download "bootstrap" is because I want
to take care of the client side part of my theme.

and then comes the 3rd moving part... I have to add my own touch ( my
bells and my whistles ) to the above two. I do this because I want to make
my theme, well simply different, I want it to be noticeable in market
places and so on..

When you have 3 moving parts like this ( and they all have their own
respective areas of wall of fame ) and the latter overwrites the former,
what do you do?

when my client download that parent theme and follows the instructions that
he creates a child theme off of that, how do I make sure so that when one
or more of the above moving parts updated, I can tell my client to update
the parent theme in a future proof way? Is that even possible?

One easy solution to this would be to tell the guys at twitter to work with
the guys at Automattic. That would have solved the problem, but I don't
think that's gonna happen. :(

so what would be your take on this?

thx.

this question is also available at
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
Ünsal Korkmaz
2013-08-04 20:48:58 UTC
Permalink
I strongly recommed you to consider FirmaSite <http://theme.firmasite.com/> as
your parent theme. You can customize it with Child
Themes<http://theme.firmasite.com/child-theme/>
.
Basically its using *ONLY* Bootstrap for WordPress, BuddyPress and bbPress.
And those plugin's css files are removed! only bootstrap!
That means you can add new bootstrap styles to system with child-themes and
your all WordPress, BuddyPress and bbPress will use your new bootstrap
style. Do you need dark theme? no problem. Still same rules.

Here is 2 example child-theme:
http://social.theme.firmasite.com/
http://shop.theme.firmasite.com/ (Didnt release yet. Will be my first
premium theme. WooCommerce support and BuddyPress + WooCommerce
integration! )

Basically, its good codes theme and its best for Bootstrap + WordPress.
There is no any other theme that only using bootstrap components and
disables BuddyPress, bbPress ad woocommerce custom css.
Post by Haluk Karamete
For establishing a solid foundation in the on-going business of creating
professional WordPress themes, what would be the best approach so that the
themes you produce are "powered by" _s and the twitter bootstrap?
It seems like there are some cross overs between the two; and that confuses
me.
The fact that they both are from different developers and they tend to work
in their own isolated islands, I have a hard time integrating them in a
future proof way. Even though _s is a bare bone theme and the amount of
"undoing" to get you start is down to minimum, there is still work
involved, there is still some undo's to go thru. Responsiveness and the
layout system, class names etc..
So far I am seeing the matter this way;
I download and use the "_s" because working with "_s" would give me the
proper head-start in building my solid theme. By that, I will be able to
effortlessly start off with a theme which shines as far as all the WP best
practices out there and the PHP side of things. Let's simplify this point
and call that the reason I download "_s" is because I want to take care of
the server side part of my theme.
and then I download the twitter bootstrap.
I do this because working with bootstrap would give me the "talk of the
town" the client side of things.. bootsrap catching the world on fire..
more and more people are adopting just like the android... their
responsiveness and the easy to work with grid system (which makes more and
more people being familiar with ) is I THINK where _s will be "UN-DONE". So
to simplify, let's say, the reason I download "bootstrap" is because I want
to take care of the client side part of my theme.
and then comes the 3rd moving part... I have to add my own touch ( my
bells and my whistles ) to the above two. I do this because I want to make
my theme, well simply different, I want it to be noticeable in market
places and so on..
When you have 3 moving parts like this ( and they all have their own
respective areas of wall of fame ) and the latter overwrites the former,
what do you do?
when my client download that parent theme and follows the instructions that
he creates a child theme off of that, how do I make sure so that when one
or more of the above moving parts updated, I can tell my client to update
the parent theme in a future proof way? Is that even possible?
One easy solution to this would be to tell the guys at twitter to work with
the guys at Automattic. That would have solved the problem, but I don't
think that's gonna happen. :(
so what would be your take on this?
thx.
this question is also available at
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Haluk Karamete
2013-08-05 14:56:27 UTC
Permalink
Thank you Unsal for your reply. I checked out your theme. It's great. But I
was more on the side of learning about the theoretical approach to take as
how to combine the two jems the right way - as opposed to simply grab a
theme and start using it.

Thank you for your link anyway.
Post by Ünsal Korkmaz
I strongly recommed you to consider FirmaSite <http://theme.firmasite.com/> as
your parent theme. You can customize it with Child
Themes<http://theme.firmasite.com/child-theme/>
.
Basically its using *ONLY* Bootstrap for WordPress, BuddyPress and bbPress.
And those plugin's css files are removed! only bootstrap!
That means you can add new bootstrap styles to system with child-themes and
your all WordPress, BuddyPress and bbPress will use your new bootstrap
style. Do you need dark theme? no problem. Still same rules.
http://social.theme.firmasite.com/
http://shop.theme.firmasite.com/ (Didnt release yet. Will be my first
premium theme. WooCommerce support and BuddyPress + WooCommerce
integration! )
Basically, its good codes theme and its best for Bootstrap + WordPress.
There is no any other theme that only using bootstrap components and
disables BuddyPress, bbPress ad woocommerce custom css.
Post by Haluk Karamete
For establishing a solid foundation in the on-going business of creating
professional WordPress themes, what would be the best approach so that
the
Post by Haluk Karamete
themes you produce are "powered by" _s and the twitter bootstrap?
It seems like there are some cross overs between the two; and that
confuses
Post by Haluk Karamete
me.
The fact that they both are from different developers and they tend to
work
Post by Haluk Karamete
in their own isolated islands, I have a hard time integrating them in a
future proof way. Even though _s is a bare bone theme and the amount of
"undoing" to get you start is down to minimum, there is still work
involved, there is still some undo's to go thru. Responsiveness and the
layout system, class names etc..
So far I am seeing the matter this way;
I download and use the "_s" because working with "_s" would give me the
proper head-start in building my solid theme. By that, I will be able to
effortlessly start off with a theme which shines as far as all the WP
best
Post by Haluk Karamete
practices out there and the PHP side of things. Let's simplify this point
and call that the reason I download "_s" is because I want to take care
of
Post by Haluk Karamete
the server side part of my theme.
and then I download the twitter bootstrap.
I do this because working with bootstrap would give me the "talk of the
town" the client side of things.. bootsrap catching the world on fire..
more and more people are adopting just like the android... their
responsiveness and the easy to work with grid system (which makes more
and
Post by Haluk Karamete
more people being familiar with ) is I THINK where _s will be "UN-DONE".
So
Post by Haluk Karamete
to simplify, let's say, the reason I download "bootstrap" is because I
want
Post by Haluk Karamete
to take care of the client side part of my theme.
and then comes the 3rd moving part... I have to add my own touch ( my
bells and my whistles ) to the above two. I do this because I want to
make
Post by Haluk Karamete
my theme, well simply different, I want it to be noticeable in market
places and so on..
When you have 3 moving parts like this ( and they all have their own
respective areas of wall of fame ) and the latter overwrites the former,
what do you do?
when my client download that parent theme and follows the instructions
that
Post by Haluk Karamete
he creates a child theme off of that, how do I make sure so that when one
or more of the above moving parts updated, I can tell my client to update
the parent theme in a future proof way? Is that even possible?
One easy solution to this would be to tell the guys at twitter to work
with
Post by Haluk Karamete
the guys at Automattic. That would have solved the problem, but I don't
think that's gonna happen. :(
so what would be your take on this?
thx.
this question is also available at
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
Post by Haluk Karamete
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Ünsal Korkmaz
2013-08-05 15:11:37 UTC
Permalink
Well..
As someone who tried same
thing<http://wordpress.stackexchange.com/questions/82329/a-guide-or-tool-for-inserting-bootstrap-in-underscores-theme>
before,
my opinion: you *cant* blend bootstrap in themes. You have 2 option in my
opinion:

- Your priority can be theme rather then bootstrap, so you have to
modify bootstrap for that theme
or
- Your priority can be bootstrap, so you have to write/modify theme for
using bootstrap components.

Basically this is why i start to wrote this theme in that time. Frontend
development is not like php coding.
Post by Haluk Karamete
Thank you Unsal for your reply. I checked out your theme. It's great. But I
was more on the side of learning about the theoretical approach to take as
how to combine the two jems the right way - as opposed to simply grab a
theme and start using it.
Thank you for your link anyway.
Post by Ünsal Korkmaz
I strongly recommed you to consider FirmaSite <
http://theme.firmasite.com/>
Post by Ünsal Korkmaz
as
your parent theme. You can customize it with Child
Themes<http://theme.firmasite.com/child-theme/>
.
Basically its using *ONLY* Bootstrap for WordPress, BuddyPress and
bbPress.
Post by Ünsal Korkmaz
And those plugin's css files are removed! only bootstrap!
That means you can add new bootstrap styles to system with child-themes
and
Post by Ünsal Korkmaz
your all WordPress, BuddyPress and bbPress will use your new bootstrap
style. Do you need dark theme? no problem. Still same rules.
http://social.theme.firmasite.com/
http://shop.theme.firmasite.com/ (Didnt release yet. Will be my first
premium theme. WooCommerce support and BuddyPress + WooCommerce
integration! )
Basically, its good codes theme and its best for Bootstrap + WordPress.
There is no any other theme that only using bootstrap components and
disables BuddyPress, bbPress ad woocommerce custom css.
Post by Haluk Karamete
For establishing a solid foundation in the on-going business of
creating
Post by Ünsal Korkmaz
Post by Haluk Karamete
professional WordPress themes, what would be the best approach so that
the
Post by Haluk Karamete
themes you produce are "powered by" _s and the twitter bootstrap?
It seems like there are some cross overs between the two; and that
confuses
Post by Haluk Karamete
me.
The fact that they both are from different developers and they tend to
work
Post by Haluk Karamete
in their own isolated islands, I have a hard time integrating them in a
future proof way. Even though _s is a bare bone theme and the amount of
"undoing" to get you start is down to minimum, there is still work
involved, there is still some undo's to go thru. Responsiveness and the
layout system, class names etc..
So far I am seeing the matter this way;
I download and use the "_s" because working with "_s" would give me the
proper head-start in building my solid theme. By that, I will be able
to
Post by Ünsal Korkmaz
Post by Haluk Karamete
effortlessly start off with a theme which shines as far as all the WP
best
Post by Haluk Karamete
practices out there and the PHP side of things. Let's simplify this
point
Post by Ünsal Korkmaz
Post by Haluk Karamete
and call that the reason I download "_s" is because I want to take
care
Post by Ünsal Korkmaz
of
Post by Haluk Karamete
the server side part of my theme.
and then I download the twitter bootstrap.
I do this because working with bootstrap would give me the "talk of the
town" the client side of things.. bootsrap catching the world on
fire..
Post by Ünsal Korkmaz
Post by Haluk Karamete
more and more people are adopting just like the android... their
responsiveness and the easy to work with grid system (which makes more
and
Post by Haluk Karamete
more people being familiar with ) is I THINK where _s will be
"UN-DONE".
Post by Ünsal Korkmaz
So
Post by Haluk Karamete
to simplify, let's say, the reason I download "bootstrap" is because I
want
Post by Haluk Karamete
to take care of the client side part of my theme.
and then comes the 3rd moving part... I have to add my own touch ( my
bells and my whistles ) to the above two. I do this because I want to
make
Post by Haluk Karamete
my theme, well simply different, I want it to be noticeable in market
places and so on..
When you have 3 moving parts like this ( and they all have their own
respective areas of wall of fame ) and the latter overwrites the
former,
Post by Ünsal Korkmaz
Post by Haluk Karamete
what do you do?
when my client download that parent theme and follows the instructions
that
Post by Haluk Karamete
he creates a child theme off of that, how do I make sure so that when
one
Post by Ünsal Korkmaz
Post by Haluk Karamete
or more of the above moving parts updated, I can tell my client to
update
Post by Ünsal Korkmaz
Post by Haluk Karamete
the parent theme in a future proof way? Is that even possible?
One easy solution to this would be to tell the guys at twitter to work
with
Post by Haluk Karamete
the guys at Automattic. That would have solved the problem, but I don't
think that's gonna happen. :(
so what would be your take on this?
thx.
this question is also available at
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
Post by Ünsal Korkmaz
Post by Haluk Karamete
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
K. Adam White
2013-08-05 18:08:24 UTC
Permalink
While _s doesn't support Bootstrap, there are other popular starter themes
which do. I've used Roots in the past (www.rootstheme.com), and I suspect
I'd start there again were I to want to base my theme on Bootstrap's styles.
Post by Ünsal Korkmaz
Well..
As someone who tried same
thing<
http://wordpress.stackexchange.com/questions/82329/a-guide-or-tool-for-inserting-bootstrap-in-underscores-theme
before,
my opinion: you *cant* blend bootstrap in themes. You have 2 option in my
- Your priority can be theme rather then bootstrap, so you have to
modify bootstrap for that theme
or
- Your priority can be bootstrap, so you have to write/modify theme for
using bootstrap components.
Basically this is why i start to wrote this theme in that time. Frontend
development is not like php coding.
Post by Haluk Karamete
Thank you Unsal for your reply. I checked out your theme. It's great.
But I
Post by Haluk Karamete
was more on the side of learning about the theoretical approach to take
as
Post by Haluk Karamete
how to combine the two jems the right way - as opposed to simply grab a
theme and start using it.
Thank you for your link anyway.
Post by Ünsal Korkmaz
I strongly recommed you to consider FirmaSite <
http://theme.firmasite.com/>
Post by Ünsal Korkmaz
as
your parent theme. You can customize it with Child
Themes<http://theme.firmasite.com/child-theme/>
.
Basically its using *ONLY* Bootstrap for WordPress, BuddyPress and
bbPress.
Post by Ünsal Korkmaz
And those plugin's css files are removed! only bootstrap!
That means you can add new bootstrap styles to system with child-themes
and
Post by Ünsal Korkmaz
your all WordPress, BuddyPress and bbPress will use your new bootstrap
style. Do you need dark theme? no problem. Still same rules.
http://social.theme.firmasite.com/
http://shop.theme.firmasite.com/ (Didnt release yet. Will be my first
premium theme. WooCommerce support and BuddyPress + WooCommerce
integration! )
Basically, its good codes theme and its best for Bootstrap + WordPress.
There is no any other theme that only using bootstrap components and
disables BuddyPress, bbPress ad woocommerce custom css.
On Sun, Aug 4, 2013 at 11:21 PM, Haluk Karamete <
Post by Haluk Karamete
For establishing a solid foundation in the on-going business of
creating
Post by Ünsal Korkmaz
Post by Haluk Karamete
professional WordPress themes, what would be the best approach so
that
Post by Haluk Karamete
Post by Ünsal Korkmaz
the
Post by Haluk Karamete
themes you produce are "powered by" _s and the twitter bootstrap?
It seems like there are some cross overs between the two; and that
confuses
Post by Haluk Karamete
me.
The fact that they both are from different developers and they tend
to
Post by Haluk Karamete
Post by Ünsal Korkmaz
work
Post by Haluk Karamete
in their own isolated islands, I have a hard time integrating them
in a
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
future proof way. Even though _s is a bare bone theme and the amount
of
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
"undoing" to get you start is down to minimum, there is still work
involved, there is still some undo's to go thru. Responsiveness and
the
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
layout system, class names etc..
So far I am seeing the matter this way;
I download and use the "_s" because working with "_s" would give me
the
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
proper head-start in building my solid theme. By that, I will be able
to
Post by Ünsal Korkmaz
Post by Haluk Karamete
effortlessly start off with a theme which shines as far as all the WP
best
Post by Haluk Karamete
practices out there and the PHP side of things. Let's simplify this
point
Post by Ünsal Korkmaz
Post by Haluk Karamete
and call that the reason I download "_s" is because I want to take
care
Post by Ünsal Korkmaz
of
Post by Haluk Karamete
the server side part of my theme.
and then I download the twitter bootstrap.
I do this because working with bootstrap would give me the "talk of
the
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
town" the client side of things.. bootsrap catching the world on
fire..
Post by Ünsal Korkmaz
Post by Haluk Karamete
more and more people are adopting just like the android... their
responsiveness and the easy to work with grid system (which makes
more
Post by Haluk Karamete
Post by Ünsal Korkmaz
and
Post by Haluk Karamete
more people being familiar with ) is I THINK where _s will be
"UN-DONE".
Post by Ünsal Korkmaz
So
Post by Haluk Karamete
to simplify, let's say, the reason I download "bootstrap" is because
I
Post by Haluk Karamete
Post by Ünsal Korkmaz
want
Post by Haluk Karamete
to take care of the client side part of my theme.
and then comes the 3rd moving part... I have to add my own touch (
my
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
bells and my whistles ) to the above two. I do this because I want to
make
Post by Haluk Karamete
my theme, well simply different, I want it to be noticeable in market
places and so on..
When you have 3 moving parts like this ( and they all have their own
respective areas of wall of fame ) and the latter overwrites the
former,
Post by Ünsal Korkmaz
Post by Haluk Karamete
what do you do?
when my client download that parent theme and follows the
instructions
Post by Haluk Karamete
Post by Ünsal Korkmaz
that
Post by Haluk Karamete
he creates a child theme off of that, how do I make sure so that when
one
Post by Ünsal Korkmaz
Post by Haluk Karamete
or more of the above moving parts updated, I can tell my client to
update
Post by Ünsal Korkmaz
Post by Haluk Karamete
the parent theme in a future proof way? Is that even possible?
One easy solution to this would be to tell the guys at twitter to
work
Post by Haluk Karamete
Post by Ünsal Korkmaz
with
Post by Haluk Karamete
the guys at Automattic. That would have solved the problem, but I
don't
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
think that's gonna happen. :(
so what would be your take on this?
thx.
this question is also available at
http://wordpress.stackexchange.com/questions/108970/how-to-integrate-the-twitter-bootstrap-into-s-in-the-most-future-proof-way
Post by Haluk Karamete
Post by Ünsal Korkmaz
Post by Haluk Karamete
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Loading...