Wordpress theme development and bootstrap [closed] - wordpress

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I just started to explore the Bootstrap project which seems nice to use in web development. I read some articles, some of them where sceptical to the combination of Wordpress and Bootstrap. This was due to the fact that (as I understand it) Bootstrap has it's own pre defined classes that you are supposed to add to your html tags, while Wordpress has another set of classes for the same elements.
I understand the problem and I would like to know if there are any "best practices" regarding this. I know that there exists plugins for this task but I like to understand this myself. I think that the trickiest part is the auto generated wp-menus and those things, am I right?
Question:
I think (without further investigation) that I in some situations want to map a wordpress class (eg. wp-menu classes) to a Bootstrap class. How do I do that?

Twitter Bootstrap will help you to build responsive theme for wordpress quickly. You can check the following link to know the difference of major common twitter bootstrap's classes that means when you should use which sets of class. If you want to add or alter the class of Wordpress menu, you should customize the Walker_Nav_Menu class. This link will help you. You can follow the wordpress standard. And finally there are many wordpress theme development frameworks which have already bootstrap. i.e. roots, underscores and so on. I like these both.

Related

Where did I put this one line of css? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 days ago.
Improve this question
So I'm a bit lost. There are so many places to tuck away custom css between the WordPress customizer and Elementor Pro, and I added some css to style a couple little recurring anchor tags in a file sharing list, but now I can't remember where I put it and can't find it. I have looked in every place I can think of.
I know now that I can put all of my additional css in the theme file (I created a child theme for that reason) but that doesn't help me now to find that one darn line of code to edit it.
I did use the page source and found the css I added but where is the source file located so I can edit it?
I am completely self taught through various resources and prerecorded classes online so I don't know what I don't know. I am pretty good with working in WordPress but I am new to editing the file itself rather than using custom code on individual pages via a plugin.
Since you have not mentioned if the styles are applied to all web pages or to a particular page, I will try to help with the general answer which will help you to solve the problem you are experiencing. There are two ways you solve this issues one is adding styles to Elemantor Pro or by adding it to wordpress directly. To add styles to using Elemantor Pro is by right clicking on the element edit button and go to advanced and in advanced you will have custom CSS, for further info read more. Similarly you can to add custom CSS in wordpress by following link here

Bootstrap - WordPress Conversion [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
This is not exactly a specific question, I am just looking for some advice really.
I know how to create websites using Bootstrap however I have just realized that WordPress has an awful lot of great plugins (contact page, ecommerce sites, blog plugins) that would come in very handy for the Bootstrap website I am trying to create.
I am wondering is it possible to integrate the 2 platforms together so I can keep my custom bootstrap layout and responsiveness but that I am able to incorporate some of the handy plugins that WordPress provides also.
Thanks
Colm.
I think yes, you can use any plugins with Bootstrap you want because if the plugin is not in the Bootstrap framework then it will have its own class and CSS for desktop and responsive mode so it will not conflict with Bootstrap hierarchy.
You can also overwrite the CSS if you want that will also help.

Is it common practice to cut portion of Bootstrap file and copy it in custom css files? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I've seen in the HTML code of many websites classes like .col-sm-4 and couldn't find a bootstrap css file in the resources. Do they make their custom classes with the same names of Bootstrap or what are they doing at all? Thanks...
You can customize your Bootstrap package here: http://getbootstrap.com/customize/
Most custom built sites just include Grid system and Responsive utilities. You might not see bootstrap.css simply because it's part of their combined and minified main CSS file.
I can't speak to how common it is overall, but I have certainly stripped out Bootstrap files in the past, and used my own instead. Depending on how custom the styles are going to be, removing the Bootstrap CSS can reduce a lot of bloat.
Few possible reasons:
Bootstrap is not the only framework that uses such naming convention (i.e. .col-sm-*). They may be using other CSS framework.
They are indeed cutting out parts of bootstrap or other framework. It is certainly possible and doable, but know what you're doing and do it with caution.
They are combining their CSS files into one single one. You may not see bootstrap.css file in list of resources, but the actual bootstrap.css has been merged with other css files into one. This is a good practice as users don't have to make multiple file requests.

How to get around with conflict of bootstrap class names [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
We got a project which was handed to over to us by the client. In that say 38 screens are to be developed by us, the thing is they have already developed several screens before hand(more than 20) and handed over to us. The app is a hybrid mobile app, single page(using angular) and cordova. So the thing is they did not use any framework like bootstrap to develop the pages they have developed before handling it over to us. And other thing to note is since we have to use angular, all the css files will be minified into a single file. And they used the class names like row in their project, which are conflicting with the names in the bootstrap. But desperately want to use bootstrap, is there any way that we can use bootstrap without conflicting their already developed class names, or simply put, we don't want to modify their old classes in css, In a single page environment. Any suggestions are welcome.
Yes there is one solution, isolating Bootstrap CSS.
The idea is editing the bootstrap LESS file, and crunching adding a class (Suppose bootstrap-iso) before every element and to use bootstrap wrapping around like this
<div class="bootstrap-iso">
<!-- Any HTML here will be styled with Bootstrap CSS -->
</div>
Good news is you don't need to crunch and change : Here is link of crunched css file
Get this file, link to your site and use wrapping around like above. Hope this would be helpful to you.
Reference, Learn More

Drupal to Wordpress migration - Keeping the theme same [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I have a Drupal site and I've have made a decision to migrate it to Wordpress. I want to keep the same design/theme in my new WP site.
I'm wondering what part of current Drupal theme can be used in the new WP theme. Can the HTML/CSS, JS be re-used? If yes, the how?
I don't have any experience with theming so I am curious to know this.
Any help would be really appreciated.
Thanks in Advance!
I see no reason why you couldn't do that the css and js should work fine with no modification at all. You will need to do a lot of work on the html first you will have to remove the php or template tags that drupal uses (Not sure how it does it's templates). Then what I suggest you do is take a look at another wordpress theme and replicate the structure and theme files. Take the html from you drupal theme and add it to the wordpress pages style it how you like, now you will need to do some research on how to get what you need out of wordpress this is often done with php tags so your theme files for wordpress will need to be .php it is best to have a header and footer php that you can include all you links to the css and javascript. Hope this helps comment bellow if you need more help.

Resources