 Hei, yn fawr, ydych yn bwysig yn cael ei bryd, ddweud i'ch gael y cyfnod hwn yn gael'r gweithio cyfeithio cyfnod hwn yw'r cyfnod hwn yn ei gweithio cyfnod hwn yn cyfnod hwn yn gweithio cyfnod hwn yw'r cyffredinol mawr yn gweithio cyfleidol. Mae hwn yn gweithio'r gweithio cyffredinol hwn yn gweithio cyffredinol hwn Ond y gwybod y maen nhw'n meddyl iawn i'w dwyloedd gweithio'r newydd, nhw'n gwybod y maen nhw'n meddyl iawn i'w dwyloedd. Byddwn i'w ddweud i'w dda'r gweithio i dda'r gweithio i gael ei bod nhw'n mynd. Ond mae'n fydd i chi'n gwneud eich gweithio a'r gweithio i gael eich gweithio i gael eich gweithio i'w dweud. I just wanted to kind of talk to you guys about the basics of WordPress and help people get started for anyone who might not be too sure what they're doing with WordPress. I'm hoping that this will give you a bit more confidence when using the dashboard. I'm going to talk through a couple of popular plugins and basically going to be doing a talk about the kind of thing I do when I set up a website and how I use the dashboard, the places I go, the things I set up. I'm going to try and make it a bit interactive as well. If I'm going to be changing something on the site, I'd appreciate your input. If you would like a specific colour or something, let's try and make the website a little hideous because it might be fun. Let's get to it. I just wanted to talk about why I think new people building websites should choose WordPress over another platform. It's really tempting when you're not too codi, like you might want to go to one of these drag-and-drop style editors, something like Weebly, something where it's really straightforward drag-and-drop, you've got a website. That's really useful, but I'd always, no matter how basic your knowledge is, I'd always encourage people to use WordPress and the reasons are here. With a drag-and-drop builder, depending where you go, it can be really hard to have full control over it. You can't necessarily move it onto other hosting, depending where you get from. You're a bit limited in what you can do. Some of the features of drag-and-drop builders need to be paid for. E-commerce, you sometimes need to pay a bit extra. Pretty much anything you want to do with WordPress, there's a free plug-in for more or less. To be honest, if there's a paid plug-in, there's probably a free version. WordPress is awesome. You've got access to all your code. Everything is yours. There's ultimate freedom with it, and it's great. WordPress can do anything. Any type of website you can imagine, you can create with WordPress. You want a shop, there's a plug-in for e-commerce, really popular. You want a forum, social media website. You want a website with reviews, there's a plug-in specific for that. Any kind of website you can dream up, you can create in WordPress. Even if there's not a plug-in, which does the specific thing you need it to, you can get around that with some really unique plug-ins, which I'm going to mention some plug-ins which are really good for creating any kind of content at the end of the talk. WordPress is awesome. To sell you all on WordPress, because it's going to be really hard to sell a WordCamp or WordPress, I'm going to make a website with you guys. I've put a website up here, myradwebsite.co.uk. You can visit that now, it's just got a basic install, but we're going to have a play with that website. Using the dashboard, I'm going to talk you through the dashboard and what I'm going to be doing to the site, just to hopefully get across to you how easy it is to use because with the WordPress dashboard, which this is where I'm going to go off into my other screen. This is my website. I'm going straight into the WordPress website as if we've just installed it because most hosting companies will install WordPress for you, so you don't need to go through the setting up the database thing and turn it all up. I thought I'd skip over that because that would be a good 10 minutes out of actually getting in and getting stuck into WordPress. The dashboard, what will happen once you set up a WordPress website is you'll have a homepage that looks like this and you'll be able to log in by going to your website slash wp-admin. I've got a bit of a unique setup, so I've got the wp-wp-admin, but what I'm going to do is I'm going to just create some content and go back to my slides just as my prompts to show you what I'm going to do and yeah, we'll use this to make a website. So, if I just go back over to my slides. Cool. I'm just going to talk you through some of the main points of the dashboard. So, when you log into WordPress, this can look a little bit daunting. This is something we get told quite a lot on support if we're trying to get someone on WordPress who's really unsure about how to make a website. They can sometimes log in, see all this. They'll be used to their drag-and-drop editor and this can look a bit daunting. So I'm just going to talk through the main places where I use WordPress. So when you log into WordPress, you've got your website and the main places you'll be adding content is your posts and your pages which we're going to go through that, Charlotte. Your appearance is anything to do with how your website looks. Plugins, we're going to go through installing some plugins. Users, you can add users. So I've got my admin user here. If I want to give access to someone else, I can add a user here and they can log in. I can give them different levels of permissions because, in most cases, we don't want to create too many admins. So if someone's going to contribute on your blog, you'd probably set them as an author. And we'll go through tools and settings and just explain what they do as well. So the first thing we're going to do is change our theme. So if I just bring this up, I've just got the steps on how we're going to do that. So we're already logged into the site and we'd go to the appearance and the theme section to add a theme to our site. I'm just going to pick a nice, basic one that we can have a bit of a play with. So if I go to appearance and themes, you get a screen like this. There's already some themes built in. If we want to add a new theme, we can click the little button at the top there and we've got access to all these different themes. And what I usually do when picking a theme is I usually go to the popular section because if they're popular, I kind of assume they look good and people are quite good at using them and they're quite easy to use. So I'm not going to do anything too crazy. I'm just going to change from the 2017 theme to the 2016 theme. So it's another default WordPress theme. You can get stuff a bit more exciting. You can do things like get a theme specific for a portfolio and art website. There's ones that are good for like classifieds and things like that and magazine type themes. You just basically, when you go to add new, you would type in a keyword, so something like magazine. And we get all these cool looking themes, but rather than go through a really complex theme for a short talk, I will just have a play with this theme. So when I install the theme, I click install and then activate. And then if I go back into appearance and themes, you'll see that I've got this theme activated and if we go to our website, I've got any theme there. So this theme looks a little boring to me. So I'm going to have a play with it. If I click on customize in the top menu here or if you go back into your dashboard, appearance and customize, you can find it there as well. This gives you access to change some of the basic appearance of your website. So let's have a play with the colours. Backbone colour, that's a bit boring. What colour shall we go for? Bright yellow? Yeah, why not? That looks great. Pink, links. Ah, that's beautiful. We'll leave the main text because we want it to be readable. We might change that in a bit once we decide that we've been blinded by the bright yellow. But yeah, the customize is really good for things, for making small edits to your theme. Depending on the theme, you might have a lot more options in here. So because this is quite a basic theme, just got these options. I can add widgets there which we'll talk about. You can add a background image if you want and you can add a header. Let's add a header. So if I just bring this back here, I've got a little assets folder here, which is mostly pictures of dogs. But if we, when going to add a header, there's an option to just add new image and adding images to WordPress is super easy because you get given wherever you're going to add images, you get given a page like this where you can just drag and drop pictures in. So I'll just do that with this one. That looks great. And then I can crop it. I want the dog's faces in. Crop image. And there we go. I've got a header on my side. That is a very blurry image. But there we go. Shall we leave the header in or do we want it without a header? Header, okay. We'll keep the puppy header. Good choice. Cool. So this is our website. I know this is a poor example for the kind of website you'd probably want to put out on the internet, but you can quite quickly see how soon you can start customising your WordPress website. You can add your own brand type colours, create a header which isn't too blurry, but you can make this website your own quite easily with just a few basic changes in the appearance section. That's the example of our website. Going through customising themes. These are more of my prompts, but we'll go here. Cool. Next thing that we're going to do is create some pages. So I've created my website and there's not really much in terms of content. I want to add some pages so I can tell people what my website's about and who I am and maybe add contact forms, things like that. So to do that, you'd go back into your dashboard and you'd go to the pages section. I'll be talking about posting pages shortlet about the differences, but for now I just want to set up a few quick pages so I can get menus set up and things like that and I'll show you how to do that. So we've come to the pages area. There's two default pages, which I'm going to get rid of the sample page because I don't need that. Is Heather here? I'm going to add a new page. I'm just going to quickly add a few pages. What kind of pages would we like? I'm going to add an about page from my website and this interface here is fairly simple to use. It's kind of like editing in a Word document. You can add your headers so about it will already have a header. You can see that kind of automatically format, so I didn't click anything. I set the header tag here, but then I may done a space and it automatically reverted to the paragraph content. Again, you can add media in the same way you did before. You can drag and drop into it in a face and it's really easy to use. So I'm going to add a header. I'm going to drop into this interface and it's really easy to use. If you do want to have a bit more of a play, there's a text editor where you can add HTML tags and things like that. This will all change soon when Gutenberg comes out, but for now this is how we would customise our pages. Here we've got some settings. We can edit the visibility of our page. I'm going to make all these public, protected sections if there's a member login section, things like that, or some sort of page which you only want certain people to be able to visit. You can also set a featured image, which that's more to do with your theme. Depending on what kind of theme you've got, sometimes links to pages might have fancy images, things like that. You can set them. I'm not going to for this example, but be aware that you can do some pretty cool stuff with featured images as well. I'm going to look at them and looking at your site and seeing what it looks like. I'll just publish my about page, and I'm just going to add a couple more. I'll add a contact page. I'm also going to add a blog page. I'll show you why in a second, and a home page. Cool. I've added a bunch of pages here that I'm ready to set up. If I look on my website now, you'll see that you can't really see any links to the pages, and if I go over to my slides, that's because we're going to create a menu for them. The menu section is for creating navigation for your website, and depending on your theme, it might do this automatically. Sometimes once you add a page, it automatically gets added into a menu that's set for the theme. I'm going to create a menu myself because I want these links displayed on my site in a certain order, and this is the place I would go and do that. So, if I go over to a parents again, and then menus, you get a page like this, and you can also have a live preview of it, but I personally prefer to do it in here. I'll just show you what the live preview looks like, menus, view all locations, create a new menu. We're just going to do that in this page. So I'm going to create a menu, call it home menu, I'll call it home nebulous apparently, home menu, and I'm just, I created to my menu. That's not necessarily the order I would want them in. So, for example, I want my about page after my home page. You can add them as sub items, so they'll add to the navigation. You'll have your main navigation and maybe some little subheadings below them. So, I'm just going to make these all primary navigation, and then you can select locations of where you want your menu to turn up. I want it to be my primary menu. Depending on your theme, you'll have different menu locations. A lot of this is very specific to what theme you will choose, but you'll have something like this where you've got your menu section and you can choose locations based on the theme. So, if I save my menu and go back over to my website, you'll see now that I have this section here. I have my home, about, and blog page. Now, the reason I've created a blog page, if we go to the main homepage here, this is where my blog posts turn up, but I want to show you the setting section of the site. I believe it's next. Yes. And you can, with the settings menu, this is where most of your core features of your website and main settings are held. So, for example, I've gone into settings and general here and I can change the name of my website. Cool, Word, Camp. So, you can change things like that. You can change the date format for your blog post, things like that. I'm just going to save that. The main thing I wanted to show here, which I think is one of the main places I go when I set up a website, for most websites I create, I don't like having the blog posts on the home page as soon as you go in. Some people do. It depends on what you want your website to be, really. But what I prefer to do is I go to the reading section in the settings area and I always change the home page display from the latest post to a static page. And this is why I created that blog page before, because now I can set a home page of home where I can write an introduction, welcome to my site type thing and posts I can set to blog. And if I save that and go back over to the website, now you'll see my home page is blank. It doesn't have those posts anymore, so I can write an introduction here and if I go over to blog my blog will be here and subsequent blog posts that we might add will be added down here. And that's just a way I can customise how people interact with my website because I can now put something cool and different in my home page. Just going to go back to the settings area just to talk about some of the other options. You can set thumbnails for your media. I'd recommend not necessarily doing this unless you really know what you want from a thumbnail because most of these will be preset and your theme will take care of setting the right thumbnails for your website. So that bit I kind of breeze over. This is a really good area to be aware of. Your permalinks in WordPress, depending on your setup you might have plain permalinks setup and what permalinks are is they're just how WordPress writes the structure of your links. So mine was set to day and name and if I go back over to my site and go to this you'll see here at the top maybe not be able to see it too well but it's got the year and the month in the URL. In permalinks you can change that so I can change it to be rather than having the day I can just do post name so it'll be my website myradwebsite.co.uk so I'll save that and it'll change that link for me and yeah that's... ooh I've just noticed the typo on the homepage name so I'll fix that because we care a lot about this website there we go cool so yeah the settings menu is where you can edit most of the important parts of your website and how people interact with it and how they read your blog and it's really handy so it's worth having a play around in there just be aware of changing URLs in the general section because if you're not too sure what you're doing you can make the website go down so it is worth being a little careful in that area it's the only area in the dashboard where you can really cause a massive problem but the options I've shown you through are perfectly fine to change to whatever you'd like them to be next I'm going to show you creating posts let's go back to that actually because I'm just going to talk about the difference between a post and a page because in a lot of ways they're very much the same thing but WordPress has different options for posts and pages and posts when you post them they're more in a blog style format so they'll have a data sign to them you'll be able to organise them by categories and tags and things like that pages and the pages I created before are more for main content which stays the same you can update it but things that you want people to be able to easily access on the home page you can create a page for and it's static doesn't have a date won't get bumped down when you create more pages and yeah that's kind of that's just basically the difference so I'm going to create a post so I go to posts I will add a new post and I have a little post here which I stole off my own blog and it's about another word camp and it was about I think this one was about word camp London yeah word camp London woohoo there we go and I can paste that in and you can see the kind of things I can change here and assign to this blog post so I can add categories so I could have a category for word camps I could have a category for tutorials maybe but I wouldn't necessarily add this as a tutorial this is more me just talking about a word camp this post so I'd assign it to that category and then I can add tags and this is good for your SEO if you want to turn up on Google you want to set some good tags people find your content on your site when you're searching so I can add word camp as a tag, woohoo with commas you don't need to do a space if you add them it will separate them like that so you can create your tags like that and you can set a featured image again which will come up nicely on your page shall we set a featured image let's use our dog picture from before publish that and let's have a look what that looks like back to my home page, blog section and you'll see this word camp London post has my featured image there my post content there and I also have my categories and tags here and below that is my previous blog post and that's just kind of how the posts work they just bump down from the top like you would expect a blog to do and that's how they differ from pages which are static content you don't add new ones behind there I've just been given the 5 minute mark so I'm going to speed up a bit plugins plugins unlock the true power of WordPress when you add a plug into your website you're adding little bits of code that someone's created and this is where you can really customise your WordPress website and do whatever you want it to do I was going to go through 2 but since we've pushed for time I'm just going to talk about Yoast Yoast is one of the popular plugins I'm going to cover it's a plugin which basically adds some basic SEO for your site I'm not an SEO expert but Yoast really helps my website come up on Google and it's because it's so easy to use so I'm just going to give you an example of installing that plugins add new and to add a plugin you're just searching this area so I'm going to do Yoast which keeps trying to correct a toast so I'm going to install some toast on my website activate that depending on the plugin you get it might not be clear what it does straight away good places to look for what a plugin does is on your plugin section you can do a few details there a few links to the page where Yoast is featured on the WordPress.org site and it usually has some documentation so if you're not too sure what your plugin does when you activate it you can usually find some helpful information there Yoast is pretty straightforward in terms of where you can go because you can go in settings and set some basic SEO settings but the main thing I use Yoast for if we go back over to my WordCamp London post what Yoast does is it adds this section below the post content it adds this section here and this helps you make your pages more SEO friendly so it asks you to set a focus keyword which I'm going to put as WordCamp for the sake of this example and you might have noticed when I set that keyword word this light turned green and that's what Yoast is about getting this green light if you don't have a green light there you've got this feedback here about your post so it's got problems with your SEO things you can improve on some more improvements there these are the bigger things to do these are just some minor improvements and these are things that are good about your post so it gives you feedback on your post about what they think is good for your SEO and what is not so good and you can kind of edit your post until all these flash screen and you'll have a pretty SEO friendly page if it doesn't come up first ranking on Google it's not necessarily that might be the point where you want an SEO expert because I'm not an SEO expert I use Yoast and it does a nice job farmer makes my pages kind of turn up on Google I get some comments sometimes but yeah that's how Yoast works you can also set extra keywords and this premium options you can set things for social media so you can use Facebook and Twitter to put your page up on there and yeah Yoast is really handy for that another popular plugin was Contact Farm 7 which what Contact Farm 7 does I'm just going to talk about that real quick is it gives you a new section in your dashboard gives you a new section in your dashboard you click on that section it gives you this template builder and when you press to create that Contact Farm it gives you a short tag which I said I weren't going to show boys it's so cool it's going to be really quick about it Contact Farm 7 install ok and that's how I did this contact section here with an example contact farm and what you'll see is when you click save when you've created a contact farm you get this thing in the blue box here which is called a short tag and lots of plugins create short tags and what they do is you can just drag and drop content into your pages so the contact page I created before I can just drop that contact short coding and it does this to my page adds this really cool contact farm and how easy was that this is why plugins are awesome because I didn't want to code that that would have been painful just a few tips on choosing a good plugin something we get asked on support a lot is how can I be sure that this plugin is good this plugin is safe because anyone can submit a plugin to WordPress repository what I usually do to reassure them is remind them that anything you install through the plugin repository so within your WordPress installation that plugin would not be there if it's not been approved by someone from the WordPress.org plugin team they check through the code make sure it's safe make sure that actually works and just a few other things to check out is number of downloads star rating we also at 34sp.com have made our own plugin called WP Fingerprint and that checks them as your plugin so what it does is it looks at the plugin file on your computer on your website rather and it compares it to the plugin in the repository to make sure the files match and it's a way of making sure your plugin is not compromised not hacked it's completely safe and yeah that's just a way to try and keep on top and make sure that people have safe plugins on our hosting so feel free to check that out on the plugin repository if you'd like to I'll skip over medium galleries because we won't through them some extra homework fires because I've gone through some of the real basics on creating and how to use the dashboard some things I would recommend beginners take a look at is the Jetpack plugin because it's really good for beginners it's a plugin with a lot of different features in it you install it and you can tick things like add a contact form add links to facebook automatically post stuff it's really useful so Jetpack is definitely a good plugin for beginners to look at talk to your hosting about getting an SSL certificate if you have a contact form or any kind of data that you need protecting get an SSL certificate so it's all encrypted keeps your website safe definitely look at that and if you want to be a bit more advanced take a look at the custom post types plugin because it will really help you understand the difference between post pages and you can create really unique content with it it's a bit more of an advanced plugin but when you're comfortable with the dashboard check that one out because you'll learn so much more from it and yeah hopefully people found this helpful I tried to rush through at the end but yeah thank you