The next thing in this WordPress 3.9 Crash Course that I want to talk about is styling content for readability using headings and lists. If you look at that Search Engine Optimization Starter Guide that Google publishes, in section 3 they talk about Optimizing Your Content and the first whole part of that is about
In this session we show how to style a block of content in Thesis 2.1 using plain ordinary HTML and CSS. We demonstrate how to create an author box where we wrap the text in a div, give it a class, put an image in that div, float it and then add some styling to
So we’ve set our site colors in Thesis 2.1 and now what we're going to do is set our heading styles using the Thesis 2.1 design options. Now, this set up the color scheme but it's inside of this dialog below, Layout, Fonts, Sizes, and Colors, where we're going to set those kinds of things
The last thing we need to do to finish this Landing Page we’ve created here in Thesis 2 is to style the Call-to-Action. I want to create a new call to action button that looks like this button here and I want this to be big. To do that we’ll come over to that page,
Now that we’ve styled the header of the Landing Page in Thesis 2, we’re going to style each one of these things. The next thing we're going to do then is make this a lot bigger and this is our landing h1 so this is going to be our landing post box h1 and we're
We're not too far away from a completed Landing Page in Thesis 2 but we’ve got a couple of things that are a little weird. First off, we don't have our small menu here so I need to go put this small menu in and then secondly, we've got to adjust some stuff here and
Learn the tools inherent in WordPress for creating a magazine style website and the revolutionary new Thesis 2 tools that allow you to customize all aspects of how the site looks. It is typical of magazine style sites to organize their content around a number of primary subjects and then to have a unique style for each of those subjects. In this seminar we will demonstrate how to do that in Thesis 2.
Once you’ve got text in the editor, you want to start styling it so that it’s easily read. And not only so that it’s easily read but so that it also reinforces your search engine optimization. A couple of weeks ago, we looked at this Google Search Engine Optimization Starter Guide and we started off
In this session we demonstrate how to use a definition list to line up related text. We show how to use the HTML <dl>, <dt> and <dd> tags in the HTML view of the text editor to set up the structure. Then we use a single element style package to add styling so the list
In this session we talk about how to create unique styles by layering background images. We look at a couple of websites and discuss how the images in them are layered within elements of the site. Then we review areas of a website such as body, header and so on in which you can place
In this lesson fourth lesson, Create the Typical Styles, of our Create a Responsive Skin for Thesis 2.0 course we dive right in and set up the general formatting for the header, content, typical sidebar and footer. This is followed by a review of our site background in the PSD files, after which we show
In this session we show how to create HTML attention boxes with text and an image in the WordPress content area using various HTML elements in order to accomplish the desired style. This system of styling is dependent upon all of the pictures being the same height so they go to the same position in
Learn how to stylize blocks of text that are in the WordPress content area. The content area known as the_content in WordPress code is the main content of each post and page. The text you enter using the text editor is within the content area. You can use css to highlight blocks of text with different background colors, borders and font styles. We are going to look at 4 examples of this in these videos.
In this session we show how to increase the left margin of the content in Thesis. There are a couple of ways to accomplish this. First is to increase page padding in Thesis design options. The next alternative is to edit custom.css and we also show how to increase the margin in the post box.
The next thing we want to talk about here is how to use the text editor to style content for our business/professional Genesis theme website. There's a couple of reasons why we are styling this content and one of the reasons is to make the content more readable for a person visiting our site. The
Lesson 9 of our Build a Professional Services Website using the Genesis theme and WordPress covers how to add content to your site. In aid of that we show how to use the WordPress Text Editor, review its different modes and views and how to add text to it from other software. Here we discuss
Styling Content for Readability and SEO Purposes We are going to talk about styling content for readability and for search engine optimization using headings lists and links. You may or may not realized that web text is different than the text inside of a book. Books pretty much assume that you can simply read paragraphs
Thesis bypasses the standard WordPress template system in favor of its own for creating custom templates. Learn the differences between Thesis and WordPress custom templates, how Thesis uses custom templates and the three types of customization available in Thesis.
Learn how to create a shortcode that styles content text. Our example styles two text boxes that sit side by side. You'll also learn how to create shortcode for a twitter link with icon. These videos are available to the public.