Build Your Own Business Website header image

HTML

Part 3 – Using Different Background Images on Different Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing we're going to do in this How to Customize Thesis Skins with Background Images, Colors and Gradients lesson is to use different background images on different pages. What we have created so far looks just fine on the main front page but if we come over to the menu page, now all

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 17 – Styling Text with a Span Tag

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

To continue our styling here of of button link we could come back over and let's add that span. Let's say, span class="learn-more", update it and then reload. So you can see how that span class then gets applied to this style. Now, obviously this isn't an application that you would use that in but

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 16 – Create a Button for a Link

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

The last thing I want to do in this introduction to HTML for WordPress and Thesis Users seminar is to create a button out of a link. The way that we're going to do that is to turn this into a link. So I'm going to come over to this, click the link button, let's

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 15 – Using Structural CSS to Style Structural HTML Elements

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve discussed what structural HTML is and we’ve created these Testimonial boxes using structural HTML, this gives us something to style and we're going to start off by styling the box itself. We come along here and we'll say .testimonial and we'll say background-color. Let's give it that light grey, #efefef color, background

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 14 – Using Structural HTML in a Post or a Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML in WordPress and Thesis 2 we're going to look at using structural CSS to style structural HTML elements. We’ll begin with an example on this page. We're going to make these testimonial boxes you see here and essentially with an image and a text and we're going to wrap

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 13 – Using the Thesis Body Class System

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to - ,

So we've talked about styles that are specifically related to text-like things and styles that are related essentially to global classes. And now we’re going to look at using the Thesis Body Class System.Now, Thesis also has a body class system. The one expression of that you see is this right here where it says

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 12 – Styling Lists in Thesis 2.1 Using CSS

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to - ,

We’ve had a conversation about styling text with CSS in WordPress so now we’re going to talk about different list styles in WordPress. To begin that we're going to go to w3schools and look at their section on CSS and styling lists. Lists do have a lot of different types of things that can be

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 11 – How the Font Got its Color

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

I entitle this little parable "How the Font got its color" because the skill that you want to develop as quickly as you possibly can is how to determine which CSS selector you should use in order to affect the change that you want to affect. As you just saw in my introduction to Styling

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 10 – Styling Texts with CSS in Thesis 2.1

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

This is the way in which HTML and CSS for WordPress and Thesis should be taught together. First you get a handle on the HTML tags and then you get a handle on the CSS and that's what we're going to do next. So what is CSS? CSS is a language for the defining what

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 9 – Styling Texts with Inline Styles

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML for WordPress and Thesis 2 Users seminar we're going to talk about styling text with inline styles. The best and only good kind of styling that you can do inline are essentially adding additional HTML elements to the text. So for example, in order to make text bold you

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 8 – Using Images in HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So we’ve discussed using lists and links in WordPress and with that done we're going to start talking about images in HTML. Images in HTML are also HTML elements. Whether you're in your visual view or your HTML view, you can place your cursor where you want to put the image and click Add Media.

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 7 – Creating Links in HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Well, that discussion about HTML lists in WordPress brings us to the subject of links in WordPress. Links in HTML are also elements. Let’s come over to the visual editor and take a look at this. Links in HTML are the way in which the reader click jumps from one place to another. So for

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 6 – Creating Lists in HTML

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to - ,

Next in this Introduction to HTML for WordPress and Thesis 2.1 users tutorial series we're going to take a look at lists and lists in HTML. There are essentially two different kinds of list, there are unordered lists and there are ordered lists. An unordered list uses bullets and an ordered list uses numbers or

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 5 – Headings & other HTML Text Elements

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

Now that you know how HTML works in the WordPress Text Editor, this brings us to the next topic which is using other HTML text elements. You've already seen that we have such a thing as headings and, of course, you've heard me talk about headings in other classes. Headings are h tags and you've

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 4 – HTML in the WordPress Text Editor

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to - ,

In this part of our Introduction to HTML for WordPress and Thesis users we're going to look at HTML in the WordPress text editor but before we start talking about styling text, we're going to come over here to Pages and look at our Test HTML page. As you know WordPress has these two different

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 3 – HTML Tags & the Structure of an HTML Document

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that you know which tools we’ll be using to work with HTML in WordPress and Thesis, let’s move on to HTML Tags and document structure. HTML tags have essentially two different types as we are classifying them. Now, there are lots of different ways to classify HTML tags. This is one of those methods

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 2 – Tools of the Trade

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to - ,

As part of learning HTML for WordPress and Thesis, there are some tools that are valuable to know how to use. I want to draw your attention to them here and we’ll start off with Firefox. Now, many of you have watched me for many hours and you see that I typically use Chrome and

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 1 – How to Learn HTML for WordPress and Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

Good morning everybody and welcome to this special live seminar which is an introduction to HTML for WordPress users. It's important to understand that most of what you’ll learn here today is the same regardless of the theme that you're using in WordPress. That is to say, HTML and CSS may behave exactly the same

Introduction to HTML for WordPress & Thesis 2.1 Users

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

WordPress is great because it doesn't force you to learn HTML to use it. However, many folks find that not knowing HTML places limitations on what they can do. Unfortunately learning HTML can be an arduous process, especially because much of what you would typically learn isn't relevant in WordPress. This seminar bridges the gap between learning HTML and leaning HTML that will be useful to you as a WordPress (and Thesis) user.