The best way to include bootstrap in your theme is to enqueue bootstrap CSS and JS in your functions.php file. This is how you can enqueue bootstrap CSS and JS from CDN hosted version. function my_scripts_enqueue() { wp_register_script( ‘bootstrap-js’, ‘//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js’, array(‘jquery’), NULL, true ); wp_register_style( ‘bootstrap-css’, ‘//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css’, false, NULL, ‘all’ ); wp_enqueue_script( ‘bootstrap-js’ ); wp_enqueue_style( … Read more
Never mind I got it. I used <?php the_ID(); ?> to set unique id’s but even so that was not the problem. Turns out the first accordion had a class of “in” so the real question was How can I only give a class to the first post of a loop? and I did that … Read more
You have to edit the files in: wordpress/wp-content/themes/twentyseventeen/template-parts/navigation/navigation-top.php and then create a custom walker, try to take a look here. Try in this way: <?php /** * Displays top navigation * * @package WordPress * @subpackage Twenty_Seventeen * @since 1.0 * @version 1.2 */ ?> <div class=”container”> <nav class=”navbar navbar-expand-lg navbar-light” id=”mainNav”> <a class=”navbar-brand js-scroll-trigger” … Read more
You can make use of featured images as suggested by @gmazzap in comments. This featured image will not be included in post content. However, if you already have your images included in post content, then you need to strip the post content down in two parts, as you’ve said in your question. I have two … Read more
For a copy paste solution check this custom Walker out: http://goodandorgreat.wordpress.com/2012/01/12/update-2-using-twitter-bootstrap-dropdown-menus-with-wordpress/ It’s missing one or two things like data-toggle=”dropdown” and <b class=”caret”></b>. It should be quite easy to figure that out, but here’s my modified version: https://gist.github.com/1817371 Hope that helps.
You will need to write a custom walker extending Walker_Nav_Menu, more or less like so: class My_Custom_Nav_Walker extends Walker_Nav_Menu { function start_lvl(&$output, $depth = 0, $args = array()) { $output .= “\n<ul class=\”dropdown-menu\”>\n”; } function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) { $item_html=””; parent::start_el($item_html, $item, $depth, $args); if ( $item->is_dropdown … Read more
PHP way: Add the following to your functions.php file. Filter nav_menu_link_attributes: add_filter( ‘nav_menu_link_attributes’, ‘my_menu_atts’, 10, 3 ); function my_menu_atts( $atts, $item, $args ) { // Provide the id of the targeted menu item $menu_target = 123; // inspect $item if ($item->ID == $menu_target) { // original post used a comma after ‘modal’ but this caused … Read more
I just ran into this issue as well, the cause of this is that at 600 pixels wide the admin bar goes from being position:fixed to position:absolute; When fixed, it is locked to the top of the screen (top:0) When absolute it is locked to the top of the closest container that contains it. This … Read more
Here some thing interesting for you STEP 1 add a script to header like below ( it’s always better go for the enqueue method . i need some one to help me with properly adding the below script in WordPress way .jquery should run before the second script> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script> <script> $(document).ready(function () { … Read more
Your theme should not depends on any external link library. There is no guarantee when that library can be taken down. That’s the reason all of your theme assets should be package with theme, to prevent the future risk.