Changing Your Website's Appearance Using WordPress

WordPress: Beginner Website Creation and Web Design, No Coding WordPress – Administration area or "Back end"
8 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€67.10
List Price:  €95.86
You save:  €28.76
£55.67
List Price:  £79.54
You save:  £23.86
CA$100.49
List Price:  CA$143.56
You save:  CA$43.07
A$111.96
List Price:  A$159.95
You save:  A$47.99
S$94.87
List Price:  S$135.54
You save:  S$40.66
HK$544.16
List Price:  HK$777.41
You save:  HK$233.24
CHF 62.56
List Price:  CHF 89.37
You save:  CHF 26.81
NOK kr792.29
List Price:  NOK kr1,131.89
You save:  NOK kr339.60
DKK kr500.54
List Price:  DKK kr715.08
You save:  DKK kr214.54
NZ$123.74
List Price:  NZ$176.78
You save:  NZ$53.04
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.19
৳8,330.24
List Price:  ৳11,900.85
You save:  ৳3,570.61
₹5,945.56
List Price:  ₹8,494.03
You save:  ₹2,548.46
RM315.51
List Price:  RM450.75
You save:  RM135.24
₦108,149.19
List Price:  ₦154,505.46
You save:  ₦46,356.27
₨19,403.53
List Price:  ₨27,720.51
You save:  ₨8,316.98
฿2,393.75
List Price:  ฿3,419.79
You save:  ฿1,026.04
₺2,454.67
List Price:  ₺3,506.82
You save:  ₺1,052.15
B$425.95
List Price:  B$608.53
You save:  B$182.58
R1,282.09
List Price:  R1,831.63
You save:  R549.54
Лв131.15
List Price:  Лв187.37
You save:  Лв56.21
₩101,234.93
List Price:  ₩144,627.53
You save:  ₩43,392.60
₪254.67
List Price:  ₪363.83
You save:  ₪109.16
₱4,117.86
List Price:  ₱5,882.91
You save:  ₱1,765.05
¥10,949.58
List Price:  ¥15,642.93
You save:  ¥4,693.35
MX$1,405.49
List Price:  MX$2,007.92
You save:  MX$602.43
QR254.12
List Price:  QR363.05
You save:  QR108.92
P963.49
List Price:  P1,376.48
You save:  P412.98
KSh8,999.72
List Price:  KSh12,857.29
You save:  KSh3,857.57
E£3,561.31
List Price:  E£5,087.81
You save:  E£1,526.49
ብር8,689.79
List Price:  ብር12,414.52
You save:  ብር3,724.72
Kz64,250.82
List Price:  Kz91,790.82
You save:  Kz27,540
CLP$69,143.42
List Price:  CLP$98,780.55
You save:  CLP$29,637.13
CN¥510.67
List Price:  CN¥729.56
You save:  CN¥218.89
RD$4,244.94
List Price:  RD$6,064.47
You save:  RD$1,819.52
DA9,440.04
List Price:  DA13,486.35
You save:  DA4,046.31
FJ$162.13
List Price:  FJ$231.62
You save:  FJ$69.49
Q537.12
List Price:  Q767.35
You save:  Q230.22
GY$14,584.29
List Price:  GY$20,835.60
You save:  GY$6,251.30
ISK kr9,693.35
List Price:  ISK kr13,848.23
You save:  ISK kr4,154.88
DH701.59
List Price:  DH1,002.31
You save:  DH300.72
L1,285.64
List Price:  L1,836.70
You save:  L551.06
ден4,127.89
List Price:  ден5,897.23
You save:  ден1,769.34
MOP$558.06
List Price:  MOP$797.27
You save:  MOP$239.20
N$1,283.39
List Price:  N$1,833.49
You save:  N$550.10
C$2,565.21
List Price:  C$3,664.75
You save:  C$1,099.53
रु9,482.30
List Price:  रु13,546.73
You save:  रु4,064.42
S/259.58
List Price:  S/370.84
You save:  S/111.26
K282.68
List Price:  K403.85
You save:  K121.16
SAR262.90
List Price:  SAR375.59
You save:  SAR112.68
ZK1,929.21
List Price:  ZK2,756.13
You save:  ZK826.92
L333.95
List Price:  L477.10
You save:  L143.14
Kč1,686.22
List Price:  Kč2,408.98
You save:  Kč722.76
Ft27,781.83
List Price:  Ft39,690.03
You save:  Ft11,908.20
SEK kr772.17
List Price:  SEK kr1,103.14
You save:  SEK kr330.97
ARS$71,242.69
List Price:  ARS$101,779.64
You save:  ARS$30,536.94
Bs481.71
List Price:  Bs688.19
You save:  Bs206.47
COP$305,135.87
List Price:  COP$435,927.07
You save:  COP$130,791.20
₡35,171.10
List Price:  ₡50,246.58
You save:  ₡15,075.48
L1,769.55
List Price:  L2,528.04
You save:  L758.48
₲543,563.42
List Price:  ₲776,552.46
You save:  ₲232,989.03
$U3,109.25
List Price:  $U4,441.97
You save:  $U1,332.72
zł286.15
List Price:  zł408.81
You save:  zł122.65
Already have an account? Log In

