BuSo Lightning - Official Support Thread

Stephen

Ecommerce SEO / SEM
BuSo Pro
Joined
Jan 21, 2015
Messages
221
Likes
117
Degree
1
Hi All.

I've used this theme in the past without many modifications. I'm thinking (please correct me) that if this is a truely minimal Wordpress theme and I am happy with it at this stage, I could ask my dev to use this as a Child Theme to make the customisations I want. Is that possible?
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
@Stephen, Correct. You could do it as a child theme or edit the theme itself at this point (go child theme though). There's no updates being pushed out or any way to auto-update anyways. It's in it's final stage, where everything that needs to be there is there, and anything extra is up to you to add.

The only update that might come in the future is entirely based on what Wordpress does with Gutenberg and how the CSS plays out with their "blocks" or whatever they're calling them. Even then, you'd have to add the update yourself, which will likely just be additional CSS you could add at the bottom of the current CSS file.

Child theme is the most future-proof method of adding onto it.
 

mikey3times

BuSo Pro
Joined
Aug 25, 2018
Messages
119
Likes
98
Degree
0
I’m not sure if this is a problem with the theme, but Wordpress doesn’t enqueue jquery or jquery-migrate when I switch to BuSo Lightning. My other themes don’t have this issue. I can’t find anything in Lightning’s functions.php that is stopping them from loading.

I guess I can just have them loaded in the header, but I don’t want to have the extra code if it isn’t required.

I’m in WP5 if that makes a difference. I discovered it since the mobile menu isn’t working in any of my browsers across all devices and I get a console error that the menu.min.js can’t find a function named $.
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
@mikey3times, just hang tight. I'll investigate that when I address the rest of the changes that I need to make for WP 5.0. I may be able to start working on it within a few days if I manage to clear some work off the table, which seems likely.
 
Joined
Aug 2, 2017
Messages
80
Likes
50
Degree
0
That's because the script is not enqueued. It's on the footer.
Delete it from the footer and add this on fuctions.php
Code:
/**
 * Enqueue a script with jQuery as a dependency.
 */
