What are the downsides of using bootstrap in plugin development?

Yes, there are clearly challenges to using such a public dependency as Bootstrap, especially in a public plugin: version conflicts; styling conflicts; script conflicts. To minimize possibility of conflict and breakage you would need to consider following extra steps: Importing just the necessary Bootstrap styles into your stylesheet and making them specific to only markup … Read more

Carousel slider with WP_Query to show 3 posts on each slide

Despite your question is a generic PHP programming problem, what you’re trying to do can be achieved like so, where the key is the $i which is a custom while counter: <div class=”carousel-inner” role=”listbox”> <?php if ( $popular_services->have_posts() ) : $i = 0; // add this counter while ( $popular_services->have_posts() ) : $popular_services->the_post(); ?> <?php … Read more

How to display a list of authors in bootstrap grid?

Not many ways to style the wp_list_author but you can use the style => ‘list’ argument to display authors in <li> and then style your <ul>as wanted. https://developer.wordpress.org/reference/functions/wp_list_authors/ <div class=”container”> <div class=”row”> <div class=”col-lg-4″> <ul class=”d-flex”> <?php wp_list_authors( array( ‘exclude’ => 4, ‘show_fullname’ => 1, ‘optioncount’ => 1, ‘orderby’ => ‘post_count’, ‘order’ => ‘DESC’, ‘number’ … Read more

Convert theme to be based on Bootstrap?

I have created at least two wordpress themes using Bootstrap 3. In fact, is not complicated at all. Besides the obvious, you need keep in mind three things to do: Enqueuing correctly both the bootstrap styles and scripts Set up an own “Walker Nav Menu” that override the default walker for create drop-down menus Change … Read more

How can I allow a client to edit certain parts of a static site?

in first you have to know how convert your static html pages into wordpress themes , then about your navbar put this code in your theme function.php function register_my_menu() { register_nav_menu(‘header-menu’,__( ‘Header Menu’ ));}add_action( ‘init’, ‘register_my_menu’ ); then go to your header.php where your navbar is and remove nav and put this code in it … Read more

Bootstrap 4 Optimization

You just make a big mistake. use this guideline. header.php <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”> You also made a mistake calling js file. Frist needs jQuery then popper.js then bootstrap and the big mistake is you call all of them in the header file, that’s why when the page is loaded it takes time to … Read more