Transcript

Hello, this is Rob here from real carbonite.com. Now we're going to talk about the appearance section of the WordPress back end. So, if you go into the left of your WordPress administration area, and hover over appearance, you'll notice the first sub item is themes. So we'll click on that. The easiest way to describe a WordPress theme is to say it's like a skin. It's like changing the look of your website.

Although themes also can change the functionality of the website, but for the time being, let's just think of them as a skin. So as you can see here in appearance themes in our WordPress back end, we have the theme 2016. activated WordPress supply a free theme every year and it's named after To the year, they've been doing that since 2010. So as you can see, there's two other options we have here. And I'm going to activate 2015. Now that's activated 2015 is now on the top row on the left now, and 2016 has gone all the way over there. If we now go back to the homepage or any page of the site and refresh, you'll now see that the site looks completely different.

In fact, the sidebar is on the left hand side rather than the right hand side. I'll just change that back and activate 2016. Now themes are extremely important. There are a lot of them, you may have your favorites already. If you go to wordpress.org. You have a repository of themes here.

And you can search by the niche of your website or there are features Like colors, layout and other features that you can apply as filters within a search. However, I don't recommend you do it this way. That's because there are 10s of thousands of three themes out there. Not all of them are great. Some of them may look good, but may produce some HTML. That's not fantastic.

Maybe it will work against you in the search engines. They don't include premium themes that you pay for. And I would always tend to use a premium theme with my commercial WordPress work. There is a section called commercial themes here. However, I would advise you to look around at the commercial themes that are available and see what people are saying about certain themes and use that to inform your decision. So the theme is Extremely important, but at the moment we're sticking with 2016.

If you click customize the second subheading under appearance in the WordPress back end, you'll see some more ways to edit the appearance of your website. And you can do it in a very easy, user friendly way. I must also say that all of these various areas of the website Firstly, there'll be different depending on the theme that you have some themes allow this functionality to change these things this way, some don't. But you can also always change any of these elements in other ways at the WordPress back end that I'll be telling you about. So let's go into site identity first. And as you can see, we can change the site title, so let's call it Sam Alvarez viewers, and we actually can see what it looks like before.

We've seen Save that change. So you get a real time idea of how you're changing the site. That's the tagline, obviously. And if you instead of wanting the site title and the tagline as text up here, and you want a logo up here, you can do that here. And if you do that, that's not the only way these words appear on a web page. Let's just go back to the site.

And if we have a look up here at window in Chrome, you'll see that that site title is actually there in the HTML, this is actually a very good place to change the site icon site icon is this fav icon here at the top of the web browser. And you can change that here and it's a very good idea for you to do so. So let's save and publish that change we made to the site title. If we go back now to the customizing section. I'm going to leave all of these the fairly obvious one They do anyway, or maybe a couple of them aren't obvious, but I will come back to that. I'm going to click that cross there and make that disappear.

So that was themes customize. Now we're going to themes widgets. So the best way to explain widgets is that they are little bits of code, or functionality that you can drag and drop into various areas of your website. Here we've got a sidebar area content, bottom one and a content bottom two. So these are what's called digitized areas. And these are what's called widgets.

And you can reorder your widgets. Let's put Recent Posts at the bottom and let's delete the meta. There it goes. No need to save anything. Those changes are already in effect will now refresh. We're back on the other theme Remember, the recent posts have gone to the bottom, that widget, and the meta widget has now disappeared.

So we've now got search recent comments, archives categories, recent posts. And that's the order we have the widgets here. So very easy to see what the widgets do. And it's very easy to see how user friendly they are. Now you can get more widgets from other plugins. Other themes will have different widget eyes areas, you can have a homepage with widget eyes areas, and then you can drag and drop whatever functionality you want on the homepage.

So there's a great user friendly ways to change your website. So we'll be coming back to widgets later in the course, menus. We'll be coming back to this later in the course. But as you might imagine, this is a great way to create a menu just beneath the logo or the header area of your website, talking about The header, this theme, if you click through there will allow you to add a header to 1000 pixels by 280 pixels that's roughly the size of this top bit here. Similarly, background that does the same thing, you can click on that and it will open the Customize theme section. And you'll be able to load an image for the background.

The last section in appearance, I wouldn't advise you using appearance editor. This shows you the PHP code for all the files of the website. In fact, the one It starts with is the style CSS. So that's not PHP at CSS, which is a file you may want to edit if you are conversant in CSS. However, if you do want to edit this file, I wouldn't advise you to do it through the appearance editor in the world. Press administration section because these files are very long, and you would want to edit them using a proper code editor, which will make things much easier for you.

This is not a good way to edit code or text in any way. So I hope you enjoyed that little bit about how you can change the appearance using really user friendly areas of the WordPress back end. My name is Rob coven. I'll see you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.