function wpdocs_scripts_method() {
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/menu.min.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_scripts_method' );
 

mikey3times

BuSo Pro
Joined
Aug 25, 2018
Messages
119
Likes
98
Degree
0
I did what @DarkRed suggested, but I still had to make the following change to the menu.js and menu.min.js files:

Code:
// For Mobile Menu Expansion
jQuery(document).ready(function($){
    $(".mobile-only").click(function(){
        if ($(".mobile-menu ul").hasClass("expanded")) {
            $(".mobile-menu ul.expanded").removeClass("expanded").slideUp(250);
            $(this).removeClass("open");
        } else {
            $(".mobile-menu ul").addClass("expanded").slideDown(250);
            $(this).addClass("open");
        }
    });
});
The key is in the first line, where you need to use jQuery instead of $ and then add a $ inside the function ().

I also added the following code to the stylesheets to make the the cursor into a hand on the mobile menu when viewed on desktop:

Code:
.mobile-menu {cursor: pointer;}
For what its worth, I think enqueuing the stylesheets is what should be done. I had to do that in my child's functions.php to make sure my child stylesheets get picked up. Again, I'm not a developer so I may be wrong.
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
For what its worth, I think enqueuing the stylesheets is what should be done. I had to do that in my child's functions.php to make sure my child stylesheets get picked up. Again, I'm not a developer so I may be wrong.
You're right and I've already added that to the update that I'll roll out ASAP. This was built before many people were using HTTP/2. Now that that's becoming fairly widespread, I'm going back to enqueueing for this theme as well as using some newer methods that'll make things even faster in regards to jQuery and other render blocking files that are forced on us with Wordpress.
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
I'm bumping this so people know it exists.

I just migrated a ton of old posts from the marketplace to this new thread and highjacked the opening post. I'll drop links to this thread in the marketplace thread too. Thanks for all the support, questions, and usage of the theme!
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
@rsheng, Good catch. This is because Wordpress is now outputting the <title> tag through wp_head so we no longer need to do it manually and so SEO plugins can hijack it and overwrite them. Wordpress usually finds the "manual" title tag and strips it out, but that's not happening in this case since I've nested it within an if/else statement and added some extra magic to it.

I'll fix that up today and maybe make another change. Thanks for pointing that out.

All you need to do if you already have this installed is delete the following out of header.php:
Code:
<title><?php if ( is_front_page() ) : ?><?php bloginfo('name'); ?><?php else : ?><?php wp_title('| ', true, 'right'); ?><?php bloginfo('name'); ?><?php endif; ?></title>
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
Is there a place to download the newest version of Buso Lightning? I could only find links to the 2.0 version.
The Marketplace Thread here: BuSo Lightning - The Fastest Wordpress Theme

It contains the most up-to-date version. We don't host any old versions. @CCarter made me aware that I had failed to update the version in the CSS file, which is now done. The most current version is 3.1.1, and if you got your "2.0 version" from the thread linked above, then you have the 3.1.1 version. I had simply forgotten to increment the version number in the CSS / readme files.
 
Joined
Apr 23, 2019
Messages
29
Likes
17
Degree
0
I decided to try BuSo lightning for a side project.
I set it up, and wrote 2 blogposts. That's it.

I tried to check my websites mobile speed, and got this result:

No images, just text. Not even an image for a logo.
I'm not sure of a checklist of where to start to increase the speed.

Some other tests:

-----

I know that I am not supposed to just use somebody else's work and expect it to be fast.
But from what I understood, BuSo lightning stripped everything back to it's essentials.

From that perspective it's hard to see how it can get a low grade. Especially since I haven't done anything to change it.

What I get out of my info, is that I should be caching more.
Not sure what "compress transfer" is, but at a guess it would be having my images compressed?

Everything else I'm inclined to blame on my hosting. I fear this is the noob way of looking at it.
It also seems to be completely wrong, because my other website scores like this:

This website is bigger, has images, and is on the same hosting.

I'm feel like an idiot having to ask this... But I really don't see how this can be.
The only difference is that my second website runs on Prestashop.

I find it hard to believe their performance is better than wordpress + BuSo lightning.

I must be doing something wrong.
 

CCarter

If they cease to believe in u, do u even exist?
Staff member
BuSo Pro
Boot Camp
Digital Strategist
Joined
Sep 15, 2014
Messages
2,639
Likes
5,991
Degree
6
From that perspective it's hard to see how it can get a low grade. Especially since I haven't done anything to change it.
All the above are before your request even hits wordpress nor BuSo theme:

1. First Byte Time (Time To First Bytes = TTFB) is your server's response time. Has nothing to do with Wordpress or your theme.

2. Compress Transfer - is whether you are using gzip to compress files before sending them to users. Has nothing to do with Wordpress or your theme.

3. Compress Image - Same as above - gzip setting is edited at the apache2 or nginx configuration file level.

4. Cache Static Content - that is the htaccess or nginx setting of how your website tells the user's browser to cache files: css, gifs, images, javascript, html, fonts, etc. This has nothing to do with Wordpress or your theme.

5. Effective use of CDN - this is whether you enabled a CDN like cloudflare (boo!) on your domain.

--

You can create a simple Hello World HTML file (Html Tutorial Hello World) and upload it to your server with FTP/SFTP, then run the pagespeed test on it and it will give you the exact same errors. That tells you that BuSo Lighting is not the problem.

Someone in the past on your other website did basic speed optimization like setup your htacces, apache & nginx configuration files. Perhaps the person who installed PrestaShop.

That's the thing about web development - we do a ton of ground work that's pretty much hidden from average website owners to make the user experience fast that's difficult to explain. The developer who setup your PrestaShop did a great job without you knowing about it.

Edit: Take a look at the Digital Strategy Crash Course: Day 27 - Page Speed Optimization Most of what I talked about above is touched on within it.
 
Joined
Jul 5, 2018
Messages
30
Likes
21
Degree
0
How do I set a Favicon on BuSo lightning?
Hey bernard. Can't you just change it on Theme options > Site identity

If not, just use some code. Look on google for something like: how to change wordpress website favicon, and add the code to the header.php

If you are using a child theme, just use some code like this on functions.php to add HTML to the header:

function child_theme_header_script() { ?>
<!-- Your HTML goes here -->
<?php }
add_action( 'wp_head', 'child_theme_header_script' );
 

bernard

BuSo Pro
Joined
Dec 31, 2016
Messages
831
Likes
624
Degree
3
Hey bernard. Can't you just change it on Theme options > Site identity

If not, just use some code. Look on google for something like: how to change wordpress website favicon, and add the code to the header.php

If you are using a child theme, just use some code like this on functions.php to add HTML to the header:
Thanks but I'm sure @Ryuzaki made an easier option.
 

Ryuzaki

女性以上のお金
Staff member
BuSo Pro
Digital Strategist
Joined
Sep 3, 2014
Messages
3,967
Likes
7,576
Degree
8
How do I set a Favicon on BuSo lightning?
In header.php at the top (currently lines 13 and 14) you should see this:

PHP:
<!-- Favicon -->
  <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico" type="image/x-icon">
This tells the href="" part of the <link> tag to list the location for the favicon.ico file at the root of the /wp-theme/busolightning or whatever you called your version of the theme.

So then this HTML gets spit out at the top of the header for every page on your Lightning site. The browsers and Google and everyone knows to look for the favicon where linked in the <head>. And if you don't give it a location, it checks for a favicon.ico in the root folder, so you don't even have to tell them.

But telling them the location gives you the advantage of changing the location. It's also become acceptable to use PNG files if you want, and way larger than the typical 16 x 16 pixel choices we were given in the past. This is the best set of guidelines for making everyone happy (browsers, search engines, mobile devices, etc).

As far as there being an easier option... You simply need to replace the favicon.ico file on your server in your theme folder. If you want to change to a PNG file then delete the .ico file and add a .png and change the code in the PHP snipped above to .png instead of .ico.

There's no "theme options panel" method for doing it in Lightning. I wanted to avoid as much of that kind of stuff as possible.