Video: How To Make A Social Media Website With WordPress 2020 [ LIKE FACEBOOK ]
In this tutorial video, we're going to make an online community website. Yes, you're going to be able to have your own Facebook like website. Let's take a look at all the features that you're going to have available to you. First, you're going to be able to have this beautiful activity feed and all these things I'm going to show you are completely optional. An activity feed, much like you're already used to on Facebook where you can post images, videos, text updates, people can comment back. People can post animated jifs.
It's going to be a lot of fun. It's going to be very engaging for your community members. Next, you can create private groups or public groups where members of similar interests can go and communicate and share. These groups can be private and completely secured, or they can be public. They also have an activity. Feed a private forum where the members of the group can ask questions and reply back, which brings me to user forums. You can have public or private user forums where your members can ask questions and get answers. Having a user forum on your website is an incredible thing for search engine optimization to generate traffic on your website. Your members can have rich profiles where they can customize their cover image, their avatar image.
Information and you can also enable them to be able to connect with other community members. You can also enable private communication through the personal message box, which is an option that you have available to enable your members to communicate with each other. And yes, of course there's notifications. Each of your members will get notifications when people are responding to them, and when there's new activity in their feeds. Optionally, if you want a learning component online courses on your website, it will fully integrate with the industry leading learning management system and it has some amazing features. My favorite has to be dark mode. It's just easier on your eyes and you'll also optionally be able to have an activity calendar if you want to have events that people can register to, as well as you can optionally have a job board where jobs can be posted. Just for your community. You can also optionally add an eCommerce store component to your online community website.
And just in case you're wondering, all of this is going to look amazing on all devices, mobile phones and tablets. So that's what we're going to cover in this video. I hope you stick around and give this video a thumbs up. Let's get started. Now, the goal of this video is to enable you to make a beautiful online community website, and we're going to do this in three simple steps. The first. Is we need to get a domain name. This is your website address and website hosting, and I have a way for you to save 70% on this hosting that you're going to need. Next, we're going to install WordPress. It's so easy to do. There's an easy auto installer for it. And lastly, we're going to craft your website. We're going to be using a tool called BuddyBoss, and optionally, if you want that online. Course component. We'll also put in LearnDash, which is the industry leading online course platform.
All right, let's go ahead and get started. Now, the first step to ordering a new web hosting account is to open up your web browser. Then open up a new tab in that web browser and go to the website, WPCrafter.com/siteground just as you see right here, I wanna just share for a quick moment why I recommend SiteGround. They are fantastic in the four most important things when it comes to your website hosting. Number one is the speed of your website. You're not going to find a higher performance web host in this price range. Number two is support and they are known for having the. Fastest and best support. When you need help, they're going to give it to you. The third item is special features for WordPress users. They have plans that include one click staging, easy migration. It is filled with features for WordPress users, and fourth is security. It's a very secure. Boasting platform. Now, you don't even have to take my word for this.
You could ask anywhere on the internet for a hosting recommendation and consistently the recommendation is always going to be psych ground in this price range. So you don't only have to take my word for it. Psych grown is the most highly recommended web hosting provider for a reason. Okay, so when we get to this page right here. We're going to go ahead and click on WordPress hosting. Actually, all three of these right here are going to be the same exact thing, so I'm going to click on get started. Now they have three plans and there's some minor differences between the plans. What you're going to want for sure is either the grow big. Or the go geek. Now, the reason you would want these plans over the startup is they have more WordPress related features such as they will migrate your WordPress website for you. They have caching, so it's higher performance, faster loading, hosting. They come with advanced backup features. And my favorite feature is one click staging.
What that means is when you're making changes to your website, you don't have to make it to the live website. You can do it in this private area where only you can see the website and then you can click one button and push those changes to your life website. So that's why you'd want to pick the grow big. And this is typically what I recommend. If you are going to have a website and you want more resources and higher priority support, you might want to pay a little bit extra and go with the goat geek plan. Right here. Now keep in mind, because you visited SiteGround through WPCrafter.com/siteground 70% is taken off of the cost of your hosting plan. So let's go ahead and choose the grow big. I'll click on get plan right here. This is where you're going to choose your domain name if you're going to be registering a new one, or if you already have a domain name. So you can go right here and just.
Enter in a domain name that you would like to register on this account. They set up process will be the same whether you're registering a new domain name or if you already have a domain name. It's going to be more convenient. If you register the domain name here at SiteGround for me, I already have a domain name, so I'm going to choose this option and then I'll enter my domain name here. I have entered in. Let's create a website.com. I'll go ahead and click on proceed. Now, if you're registering a new domain name, if it's taken, it will let you know that you can just keep trying a different variation of the domain name that you want to register. Okay, so now we are on the last step to enter in our billing information. This is standard stuff. You'll put your email address, and that's going to be the email you'll use to log into your SiteGround account. Then you'll put in your name and your billing address, your billing information right here. And then right here is a final confirmation of your services.
So I'm going to go ahead and fill it out and then we'll do this step right here together. Okay? I've gone ahead and filled out all of my billing information. So here is the final order details. It's confirming the plan. It's confirming the data center. Now it's going to choose a data center near where you are. So if you're in the USA, it's going to automatically choose the USA data center if you're in the EU. If you're in the middle East, it's gonna choose air in Asia. It's going to choose a data center nearest to you. Then right here, you could choose the period you're prepaying for this period, so by default it's 12 months and you can increase this. Two 24 or 36 to increase the savings that you have. It's just going to verify the price that you're paying right now, and then we have these few extra services that it's going to offer to us. The first one is because we chose the grow big, we're getting a free website transfer.
This is normally $30 it's included for free, whether you use it or not. And then there's this option right here for S G scanner. I don't recommend it, but you can add this if you want. You can always add this at a later time. And then right here we just have the final confirmation of the cost and I think you'll agree this is a really low cost to get a full year of web hosting and especially one that's as good as SiteGround. Next, we just need to check these two boxes right here. And then click on pay now. All right? If you filled everything out correctly, it's going to take you to this screen. If not, it will kick you back to fix whatever might be inputted wrong. And then this is our final confirmation. The account is created successfully. You'll get an email receipt if you registered a new domain name though. Also be an additional email there to verify your domain, that new domain, just to verify your email address that is tied to it.
Now. And all we need to do is click on proceed to customer area right here and it's going to log us into SiteGround. The next step is to click right here. It says set up site, and right here you just want to verify that this is listing your domain name, and this is the domain name that I entered in when I created my hosting account. Now what we're going to do is click on create a new website or start a new website. So I'm going to click on select. And then red here, it's going to reveal the options that I have available to me. I'm going to go ahead and choose right here where it says WordPress. Even if you're going to use WordPress and WooCommerce, I like to manually install who commerce myself. So I'm going to go ahead right here for WordPress and then click on select. Now what we're going to do is create a login for that WordPress based website, so fill that out. And then click on continue. I filled mine out and I'm going to click on continue right here at this step.
It's just an upsell to that site. Ground scanner, that SG scanner. I'm going to go ahead and click on finish. I'm not going to be adding this to my account. Okay? If you've done everything correctly, it's going to create, start the process of creating your website. All right? You're all set. Now, if you registered your domain name. With SiteGround in this process. You can go ahead and click right here where it says managed site to go to the site tools. If you have a domain name that's registered elsewhere, you just need to go to where that domain name is registered and update what's called the DNS servers and this is what you want to put in these two. Server addresses right here. You can click right here to get additional instructions.
So if you have your domain name at GoDaddy, you could also just go to Google and do a search for GoDaddy update DNS servers, or you could contact where you've registered your domain name at an ask them to change it for you. Next, you're going to want to click on manage site, and this is going to be the control panel for this. Domain that you've just registered and you can do convenient things here such as add email accounts, access to file manager, you have those DNS servers. Again, we can see the IP address of this server. Now, the first thing you always want to do when you add a website address to your hosting account is create an SSL certificate. SiteGround makes it super convenient and it's also free. So what we want to do next is click right here where it says security, and then go right here where it says S S L manager.
We'll click on that. And right here it says, install new SSL. Don't worry, you don't have to install anything. We just have to create it. So right here is a dropdown and I'm going to choose, let's encrypt. This is going to be completely free, and then I'll click on get. All right, congratulations. You've now installed a SSL certificate, which is crucial for a website today, and SiteGround's going to automatically renew that certificate for you. So the next step is to log into WordPress for the first time. So I'm going to go right here. It says, WordPress. And then I'm going to click right here. It says, install and manage. This is where we can install additional WordPress installations, or we can see a list of our installations right here and manage them. Now, if you look all the way on the far right, there's these three dots and when you click on it, we get some options here. I just want to show you these really quick. If you ever forget your admin password right here is your option to change it.
Hey, it happens to all of us. You can reset permissions. Move this and delete this. If you didn't want this WordPress installation anymore, stay away from these last three options. Just know that you can update your admin password if you forget, and then we have this little icon here that says, log into the admin panel. This would be the WordPress. Admin panel. So I'm gonna click on that. It's gonna open up in a new tab, and it's going to take us right into WordPress. Now, when you have a site onsite ground and you log in for the first time, you're going to see this wizard right here. We don't actually want this, so I'm going to scroll down and click on exit, and it's going to get us out of that onboarding process. Okay? We just have a few more steps to go through.
So what I want to do next is go to where it says plugins. And SiteGround's. Good. Installed these two plugins. The first one is for caching. We're going to use that at the end of developing our website, so we're going to deactivate that by just clicking on the activate. The last is this that says WordPress starter. Go ahead and click on the activate for this and then delete it. That was what was causing that onboarding process. I'll confirm that by clicking on, okay, so that is the first step. And the next step is we need to tell WordPress that we have an SSL certificate. And you can see right here, it says not secure on the URL there. We're going to fix that right now. So what we want to do is click on settings. And it's going to take us here where we have some WordPress information, and then these two areas right here, it's going to show us our URL for the website. And if you notice what's missing is the S in HTTPS.
So we're going to click there and add an S. we're going to click right here, add an S, and so now when we log into WordPress and view it on the front end, it's going to show us. The version that is secure and using our SSL certificate. So we'll scroll down and click on save changes. Now before you do this, no, it's going to kick you out of WordPress and you're going to have to log back in. And this is normal. So I'm gonna click on save changes, and then here we are, and you can see it doesn't say not secure in the top left anymore. It now has the padlock right there. So go ahead and log in. This is the. Username and password you chose when we created this site. It's going to take you right back here. I'll click on dashboard. You can see we still have the padlock right there, and now we're going to take a quick look at the front end of the website just to make sure that it's also using this SSL certificate. The way we do that is right here, it says my WordPress and view site.
We're going to go ahead and click on that and it takes us right here. And this is what your website looks like right now. And you can see that we have the SSL certificate cause we're showing the padlock there as well. Congratulations on installing WordPress for the first time. So moving back to the dashboard of WordPress, I just want to walk you through a couple of simple settings that will make your WordPress experience better, and some of these settings we need to go through anyway. All right, so we're on the dashboard and we have these. Different boxes and they're called the widgets. But if I'm the area right here, it says screen options. If you click on that, you have these various check boxes and that will get rid of some of those. So I can get rid of activity, quick draft, I can get rid of at a glance, and I'll just leave this right here. And then I would click on screen options. And then that goes back to, uh, how it was. Now when you add any. Plugins to your website, it might add widgets. That's how you're going to go in and disable the ones that don't matter to you. Okay. Off to the left here, we have posts.
This will be blog posts. Then we have media. This is where you're going to be able to upload images and videos and PDFs. Then we have pages. These are going to be where the main content is of your website, so this would be your homepage, your about us page, those types of pages. If you do use the blog posts and you want people on your website to be able to leave a comment, you're going to find those here where it says comments. Then we have the appearance tab, and these are going to be the visual aspects of your website, and this is where we can go in and create a menu and things like that. Plugins, this is where you're going to extend the functionality of WordPress. So a lot of the features you're going to add, you will be adding them via a plugin. This is the true game changer of WordPress, and it's so popular where it says users, this is where all your user accounts are going to be, including the one that you have and a, we're going to go through this in a second to just change a few variables there, and then we have tools.
This is where you can migrate or push and pull your data if you're moving. From one platform into WordPress. We won't be covering that. And then we have the settings and we're going to have to go through a few of these. So let's just knock this all out really quick. So first I'm going to go to users and I'll click on all users, just so you can see it right now. It's just me. So I'm going to go ahead and click on it right here. You might want to go through here and add your first name and your last name at a nickname, and then you can choose. What is going to be displayed publicly. So I'm going to go ahead and do that right now. So I've added my name and a nickname, and this is how I like to. Have my name be viewed in emails everywhere, Adam, and then the at sign WPCrafter. Now if you filled these three out and there's this dropdown here, you're going to be given options on how to have it displayed. So right now you could see in the top right, it just shows the email address, but I'm going to choose that nickname right here.
And you can see now it's dynamically changed right there, Adam, at WPCrafter. Okay? This is where you can change the email tied to your WordPress user account, and you can also change your password there as well. So I'll go ahead and click on update profile. So that's how you're going to do that. And it's the same thing if you wanted to add a new user, if you're going to have multiple people logging into your website. Okay? The next is go to settings. And then here it says general. We actually took a look at this when we added our SSL certificate. Now every website has a title and a tagline by default. You can see right here, it's saying my WordPress and just another WordPress site. So you can change this to whatever you want it to be. And this is actually tied to right here where it says my WordPress. So this is where you might want to add your business name.
Maybe sneak in a couple of keyword phrases naturally that go along with your website. Uh, we're, we're going to show, go through changing that as well, uh, later in this video. But this is where I wanted to show you that you could do that. Here's the email address where notices are going to be sent to. So if there's anything important related to your WordPress based website, this is the email that those notices would be. Sent to right here, you're going to be able to change the language of your site. And it's also a good idea to enter in the correct time zone. Now, for my time zone, I minus eight, but I live in an area where there's daylight savings, so the time changes twice per year. So for that situation, I can scroll up here and I can choose my city name, and for me the closest one would be Los Angeles. So I'm going to scroll up. Here it is Los Angeles. And it's going to put the correct time in there for me.
You can change your date, format, your time format, and all that. I'll go ahead and click on save changes, so just know that this is where those settings would end up being. Now the next is super important right here it says permalinks. Let's go ahead and click on that. And these are basically the link structures. You're going to always want this set to post name right here. Uh, that's gonna make your links look natural. All right, I'll go ahead and choose that. Scroll down, click on save changes. Then I'll click back here to the dashboard, and that's pretty much it. Those are just some of the important settings that you want to pay attention to that are available in WordPress. Now we need to get the BuddyBoss platform, which is what we're going to be using to power this.
Online community website. So open up a new tab in your web browser and visit WPCrafter.com/BuddyBoss, one word buddy, boss. And go ahead and click enter. It's going to take you here to the BuddyBoss website. Now when you visit BuddyBoss via that specific link, it's automatically going to add a 10% discount when you purchase BuddyBoss once on the website. Go over here where it says, buy now and click on that button. Now, here's where you'll choose your plans. We're essentially going to get this essential package right here. The only difference between essential in pro is the pro version you can use on five different websites, but we don't need that for this online community site. We only need it for one website now, but he was also offers done for you packages and a VIP package where they.
Do everything for you. So the value in this tutorial is pretty much going to be close to this $3,000 because you're going to be setting it up yourself. Of course, in that $3,000 they have an option to do some custom feature development to meet your specific requirements. But all that we need for this video is the essential package right here for $228 this is going to be exactly what we need. So click right here. It says buy now. It will take you here to the cart and you can see the discount is applied that 10% off. It's right there. Then you could go ahead and click on proceed to checkout on the checkout page, fill out your billing details and place your order. After you complete your order, you're going to receive several emails. Now, one of those emails is going to include your license code. Which we're going to need at a later step. In this video. After you make your purchase, you'll be able to access a my account page where you're going to be able to download what we need for this video, and you're going to see three downloads, buddy, boss, theme, buddy, boss, child theme, and BuddyBoss platform. All we need is buddy bus theme, so go ahead and click on the download option for that.
And then we need to download BuddyBoss platform. Click on that to download that and we'll go ahead and install those in a later step in this video. Now the next thing we need is going to be purely optional, depending if you want to have online courses inside of your community website, so open up a new tab and go to WPCrafter.com. Slash get LearnDash, G. E. T. L. E. a. R. N. D. a. S. H. now, LearnDash is the industry leading online course plugin for WordPress, and it's trusted by so many universities and large businesses. It's extremely affordable, but like I said, it's completely optional. So when you go here, you can click on pricing. There are three plans available. You'd pretty much want this middle plan right here for one 89 because it includes this right here. It's a pro panel. And what that basically means is statistics, dashboards, activity reports, et cetera. If that is not important to you. You can get away with this single site license for one 59 right here. Now you can go ahead and order this by just clicking on add to cart and making your purchase. Here's what it's gonna look like after you make your purchase.
I'm going to go ahead and just click on download. Right here where it says LearnDash, and then I'm going to also download right here where it says pro panel, and it's just going to download those two items to my computer. The next thing we need is what's called a page builder, so open up a new tab and go to WPCrafter.com/get. Ella mentor. Now when you visit this link, it's automatically going to download the free version of element or to your website. We'll be using element or to create beautiful page layouts. With that. What you see is what you get editor. It makes it very easy to make pages that look great. There's a free version of Elementor that we're going to be using, and there's also a pro version, which is not required. However, since we're here at, let's click on pricing and take a look at the plans that they offer. They have three plans available, and the only difference is how many sites you want to install this on. So if it's just one website, it's only going to cost you $49 in order to get the professional version of Elementor. What you get for that $49 is additional elements, additional templates.
You get something called a theme builder, which allows you to build. Headers and footers on your website and other neat things like that. If you're going to do any kind of e-commerce, there are some additional features for that. And one of my favorite features that it has though, is a pop up builder. So you can create all sorts of popups and set triggers for them throughout your website. That alone. Really justifies the $49 per year because there's many services that are $30 per month just for a similar set of features. But like I said, it's not required. The free version is going to be more than enough for what we're going to be doing inside of this site build. Now that we're done downloading everything that we need to get, it's time to install everything on our website. So we'll go back to the dashboard of our website. We're going to click on plugins. And then we're going to hover here where it says add new, and then we're going to click right here.
It says upload plugin, and what we're going to do is one by one install the plugins that we've just downloaded. So the first one that we're going to drag and drop across is Elementor. So it's going to be in your download folder of your computer. So here's mine. I can drag and drop it. Click on install. Now it's going to upload it to your website and install it. Then we want to click on activate plugin. Then we're going to do this all over again. We're going to go to plugins, add new. And then we're going to click on upload plugin, and this time we're going to upload the plugin named BuddyBoss platform plugin and a drag and drop this across. Now the other item we downloaded from BuddyBoss was a theme which we upload any different location. I'll click on install now. Then I'll click on activate. We're going to get this welcome, but I'm going to go ahead and click on close to close that because we have one more thing to upload, which was LearnDash. And remember that was optional. So I'm going to go to plugins, add new. Upload plugin, and then I'm going to drag, learn dash over, and I'll click on install now and then I'll click on activate plugin.
Now after we activate LearnDash, it's going to give us this sort of an onboarding. I'm going to go ahead and click on dismiss right there. And we also get this notice to add our license code for LearnDash. I'll go ahead and remove that notice by clicking the X and that X right there, and now we're done installing the plugins. The next step is to install the BuddyBoss theme. I'm going to go to appearance and then click on themes, and here's some default themes that come when you first install WordPress. I'll go ahead and click on add new. And then I'm going to click on upload theme, and this time we're going to drag and drop the file BuddyBoss theme that we downloaded. Now if you try to upload this to the plugins, you're going to get eight notice that there is something missing and that's because it has to be uploaded to themes. So I'll go ahead and click on install now. Now there's done uploading. Click on activate now.
As soon as we activate the BuddyBoss theme, we get this welcome video. From Tom. He's a great guy. He is the co founder of BuddyBoss. So let's go ahead and if you want to watch the video, go ahead and do that, but I'm going to go ahead and click on and close. And here I am back on the dashboard. So we uploaded to premium products and the way premium products work with WordPress is. You're given a license code, and that's really what you're purchasing a license code. And when you've entered your license code, it's going to allow you to get updates. So when a new feature enhancement, uh, comes out, you will get a notice when you log into your WordPress website. So just a moment ago, when we got that, enter your license code. Notice for LearnDash. And now we're getting it for BuddyBoss. When you purchased BuddyBoss, you would have received an email receipt inside of that receipts going to have an activation code.
So what you could do is click right here, it says activate your product license, and this is just going to be for buddy, boss, and then right here you can paste in that license key. And enter in the email address you use to purchase BuddyBoss. After you do that, if you did add LearnDash to your website, you're going to want to add that license code as well. And here is an option that says, please click here to update your license. You'll want to click on that, and it's the same process. You would enter in your email and enter in your license key and then click on update license. So I'll take a moment to add my license to both of these. Plugins. Once you enter those licenses, like I just did, you'll no longer receive any of those notifications to go ahead and enter it. And when there's new updates to either of these, you're going to see the updates available.
Here. You'll see a red badge off to the right. Words is updates, letting you know that there's an update available. All right, so now's a great time to see what the front portion of our website looks like. So you can hover over here where it says my website and then click. Right here where it says visit site, and here is what the site looks like right now. You could see we're already a portion of the way in getting this all going. Okay. Let's go back to our site. So now I want to walk you through some of the basic settings of the theme, and these are going to be more effecting the appearance of your website. So you're going to see those options right here. When you go where it says buddy Boston, you hover over it and there'll be an option down here that says theme options. So let's go ahead and look at that first before we start getting into the components that are available with BuddyBoss. This is where we're going to see the various options for how the site's going to look broken down into several categories that are easy to follow.
So the first option is going to be for a logo. And you could have a text based logo. So you can see right here, it is just text base and you can change the color of this and the font if you wanted. Or you can upload a logo quite easy. All you'd have to do is if you want a logo for a desktop visitor, you can turn this on. And then right here you can upload your logo and you can choose the size that you wanted to display on the front end of the website. Same goes here for a mobile logo. So. What's nice about this is you can have a different version for mobile devices, so you can just toggle this on and it's basically those same options. Now, if you don't have a logo and you want to get a logo, I'll put a link in the video description box down below on how you can create your own logo. If you want to do it on a budget or if you want to do everything more professional. I want to recommend a service that I personally use, and here is their website.
It's. Dear designers, so you can go to WPCrafter.com/dear designer, that's D E E R designer.com and when you go there, it's going to take you right here. This is a design service that I use for all sorts of graphic designs. What's unique about them is that they also do logo design. A lot of these design services will not do logo design because it requires a lot more thought and effort in work. And so the way Deere designer works is you pay a flat fee per month and you can request unlimited graphic designs. And this could include any type of graphic design work, even full page layouts for a website. And that monthly costs right now I think is only about $460 let's see, when I click on, get started to see if it's gone up or not. Yup. There it is. It's only $460 per month, and that's going to get you a dedicated designer. Unlimited revisions, unlimited images. You can have multiple brands, all of that, and it includes a 14 day trial to try the service out if you wanted to. So either of those that worked fine.
Uh, have a video link down below and I'll show you how to make a logo for free. You're going to probably get better results with a designer if you don't have one already. I just wanted to throw out, dear designer to you, it's a great service. So go ahead here and choose the logos that you want and upload them to your site. The next option is your header style. So this is the very top part of your website. So the way the default header style is, you're going to have the logo on the left. Then you're going to have a menu that we're going to create here in a moment, and then off to the right, we're going to have the option to sign in, sign up, or someone's already logged in. As you could see right here, it's going to show them their name, their avatar, a search bar, and a notification option, and based on the components we activate, there might be some additional options here. So you can choose that layout.
That's my preferred header layout, and that's actually what I use personally. Or you can have your logo centered, your menu off to the left and those other options off to the right. It's completely up to you and your preferences. Next we have sticky header options. Essentially that means this header that you're choosing, if it's going to stick to the top of the screen or not, so it's all set by default, so you can see as I'm scrolling, the header doesn't scroll with it. It just sticks. This is a personal preference if you want this or not. I personally don't like sticky headers, so I'm gonna go ahead and turn that off. And here you can choose the height of your header and if you want that little shadow, I actually liked that little shadow, so you can see right here, this little line. That's that shadow. So I've gone ahead and turn that off. Now here's where you can choose those little icons that are available on the far right. So you see these here and we can choose which ones we want or don't want.
So if you don't, I didn't want that search option. You can choose to hide it. The messages option, the notification option, and the shopping cart. If you're going to use an eCommerce platform on your website, and here is those same options, but for a mobile device, so you can choose if you want them on, depending on the device that your visitor is using, each time you make some changes, you're going to get this notice that settings have changed and to save them. So I'm going to go ahead and click on save changes like that. And now the little change I made is saved. So if I do a refresh, I bet I lost my sticky header. Yup. I lost my sticky header because I disabled that. Okay, so then we have this option called buddy panel. You see this little icon here on the far left? So if I go to buddy panel, you can have that or not have that. It's completely up to you.
And there's a couple options related to it, so you can either enable it or disable it. You can choose the position on the left or the right and if it's always open or always closed by default. Now, since we haven't gone through the components yet, we don't actually have it here on our site, but if I was to jump over to the BuddyBoss online demo, this is what it looks like. You can see right here is that buddy bar. So this is open. And this is closed, but it will always be stuck there to the side, and that is a complete option of yours. You can have it if you want to have it. I personally don't enable that because I don't like things sticking to the left and the right taking up screen space, so I always have that off. But it's completely up to you and your preferences. So I'm going to go ahead and click on save changes nets. Let's take a quick look at sidebars.
So there's going to be different parts of your website where there's going to be a sidebar where you can place different bits of information, and this is letting you choose. If you wanted that sidebar on the left or the right, typically you see it on the. Right for certain parts of your website and certain parts, you might see it on the left. So we're going to leave these, the default, but you could play around with these later. Next, let's take a look at typography, which is essentially just a fancy word for funds. So here we are. And there are default fonts for every little part of this, but if you want custom fonts and you probably will, you might want to just come here and click on and now you can choose a custom font for the site title. Remember I was saying if you didn't have a logo and you just wanted a word here, you can customize it.
Well, that's how you can do it right there. So we have a list of different fonts. The body font, your headline fonts right here, and what we can choose for each one is the font family. So when you click here, you get the dropdown and you get this long, long list of fonts that you can choose from. You can choose the weight, which is the thickness. Of your fonts, there's subsets and also font size, so you can choose those and customize those right there. If you want for this video, I'm not going to customize them, so I'm just going to go ahead and turn that back to off. Next, we have styling, which is essentially just your color scheme, so all the different elements you can change the colors, so most people, including myself, are not going to go with this blue that they have chosen as the default color for the theme. You can just go here, click on select color, and you can change it here via this color picker.
Or you can enter in a specific color code right here. That may be a color that you're already using with your brand. So as you can see, this color right here is specifically linked to the site title. So I just showed you a moment ago where you can change the font. Of the site title and here's where you're going to be able to change the color as well. Now it's nice as we have a list here of all the different colors that we can change, and you have control to change every one here, so you pretty much don't have to get involved in any kind of custom coding. It's all point and click. Changing whatever you want with the BuddyBoss theme. All right, let's go ahead and click on footer. And so this is going to be the style of the footer. That's the area at the bottom of your website. So for me personally, I like this footer style right here. So the first option is if you want a widget area at the bottom. Of your footer. So by default it's off.
And when I turn it on, you can choose the amount of columns that you want. Now I personally like to have a four column widget layout. And what I like to do is list menus of different important links that I want to make easily and readily available for people. So however, um, this, we might want to just keep it simple. So I'll go ahead and turn that off. Next we have an option if we want to enable the footer bottom area at all. And you're definitely gonna want this footer bottom area. So we'll leave this on of course, and then we get to choose the style that we want for the footer. I personally liked this style right here because it's another opportunity to put my logo in, and we also have some additional options that pop in a copyright, some social media links, and a little bit of information underneath those social media links. So it's the same thing as the logo. You can go ahead and upload your footer logo and set your size and you can put a tagline underneath it.
Next for the copyright area, you might want to leave this the way that it is actually right here. You might want to change that to your business name or whatever you want to list as the copyright holder of the content on your website. This bit right here is going to automatically update each year to the current year so you don't have to worry about a thing there. Uh, here's a little bit of information you can put underneath your social media links and here's where you could put all of your social media links that you want. Now, don't worry, you see as long list and you're like, I only have YouTube and Twitter. Well, just put in something for YouTube and Twitter and only those icons will actually appear on the right there. So you could just put in what you have. Next is our blog layout. If you're going to have a blog on this website, here's what your options are for the list of blog posts and how you want that layout to look.
We have these three different options. List, masonry, or grid. And then we have the option of the layout for the actual blog post itself, and so we have these three different layouts here. What you see in blue is where the featured image, if you have one for your blog posts, is going to be so right here, you'd get the title. And the author byline above the image of the feature image in the feature image takes out the full width, and then you have a narrow area here for your content. And so you could have these different options here for the style. And then here is some info that you might want on your blog posts such as related posts. How many related posts. If you want an author box, I definitely recommend having an author box. It'll just be an image of the author in a little bit of information about them. Here's if you want a floating social share option on blog posts. If you don't have a. Social sharing plugin, and you want those types of features, you could go ahead and leave this on if you like it. And then here's an option to link the author to their profile in BuddyBoss.
And then lastly, you can enable a newsletter signup form on your blog posts as well. Okay, so let's move a little quicker through the remaining options. Right here is your login and register options. So essentially you get this beautiful custom login page. So here's if you want to have a custom logo added to it, you could do that and customize the background. I recommend spending some time on that to get that right. You have what's called a four Oh four page, so someone goes to a link on your website and there's no content there. They usually is going to get this four Oh four page, and so you can. Customize the text here that would go in that four Oh four page quite easily. I would just leave it the way that it is. If it was me next week, it actually put the entire site in maintenance mode. This might be a good idea while you're building it out is to put it in maintenance mode.
You can just. Click on the on button right there. I won't be doing that for this tutorial though. Next, there are certain parts of the BuddyBoss platform that has cover images, so a member profile, a social group, they have a cover image in, there's different cover image styles, so you can have it go full width or default. Sure. Let's take a quick look at the. Demo here on BuddyBoss's website. So I'm going into a group. And so this is default. Uh, if it was full width, it would be, the image would be going to the full left and to the full, right. So that's what it's gonna look like with the current setting. And then you could choose the height small, or you can choose large. That's just the, the height of the image. Now what I do recommend is uploading a default cover image. So if you don't get around initially to adding a custom cover image to each member profile or social group. There's these options right here to upload a default image for the cover for all of them. Now, if you don't have any images readily available, uh, you could definitely go the Deere designer route, or I would recommend going to Pexels, P E X E L s.
com, and this is a free stock photography. Website where you can use all of these images royalty free. So you essentially just go here and enter in a search term and you're going to see a list of photos. Here's some examples right here. So if we want a photo of a crowd, I can click on that and I can see lots of different crowds. So let's just go ahead and choose one of these images that we think are going to end up looking good. This right here is a nice, pleasant looking image. I'll go ahead and click on it. And then you see this option here for free download. Well, there's a dropdown here and you could choose the size. So I'll just go with this medium size right here. I'll click on free download and it's now downloading to my computer. And then what I can do is just go back here, click on upload, and I can just drag and drop that image across like this. The reason I said I chose that smaller qual quality one is it's going to produce a smaller image, a size wise, not dimensions of it, but as far as when someone downloads it.
We have import and export options, so if you are playing around with your settings on one website and you want to copy those settings across, you can easily export and import the different settings that we just set right here inside of the theme options. Now let's go ahead and click on where it says dashboard. What I want to quickly show you how to do now is that a blog post. And add a page to your website. It's very easy. It's just going to take a moment. I'll go ahead and click on post and you could see we don't have any blog posts by default. I'll click on add new. Since this is the first time we're adding a blog post, we're getting this kind of a walkthrough on how to use the blog post creator. So I'll just click on the X right here and what you want to do with your blog posts. Just a few things you can do. You can give it a title. You can put your content in.
You could choose a category right here. Well, we'll have to add a category first. You can add tags if you want to. Your blog post right here, you'd add a featured image and then you pretty much publish it. So I'm going to go ahead and add some of that info right now. Okay. You can see I added a title. I added a just one line of information here. Now click on document, and you can see here we've got a featured image. I just use the same image I uploaded a moment ago and I created a category named announcements, and I added that. I'll just go ahead and click on publish and it's just letting me know. If you click publish again, it's going to actually be published and it's going to go ahead and do that right. I'll click on view post and it's going to take me to the post. And so here we can see our title. Uh, we can see right here some of the information of the author in the publish date. Here we've get that featured image. And then the content itself right here.
I'm going to go ahead and click on that, and this gives us some visual options for our design. So here is where it says site identity, and I see where it says my WordPress, and that's where it says it right there. That's where it's pulling from. So I'll change this information. I just went ahead and put community and you can see it updates it in real time. And then here we have some styling options. So we saw we had those color options. In the backend of WordPress. Well, we also have them right here as well. And then right here we have menus. So let's go ahead and click into that. And the reason we don't have a menu, here's cause we haven't created it yet. So let's go ahead and click on create new menu and go ahead and give this a name.
I like to call it primary menu or main menu. So I've entered main and then what we do is we choose where we want this new menu to go. And what we need to choose for. BuddyBoss theme is right here where it says title bar. So when I click on this checkbox, that means we're creating this menu and it's going to be assigned to the title bar area. And then I'll go ahead and click on next. And now what we got to do is click right here. It says add items. And here are the pages that we've already created, so I can choose some of these. So let's choose the homepage. Let's choose the blog page. Let's choose the news feed, and later we're going to come and add some more items to this menu as we add those components to the BuddyBoss theme. Okay, there we go. And I can click here. Now there's other options down here, all kinds of things.
You can even add custom links. This is all standard WordPress stuff right here. And then we have some neat options down here, whether or not a user's logged in or logged out. So you might want to show something different when they're logged in versus when they're logged out. Okay? And if you notice, I just added these three options and now. You see three options right there like that. So I'll go ahead and click on publish, and you can see now we've created our menu. But let's go back. There's a couple other options here in this customizer. Here's the widget area. So we're on a blog post right now. Remember, right, here's our blog posts, and here is the blog, a sidebar. So if I clicked on blog sidebar, we have these areas called widgets. I know it's a weird term, widgets, but just think of them as elements on a particular sidebar area. So we have the search right here. And we have recent posts and we have recent comment comments. And what you can do is click right here where it says add a widget, and we have a long list of widgets that we can add to it, bits of information that you may want on your sidebar.
Now there's multiple areas where there might be a sidebar. Using this community theme. And so what you would want to do is click into that particular page in order to put widgets that will go there. Specifically. For example, if I went to my newsfeed, I just clicked it right here and now I'm in the newsfeed. If I go back here. Now we're going to see additional widget areas where we can put widgets. Okay. So that is something we'll make sure we take a look at. Once we fully built out this community site towards the end of the video. Okay. So next what we want to do is click right here. It's his homepage settings, and this is where we get to choose which page is going to be our homepage. So by default, it's set to our latest blog posts. But let's go ahead and choose a static page, and I'm going to have it by default, be my news feed page. Okay, I'll just set that there.
We don't have anything there yet, but it's going to be there soon. And what we also get to do is tell WordPress what is going to be the page on our website where we list out all of our blog posts, and that's going to be right here. I'm going to choose blog, that blog post page that we chose not that long ago, and then I'll go ahead and click on publish. Now all these changes that we've made are saved. And I can click on this X to get out of the customizer. So you can see we've got quite a lot done here. So if I click on community, this is now our homepage, which is this newsfeed, and we don't have any info in there just yet. We'll get some info. But this is actually what the newsfeed could potentially look like right here as there's activity with the sidebar on the left and the right, and we have the activity going right here.
Obviously we don't have that activity yet on our site. Here is our blog index page. I click there and then I can click here to actually get into a blog post. And I can click on home to get back. So now let's go ahead and take a look at the different components in the BuddyBoss theme. I'm going to go here. What's this community that is basically the site title you could see changed. And I'll click on dashboard, and this is going to take me back to the dashboard. So let's click on BuddyBoss right here, and it's immediately going to take us into the BuddyBoss components. Now, some components are required. But most of them are completely optional. Okay. So let's go through these and then we'll take a quick look at the settings and the settings you might want to be aware of, and let's start putting this website together. So the first component is member profiles. And this is basically when someone interacts on your website, posts a farm. Comment or an activity feed or anything like that.
Any user, they're going to have a profile. This is something that is required and there are some settings of that revolve around it. Next, we have profile fields. These are custom fields that we can. Add to member profile to further customize this online community. Now we have some optional ones, so we have account settings, and this is going to allow each user to be able to modify their account settings on their profile. I'd recommend. Having this activated and it's activated by default. The next one is notifications, and these will be notifications that get sent out to your users. You're gonna want this active as well. Next is social groups. I'm going to go ahead and activate it. And the best description of this is kind of like a Facebook group. So if we're on the online demo here of BuddyBoss and I click on groups, these are social groups right here and people can join them. You can have private groups when you click into them.
You have an activity feed for the group. You can see the various members in a group. You can actually customize all of this, by the way, and you can have a forum discussion dedicated to the group like this. So these are groups. Next, we have a forum discussions. I definitely recommend having this. Activated. Let's go ahead and activate that one. Next. We have media uploading. I definitely suggest having this active as so that your members can upload images, so let's go ahead and activate that. Next, we have private messaging and I'm going to activate it for this video. I don't personally use it because I'm not using my community website. For messaging users and allowing users to message each other, so it's completely up to you whether you want it active or not. But for the purposes of this video, I'm going to go ahead and activate it.
It's actually a very nice feature in the user interface is very nice. I might have to rethink having that on or off, but what's nice is you can turn a feature on or a feature off. It's up to you. Okay. Member connections. I have this off and I'll leave it off for this tutorial. Because the tutorials are already getting a little bit long. This allows members to make connections together. Think about it as Facebook and people can have Facebook friends. So that is essentially member connections. Okay, and next, we have email invites. I also have this turned off. This allows a. Member to invite another member. So it depends on your purpose of the online community site that you're creating, whether or not this makes sense for you. Next is network search. I like having this active, so I'm going to go ahead and activate it. And what this is going to do is there's a search option in your site, and this will allow when someone.
Goes in there to search for something, to search the entire network ever. All the content so they can search for a user's name, they can search for a forum posts, they can have a search, and also reach into pages and posts and any other type of content that you might have on your site. Now, as we did this and activated these different components. Pages were created for those components. So if I go back here to pages, you're going to see now we have a forums page. Now we have a group's page. We didn't have these before. Uh, so we can go ahead and add those to the menu if we wanted. So let me go back to the front end, and we have our menu here. I'll go ahead and click on customize and we'll add these new components to the menu. So I'll click on menus. I'll click on main was was the menu we created. I'll click on add items, and now I'm going to go ahead and add groups and I'm gonna add forums like that.
And so I will leave the organization like that. You might want to rearrange. Some of these items you could easily do that. I'll click on publish and then we'll get out of the customizer, and so now we have those options there, but we haven't set anything up on them just yet. You also see some new icon right here, which is the message box, and this is what we just enabled the component that we just enabled. So let's go back to BuddyBoss. And so we have all of our components, so now we can start configuring these components and actually quite easy. So you can see right here we have some tabs. And then right here we have some options. So I'm on components. I'm going to click on pages, and this is where you link up a component. To the page that you want tied to that component. Now, it created those pages automatically for us, as you see, and it linked it for us. What we didn't actually create though, is a registration form, so I can click on create page.
And it's going to go ahead and create that page for us. Opens up a blank tab like this, but if we just clicked back a, created it and we can scroll down, and now there's a registration form page there, and then we also need to create an activate account page. So I'm going to click on create page and it's going to do the same thing. It opens up in a blank new tab, but then if I just click back and I scroll down, you can see that that's set up. So it looks like we have everything set up in here just fine. So I'll just go ahead and click on save settings. So we verified that all our components have pages. Next, let's click on settings. So when I click in here, you see the specific settings for each of the components, and it's all pretty simple. It might seem like a lot of settings, but don't get overwhelmed by it.
It's actually really not that much. So let's just skim through these. I would definitely recommend as your, after you set up your site goes through these settings in detail and just try to understand what each one does. And there's tutorial videos for each one. You can see under each setting panel it says view tutorial. So there's a tutorial video to go with each one, so you can dig deep into these various options. So the first one is for general settings, and this is having to do with registrations. So do you want someone to be able to register a new account on your website versus them being one manually created for them? For me, this is a yes. So I'm going to. Click this box where it says allow nonmembers to register for new accounts. The next two options are regarding that registration form. If you want them to have an email confirmation on the registration form, that's where you have them put the email in twice. And the same thing goes for password.
Whether you want them to have to put the password in twice. Sometimes that could be annoying, but then it can also eliminate errors. So it depends on the community and the demographic of your community, whether or not you feel like you need to have those in there. Next, you can let members delete their profile if you want them to. So you can have that enabled. That's actually. Very transparent to be able to offer them that. Now the next two options are very important and they're your preference. So let me go ahead and click here. So here I am on the front end of the site, and you can see this black bar here, and this is called the admin bar. Now you're going to want it as the administrator. You log in to have that, but you're not going to want that for the members of your community.
And that's where these two options here are right here. It says, show the toolbar. So here you're definitely, well, my preference is to not show it. So I'm going to uncheck these two boxes right here. And like I said, you can view the tutorial on it right here. Now, if you wanted to put this entire community behind a login form, so it's completely private, you have to have a login just to be able to access it. This right here is a setting for you. Now, that's not how I run my community, but if you're using this to create a private intranet for your company or something along those lines, and you don't want to any of this info publicly. Viewable, this is what you're going to want to do. So I'll click on save settings, but I'm not doing that for my purpose. Same thing if you're making an intranet, this registration option, you're probably gonna want to manually create people's accounts when you're adding them to the intranet.
If it's like for your private company, a, you might want to uncheck that. It's completely up to you. So already through one of these setting panels, that's, let's take a quick look at the profile options. And this has to do with how you want people's names displayed across your network. So you probably depends on the purpose of this community. For me, I just want first name. I don't want people's first and last name for their purpose. And I don't want nickname either because I don't know what someone's going to choose for a nickname. So. For me, the safest bet is just going to be the first name with that is displaying their name in the name field. If you don't want that last name shown, you can uncheck this right here. Okay. Next, right here we have profile photos and here's an option I think you should enable, and I have this enabled is right here.
It's profiled Gravatar. There's a free service called Gravatar where you can link an image to an email address and where ever you use that email address, that image of you is going to be used. I like that. So I'm going to go ahead and enable it and actually after I save this, you should start seeing my photo because I have a Gravatar attached to the email address I use and users will still have the option to put a custom avatar if they want, and they can also with this option, have a custom cover image. And then right here you can have an option of having different profile types. So if you say have an online community where there's learning, you might have a profile type for instructors or tutors or community leaders or mentors or something along those lines if you want to have different. Types of profiles. This is going to be the option for you. Next, the ability to search profiles or not, and then right here is on a profile directory. How do you want the different members.
Listed in a grid and a list or just the grid or just a list, how do you want that to be viewed? So I'll go ahead and click on save settings. And just like I said, now you can see a picture of me on the right there. See, cause I enabled that Gravatar option. So if I go here to the front end and I do a refresh, you're going to see now my pitchers there. So any person now that registers for your online community. And if they have a Gravatar setup, it's going to automatically pull their Gravatar image in. And as more and more people become web savvy and understand what Gravatar is, it's just going to make your community look better and better. Okay. Now we just have a few more of these options to get through. So let's go ahead and take a look at groups. And the best way to wrap your mind around groups is Facebook groups. If you've ever. Gone into a Facebook group and have experienced that you're going to bring that same experience into your website. So right now, if I was to go on Facebook, I could create a group if I want, I can name it whatever I want, and you can decide if you want people to be able to do the same thing on your website.
For me, it's a big no, I do not want people. Just creating groups on my site. I want to create the groups and I want to have full control over those groups. I don't want people to be able to create them. So it's completely up to you if you want to have this checked or not. But for me, I don't want it checked. And here's some options related to the way the group looks with the avatar of the group and the cover image of the group. So if I was to go back here. This is the cover image. And then this right here is the avatar of the group. And do you want the organizer of the group to be able to change those? And of course you would definitely probably want to leave that checked, but you can dig into the settings more by clicking on view tutorial. Next, we have the option of having different types of groups. Right here, and then we have an option to have membership or when someone to request to join a group if you want that automatically approved for me, I actually want that automatically approved. I don't want the admin of having to manually approve people, but it depends on your use of these groups. Okay. And then you can have hierarchies for your groups.
Uh, that's getting a little too meta for me, so I'll leave that the way it is. And then how do you want the, the group directory page to look? Do you want it to be a grid or a list? Uh, just a grid or list or have the user have the option of viewing them both ways. And then you have the default view. Let me just show you that real quick. So when I go here and I click on groups right here, I'm seeing everything in a grid. But if I click this icon here, it's going to show me everything in a list. So you can decide if you want someone to only be able to see it like this. Only be able to see it like this or how it said here, to have the option. I kind of like having the option a myself right there. So we'll leave that. I'll go ahead and click on save settings. We're already through the group settings. Let's take a look at the forums settings. Okay, so this is related to. Forum communication, creating a forum posts and responding in all of that.
So you have control over the editing. So how long does someone have to make an edit to something that they post? So you have these options right here and how fast can someone post. If your forum is going to be publicly accessible and anyone can register, you might want to throttle the posting so that they can't. Post it over and over and over and over again. Um, they can have a break in between. And then right here you can choose if you want someone to anonymously be able to post, basically post without creating an account. I don't recommend that one. If it's a, well, if it's public, that would be the only time you would use this. So I definitely wouldn't recommend. Having that there. Okay. And then here is in regards to how people interact with the forums, do you want the to allow revisioning logging? So that means every time someone edits it saves those revisions. This is if someone writes something and gets a. Response from someone and then they change what they wrote to, you know, change how what they originally wrote is viewed. Okay.
So you can let people Mark discussions as favorites. People subscribe, people tag if you want to allow them to tag different. A forum posts right here. You can choose if you want someone to be able to search the entire form, of course, you'd want that formatting. Auto embed links and reply threading. I like reply threadings and how deep do you want that to go? Uh, right here. You can choose. Uh, when you're viewing the form, how many forum posts and responses would you see on a particular page? You can set to 15. If you want more to show less to show, what happens is if there is say 20 and. You're looking at a list of 15 it'll say next page, and so it has that pagination. So down here we have the RSS feed settings for discussions. I would suggest leaving that default if you're not familiar with that. And then right here where this is dealing with the link structure of each forum, I'll show you that in a moment when we create a forum. And, uh, you could see how that is.
So this is basically the structure of the URL, uh, and you can play around with those settings there if you want. And this also has to do with the link. Here's more settings related to the link to each piece of content in the form. Now when we activate the forum, there is a demo forum and a forum post that's automatically created. So let me just show you that real quick, but I'm going to open this in a new tab like this because I want you to understand how the link works and it looks like I'm wrong. There wasn't a a basic form created. Well, let me just do that now. I'll click on new form. And I'm just going to call this general, like the general form. And then off to the right here we have form options. So this is going to be a forum and it's going to be open to everybody.
It's visible to the public versus private or hidden, and there's no parent forum like that. So these are just basic settings. I'll go ahead and I'll click on publish, and now my form is created and I'm going to go ahead and open up this forum in a new tab. Just like this. And then I'm going to show you what I'm talking about. Well, you can see it right there. So here's the zoom in. So you can see, here's my domain name right here, and then it says forums, slash, forums, a slash, forum, and then the name of that forum general. So remember forums and forum. Okay, I'm going to confuse you and I don't want to, so let me go back here. And so here is where the word of forum is coming from. If you wanted to name it something different, you would put it here and it would be different in the URL like that.
Okay. And so right here where it says discussions, this is when we actually create a forum topic. This is what is going to end up being in the URL. This gives you. Customization options. So let me just show you that in practice. So there's nothing found, someone to click on new discussion. And by the way, this is how you add a new forum topic. So I'm going to put a title and I'm going to put some info here, and then I'm going to post it. Okay? So I gave it a title and I put a little bit of info here. And your user, what's nice right here, they can choose, notify me of reply. And when they do that, they'll get an email notification when someone replies. So I'll just go ahead and click on post, and now we have our first post and it's taken me into it. Now let me zoom in and show you what the link looks like. You can see it says, Oh, the domain name is slash forums, slash, discussion, and then the title of that forum post. See where it says discussions. Well, right here.
That's where it gets that word discussions in the URL. If I wanted this, this, say something different, like question, and then I saved this, and then I went here to the front end. Instead of it saying discussions, it would say question. So this is just where you get that fine grain control over the URL structure of your site. Okay. I probably didn't need to explain it so much, but I hope you can appreciate it. Okay. And then we have options for the. Forum profiles of the users. And then lastly, right here we have this option that when you create a new group, do you want groups to be able to have their own dedicated forums to the group? Okay, so these are our forum settings. Let me just go ahead and click on safe and we're going to take a deeper look at forms in a moment, okay, here's for our activity feed. If you want an activity feed, so this is some settings related to how the data is viewed. Then right here is some settings on the actual data that ends up in an activity feed.
So let me actually go back to the front end of the site here and click on newsfeed, which is our activity feed. And we can see we have this piece now in the feed, right? It was that Adam started this discussion in the general forum, and this is the info that I posted in the forum. This is my news feed, so you can see that happen automatically. I just created the forum post and now you automatically see it here in the news feed. So you can choose what you want to automatically show up in that newsfeed, and you have these options right here. So I'd recommend if you're going to have a blog, to also have blog posts and up in there like that, and I would suggest, let's see, this is. Options related to having LearnDash. Not everyone's going to have that, so you might not want that there. I'll go ahead and click on save settings, so that is our options as it relates to the activity feed. Let's go ahead and go through the media options. So we want to allow people to create their own, uh, upload photos to their profiles or enable albums. It's up to you if you want that. Me personally, I don't want people having all of this profiles, stuff like that.
It's not Facebook. I'm going to use my . Community site for business purposes. Uh, so it's up to you though, the purpose of yours. If you want to allow people to do more with their profile, I'm want people more to interact, not necessarily spend a ton of time on their profile, but for groups. I do want people uploading photos to groups and I do want them to be able to create albums in groups. Then right here is, do you want them users to be able to send me, uh, messages with. Oh, photos, uh, items that they're uploading. And then right here, I definitely want people to upload photos to form discussions because a lot of times it might be a screenshot of something or some photo, and they're asking a question so that I definitely want it on. Next has to do with the emojis. I love emojis, so I'm going to let people use emojis wherever the heck they want to use emojis. The same thing is for animated jifs.
I want people to use animated jifs wherever they want. Now what you have to do in order to let people do the animated jifs is you need to right click here, which is Jiffy like this. Open that up in a new tab, and then go to this site. Then it's a really easy, just click on, get started right here. Click on create an app. And you're going to have to create an account and essentially you want to get what's called an API key, which you're going to copy and paste back over to here, which is going to enable you to have direct integration with these animated jifs just like you can on Facebook. So let me just go ahead and click on save settings. You'll want to go ahead and pop in your API key. Go create when it's free, it's simple. You just log in, give it a name. And they give you an API key.
It's super easy, and there's also a tutorial here on getting it as well. If you want to dig a little deeper in that, you're definitely gonna want to have that. It makes a community a lot more fun. Last is the network search. So when you are right here, there's this search option. When I click on it. I can start typing something in and we get this fine grain control over where the results are going to come from. Right here under network search. So do we want them to be able to search members? Do you want them to be able to do, we ought to include results from forums, from the groups, from the activity feeds. From other parts of your website such as blog posts, pages a, we don't want, I don't want medium. I am, my templates has to do with Elementor. We could have courses, but actually we could have lessons. These are related to only going to show if you have LearnDash installed. Okay. And, uh, let's see. We can just leave it like that. That's fine. Okay.
And then right here is auto-complete. This is actually really cool. So when someone's doing a search and typing, so let's just say a welcome, I don't remember. Oh yeah, there it is. Uh, so you can see I started typing and it's showing me result automatically. And that's because of the integration. And that's because of the auto complete suggestion feature right here, auto complete setting. And so if you don't want that, you don't have to have that in real time and you can control the number of results that display. So I'll go ahead and click on save settings and I've got to tell ya, our site is totally coming together, so we just have a few more tabs here. So we have integrations and basically right here it's for LearnDash. So these are going to be specific settings related to using LearnDash with BuddyBoss. I'm going to skip this right now and I'm going to hit this at the end of the video. We have tools right here as well.
This is really cool. This allows you to import. Dummy data that you can use as you're getting comfortable with this new platform you're learning, but you can also remove that data. So if I wanted to create a bunch of members, a bunch of groups and a bunch of forums, I can click on import, select, select the data, and it's going to populate and create forms and groups and all that kind of stuff for me. Uh, but I'm showing you in this tutorial video. You can play with that if you want. Uh, but, uh, I'm going to show you how to, I already showed you how to create a form, but I'm going to show you how to do a lot of that right now anyway. Then there's this option to repair a community. So if you are communicating with BuddyBoss support, there may come and time where they ask you to run one of these options just to make sure everything stays in sync. Okay, so this is for the community.
Here's a repair for the forums right here. Uh, here is if you want to import some profile types right here. If you're migrating from a different tool and you have the same import option right here for forums, and you have the import option here for media, this is actually really good for forms. If you're coming from any of these different forum platforms, they have an automatic import. Ability, which is pretty nice. It'll make it easy for you to migrate all your data in and across. Okay. We are in the home stretch here, so we just have a few other options right here for BuddyBoss, and let's just go through them. So I can click right here on profiles, and this is where I can add a custom field. So if there's a custom bit of information that you want people to be able to add to their profile.
You can go here and click add new field just like this. Give the field a name and you can give a field type right here, have a checkbox and drop down. There's all these different options right here for creating custom fields. Uh, for these different profiles. So if it was a business community, you can ask someone what industry they're in, what's their profession, these specific types of information. So I'll go ahead and create a custom field. I just entered the name industry as what industry are you in? And I'll just leave it as a single line of text here. Is it required? Is it optional? I'll leave that optional. Is it visible or only me? The admin can see it, or can all members see it? So all members would be, if someone's logged in, that's the only time they can see it. Uh, and then right here, uh, there's some additional options. Let's go ahead and click on save. And so now I've added this custom fields.
So if I click. Back on profile fields. You can see we have this field here and we can even rearrange these fields like that, which makes it really nice. So now let's choose the option here where it says profile navigation. It's going to kick us into that customizer, like experience. And what I'm going to want to do is get into a profile here. So I'm going to click right here where it says Adam Price, or that should take me into my own pro app. There it is. There's my profile. So you could see, here's my avatar, here's my cover image, which is nothing. Um, here's some information about me when I joined and you have these various tabs here. And so this is what everybody's going to have access to, uh, which makes it really convenient.
So, uh, we have some options here though. So I can rearrange these tabs. So you see how it's profile timeline groups, if I wanted forums to be, say at the top. And so essentially when someone clicks on forums, it's going to show them all the forum posts that they've made. Uh, so if I click here where it says forums, you're going to be able to see. It's going to be a list of all the discussions that I've started. Um, and then I can click here and see the replies, things I favorited and my subscriptions. Uh, so you have those options there and you can totally control that. Now also, if you don't like this vertical. I'm sorry, this horizontal navigation, I could click this option here and display them. Uh, I can display them vertically like this. I kinda like the vertical look myself better.
So here is where someone can edit their profile. And, uh, here's where people can see all their activity on your community website. I kinda like this, so I'm going to go ahead and click on publish. Now we can do the same thing when we're looking at groups and we can do it when we're looking at forums and photos, and we'll get to this in a little bit. Okay, let's go ahead and get out of this. And we are done with profiles. So now. Let's take a look or groups. We haven't done anything in groups yet, so I'm going to click add new group. You can see we're going to do a group navigation as well, so what we need to do is just go ahead and give this group a name. I just came up with the name website creators and we can have a description here and I've got a description. I'll go ahead and click on publish.
And so now we have this new group, and as soon as we do that, we get all these different group options that appear. So what we have here is our name. This is the link to this group right here. We can change this description whenever we want to change the description, we can add a member by typing their name. Here we can see, oops, we can see a list of the organizers and we can change people's roles right here. We can assign someone to be a moderator or a member. And we can remove or ban people. This is just like Facebook. And then off to the right here, we have additional options as well. So you can see right here we have the group privacy. Is this public, private or hidden? And who can invite others to join the group? So if you want to let people invite other people, you could do that. Or you could just choose organizers.
That doesn't mean people can't request to join. That just means that they can't invite people to join. Then we have posting restrictions who can actually post in this group, who can manage the media of this group and who can create albums. So if you want to leave all of these controls up to the organizer, you wouldn't want to let users post to the group for sure. And we want people to be able to upload media like images. Um, but for albums you might want to just leave that to an organizer. Now, here's an important option, and this is do you want a forum that is linked to this group? And if you do, you want to check this box right here. So I'm going to check that box. I'll click on save changes and it's going to do a bunch of things and it's going to finish creating the group. And now when I scroll down, you can see it says group form. Website creators. It just created a forum for us.
And you saw like five or 10 minutes ago where we manually created a form. Well, this time because we checked that box, it automatically created a form and it linked it to the group for us. So now let's go to the front end of the website. Here I am. Let me get out of that. Let me click right here where it says forums, and you can see we now have this forum and it says, I'm an organizer. It's named website creators. Now when we click on forums right here, you should see the two forums, the general one we created, and then this automatic one that was just created, and it says right here, a group for website creators. And it's that same discussion, that same description that I entered for the group. So. This is what I love about the BuddyBoss theme. So if I want to click here to get into this group, I can just click on it and I can manage a lot of the settings for this group right here on the front end. So if I want to set a cover image. I can just see how I'm hovering.
And then there's the icon. I'm going to just click right there and it takes me into this manage tab right here, and I've got these different pieces of information that I'm able to manage. So if you have someone managing it, they don't have to be in the backend of WordPress, they don't have to see all of this stuff. They only get to see this stuff, and it makes it super easy to use. So you can click on, select your file, it's going to pull up the. File selector for your computer and you can upload the cover if photo that you want. And you can do the same thing here for this cover avatar image right here for the group. Now here's all of our settings for the group, all on the front end. So when I click on details right here, you're going to see that description. Well, whoever is an organizer, they are.
You've given a role in this group. They can go here and update this very easily and you can choose to notify. The members of the group. And then here's the settings all on the front end of the website. So you can choose the privacy settings. Who can invite in all of that. You could do all of this on the front end versus the back end. So right here you can manage photos right here. You can manage the cover photo, you can manage right here. The members of the group. And you can kick people out if you want. You can do whatever you want here. You can manage the discussions, who can add discussions to the group? And if you wanted to delete the group, you could do it right here as well. So that is one of my favorite things about this is that you can do so much on the front end. So here is the members. Okay, let's go back. Um, now we've created this group.
It's awesome. We've put all our settings in there. If I click on groups, you can see here's a list of all the groups and we only have this one, and you see some stats. Now we can also tweak the group navigation like we just did for the profile navigation. So I can click right here and it's going to take me into this customizer like experience. Let me make sure I click into a group. So I'm going to click on groups. And then I'm going to click into the group right here that I created. And so we can choose, Oh, remember right here, the, if you wanted this to be horizontal or vertical, so I can go like this and it's going to make it vertical. Just like that. You can do that. I'll leave that one horizontal. And the same thing goes with these options. You can rearrange them however you want. So if you want the discussions, the forum posts to be the first thing someone sees, you can just move that to the very first thing.
And you can see it's right there highlighted and you have all these different options. You can choose the order of all of them. I'll go ahead and click on publish and then I'll click on the X here to get out of that. So that is how you can create groups. That is how you can manage groups. That is how you can create a user forum that is linked to the group. All that easy. Okay. Next we have forums, which we took a look at a moment ago, and you can see here was the one that was just created that's linked to a group, but a right here. We have the general one right here as well that we created together. So, uh, right here, whenever someone. Creates a forum topic. You're going to see it listed right here where it says discussions. So when I click in there, there's the the forum topic that I created, and you're going to see all the replies listed here. Now, you're not going to really want to come back here to manage it.
You're going to want to manage it all on the front end, pretty much. So if I'm right here and I click on forums and we see our two forums right here and right here besides a, we probably want to put a. A featured image on that. Let me do that really quick right here. So right here, it's a set featured image. I'll click there, I'll choose my one image, and then I'll choose that, and then I'll click on update, and then I will go here and do a quick refresh. You can see now we have an image right there. So if I click say right here, it's going to show me the one discussion. And let me click in to that discussion right here. I can click on a reply and here is my reply. And then here's how someone can add an image. They can add a animated Jif and they can add an emoji if they want. Ah, let's just go ahead and put an emoji. And then I'll click on post. And so there's the reply. So if I go back to forums and now I click on discussions, you see the one discussion, but if I click on replies, you're going to see that one reply now that I just added.
So you're going to see all the replies. But it doesn't make sense to be here in the back end to kind of manage this stuff. It's so much easier to just be on the front end to see what forum posts are going on and to reply to posts, and you can see how great this ends up looking. Okay. So we've gone over creating profiles. We've gone over groups, we've gone over forums. When you click on activity, it's just going to show you a list of these activity points. So we had the initial activity right here. Actually, let me show you something new. If I go into groups. And groups have their own activity feeds. So let me go into the group we created. And so I'll click on feed and I can post anything I want here. I wrote, if you liked this tutorial, please give it a thumbs up right now. It helps a lot, and that was actually a message to you.
So I'll go on and click a post updates. So we have an activity feed in the group. So now if I go back here to activity feed and I'll do a refresh, you're going to see that that was added as opposed to there. So you can see the who is the activity feed from a when and what. You can see it all listed right here, and this is just going to be a list of activities. So you can actually go here, search and remove stuff if you wanted to remove something out of that activity feed. Next, right here we have emails. Now there are a ton. Of email templates in here cause there's lots of things I'd email notifications are going to go out for, and you can see the titles here, but you can click into any of these if you wanted to customize the text in them.
So right here is, for example, when someone signs up, they're going to get an email to verify their email address and their account that they set up. And actually that's not the right email right here to activate their account. So when I click on this, this is the email that's going to go out when someone first signs up. And this is the text that's going to happen. So you don't want to touch with a mess with these types of things. And it says right here, these are tokens. Don't mess with them pretty much and see that, don't mess with it. But if you wanted to add other bits of texts, thanks for registering for my site. You can type anything you want in here. Uh, just be careful messing with this cause this is going to generate the activation URL, which is unique for each person that signs up. But you can go in here and you can customize this text all that you want. Um, just like this. Now these emails. This texts gets put into an email template. Now, if you want to customize that email template, it's very easy. You can click right here with this customized layout. It's going to go ahead and take us into that familiar looking customizer where we were just editing the forums in the group layouts.
Uh, here it is. So here's what the template's going to look like. And there's just a few things that you're able to do here. So for the header, when we click on this, we're going to be able to put in a custom logo. So if you have a logo for your community site and you wanted to have that also included an email set, go out, you'll want to add the custom logo. It's going to replace this here where it says community, and it's going to replace that. With that logo. Okay. And then here for the body, what you're able to do is change the colors. So this is nice. So you can, instead of having the blue, you can also have your brand's colors right here. Although I think these email templates are just beautiful to begin with. And then for the footer, you can change the text. That right there for it, as well as the cut color and the size.
So you're definitely gonna want to go in here and just change some of these settings. I'm going to click on X here, but you're probably not going to want to mess with these email templates much. They are kind of perfect the way that they are. Okay. Last option here is notices. These are notices that will appear globally on the site soft. Go ahead and put a subject and some content here for a notice so you can see what it looks like. Okay, I've put my notice in. I will click on publish and it is now there, and let's just end up seeing what happens. So I'm going to go ahead and click on home and Oh, there it is. Urgent. Please don't forget. To like this video and subscribe to my channel. There it is. And a user can close this if they want. So you could see on various pages it's going to appear. So that's the news feed. Let's see if it appear. It appears on the blog and appears. Let's see, on forums, if I'm on groups now, if I'm in a group, I don't think it actually shows there.
Oh, there it is. It does show there. And. The user can hide it like that. So that's how you can put a notice out so you can deactivate a notice and delete a notice. Let's go ahead and deactivate this notice just like that. Now it's the activated, but what you could do is you can activate it later as well. So that is a really nice little feature that is there. Okay. The last thing is some settings related to. The forum and they're kind of nice. So if you go into the theme options and you scroll down here to where it says forums, there's a couple extra options that we get. So right here is the form grids. Do we want to show a card or a cover. Uh, this is set the card right now. A card means you get the image and then you have this white area with the written information. Uh, if you switch it, it's going to put this text over the image. I prefer it like this personally, but you can have it show a banner.
So let me turn the banner on and you can choose a background image for the banner and overlay color. You can choose the text color. You can have some info here. So let me write something. I just put welcome to the community. We have some info here, and we have this search option enabled. Let me just click on save changes. And so now I'm going to do refresh and we'll see how this looks. It just looks a little bit nicer and more inviting so you can change this color, the background image, the text and all of that. But then here's nice cause there's a dedicated search option here for the forums. And you can see. As you have your different forums set up with background images right here, featured images, and you start having discussions going, it's going to look like a very lively place. So that about does it for all of the main components that come with BuddyBoss.
Now there's two things that I did not cover yet and I'm going to cover them quickly. Uh, because the one I'm going to talk about LearnDash it's an entire video on its own. It's very simple to use, but it's an entire video on its own. Um, but there's a ton of unique features that BuddyBoss has for LearnDash, and it's a great, if you have an intranet or an online course website with the communities connected to it, it creates this. Very cohesive experience. And so the LearnDash integrations, amazing. So you would just, Oh, this is a group five minute overview. You go to learn dash and I'll put a link down below to a full tutorial on LearnDash. Um, the only reason I don't want to go over it in this video is cause not everyone's going to want a learning component to their community website.
But it's super simple to use. You would go to courses and you can create multiple online courses. Let's go ahead and create one. I'll click add new, and then it's pretty simple. I'm going to give my course a name, so I just put in a title, a little tiny description right here. And I put a featured image right there. Let me just go ahead and click on publish real quick just to get this published. Then I'm going to click on this tab right here. That's as builder, and this is where we're going to start building out the course content. It's super easy. You can create sections to organize your lessons. And you can create lessons and you can have topics in those lessons. So let me just go ahead and put some stuff here. You would just go ahead and say, add a new section. I'll give it a title and then I'll click add section heading and you could see it there.
Now I'm going to click new lesson just like this, and I'll give it a title as well. Then I click add lesson and I'm just going to add one more lesson. I'll click on new lesson and I'll just add one more and just named that course requirements. I'll click on add lesson just like that. And then there it is. And so let me go ahead and update this course just like that. Okay, so I'm going to go click on course page up here. Just click on view course so you can see all this beautiful styling that you see right here is bill is coming from the BuddyBoss theme, so it just looks gorgeous, right? We have the title of the course. We have the details of the course. Oops, that just shoots me down. We've got these instructor. The date. Uh, we have that cover image right here. This is gonna show you a, an avatar of all the students that are inside of the course. And we have a brief snapshot of the content in the course. And then someone can click here and click on start course.
And then it takes us into this beautiful course navigation. So right here is I can jump around to the different lessons. I'm in the lesson right now. I didn't put any content in it, obviously. Um, but we have this here, but this is what I love. We have these two options. So this right here is going to put us in dark mode. So when I do that, it makes everything dark and it's just easier on the eyes. And so let me go like that. And then right here is kind of like a focus mode, so I can click on that and it just makes everything kind of disappear. And then here I am, and then I can click here and see everything again. So there's a lot more to to learn. Dash um, so. You can obviously use LearnDash to sell your courses as well. And it's super easy to do using BuddyBoss. You can create a beautiful grid of your courses. Um, uh, it's just a very easy thing to do, uh, with LearnDash inquiry. Quizzes and questions for those quizzes, issue certificates, have assignments, groups, all kinds of stuff like that.
You can have it be, so when someone buys a course, they're automatically added to a group so that they can discuss the course. Ed, just the students together. Uh, it's really slick the options within. So let me just show you those real quick. So if I go back to BuddyBoss, and then I go to components. And then I click where it says integrations, and then I click where it says, LearnDash, here's where we're going to set up this automatically creating or enrolling or adding the new student into a group. We have those options. All right, here, it's called this sinking right here. And then we can have information added to someone's profile page, so it'll show the courses that they're in. So let me just go ahead and click on save settings right there. And then there is some additional theme options as well for LearnDash users right here, you can click on it and then there's this option here.
For LearnDash, and you'll have options on the course page that lists out all the different courses on your site. Uh, it's very comprehensive and complete. Lastly, there is an option to add an events calendar, and it provides all of the styling to make that look beautiful. And this is a free plugin, so we can go to plugins. We can click on add new. We can do a search right here for events calendar, and when you type it in, you'll see right here the events calendar. You can click on install now. Then you can click on activate and it's going to add a new option over here on the left. This is free. They also have a paid version of it, but I don't think you need it for a community website and you'll be totally fine. With this free option, right? Here's where you can opt into giving them some of your info. I would suggest clicking on skip, and then what we could do here is click on add new. So here's the options for events.
We can click on, add new to add a new event. I'll just go ahead and fill this out. Okay. I've named this new members webinar. We can scroll down here. Here's the time of the event right there. We can put in location information, organizer information, event websites. This can be a link to register for the webinar and then a cost. You can sell access to it if you wanted to, and there's additional features if you purchase their pro version, but this is fine. I'll go ahead and click on publish. And then what I'm going to do is click on the link. This is the new link to view the event right here, and you can see it just looks great. Obviously I didn't fill it all out. I could fill it out a whole heck of a lot more and it would look even better, but this looks pretty good already, and it's also going to, if we go into the settings for this plugin, I can go, let's see. I'm going to go to settings right here. There's also a page that lists all of your events.
So when you scroll down, there's this setting right here. It says events. You are L slug, and it says right here, events. And then it shows you this link right here. Well, if I click on it right here. It's going to show this calendar view in. So you can see a list of all of the events right here, and you can change this to be a list if you wanted to view them as a list of events. This is better if there's not a long, lots of events in a particular period of time. Uh, and you can do that there. And there could be a search for events and you can see just it's a free plugin. If you want to list events. It's actually a great way of doing it. And, uh, it doesn't cost you anything and it's already gonna look beautiful out of the box with BuddyBoss. So this is the BuddyBoss theme, and we've gone over it all we have and a newsfeed right here.
But we could do something different with the homepage if we wanted. We created a blog right here in a blog post. We have the feed again, here is a forums, and you can see this beautiful header part that we created. We have unique groups. We have courses in here as well. We went through customizing the colors, the fonts, the layouts. Everything. The logo area. We covered it all in this one video. Well, I want to thank you for spending this time with me on this video. I really need your help though, to give this video a thumbs up and that will help YouTube show this video to more and more people that can benefit from that. I really appreciate if you could help me in that way. Also, if you'd like this kind of content subscribing, click on the notification bell. YouTube is going to let you know when I have extra videos that go along with this one. They're just going to go ahead and let you know, so remember all the links, everything is in the video description box down below, as well as links to other videos that are going to help you with this website.
The link. To learn more about LearnDash. I have a link there for learning search engine optimization for your online community website. I'm going to have all that down below as well for you. Hey, thanks for spending this time with me. I wish you all the success and the best in building your online community website and I'll see you in the next video..