Join Justin Seeley for an in-depth discussion in this video Tumblr pages explained, part of Up and Running with Tumblr.
When I first started using Tumblr several years ago, one of the things that I found extremely limiting was the fact that you couldn't create your own pages inside of Tumblr. You could create posts all day long, but you couldn't have something like an about me page, or a portfolio page, or a contact page. It just simply wasn't available to you. Now you actually have the ability, although somewhat limited, to create your own pages inside of Tumblr, and in this movie, I'm going to explain to you exactly how you go about doing that, and exactly what these things are, and how they function.
So what we're looking at right here is a sample page that I've created. As you can see, pages adopt the overall look and feel of a post inside of Tumblr. There's nothing special about them, unless the theme dictates that they look different. In this theme, there is no specific template for pages. It just kind of follows the overall look and feel of the theme. And that's fine, depending on what you need to do. But if you wanted to get outside the box a little bit, you're going to have to know some serious stuff, like HTML and CSS. I'll cover that a little bit later, though.
Let's close this up, and look at this other one. This is an about me page that just contains my short little bio here. And so this is the exact same layout as the other page. It doesn't look quite as nice, because there's not as much content here. It would be nice, to me, if I could fix this, where the content maybe was on one side, the heading on the other, maybe a picture, maybe a contact form, a space to put social media icons; anything but this. It's a little bit limiting in my opinion. So let's take a look at how we can actually create one of these pages.
From your Tumblr Dashboard, it's a little bit of a roundabout to find exactly where the pages are. You have to go up and click on the blog link; in this case, Tumblin' with Justin. You go down to Customize appearance. Once you're inside of the Customize appearance box, it looks as if you're going to change your theme, but in fact, you're going to scroll down on the left-hand side until you see the little tab at the bottom that says Pages. When you expand this out, you're going to see a list of any pages that are currently a part of your theme. In this case, I have an about me page, and a sample page.
Any time you want to get rid of a page here, you simply click the X next to it, it'll come up with a warning saying, are you sure you want to delete this? Hit OK to commit; Cancel to escape. You can also utilize these little icons here to reorder the pages. This determines the order in which they're lined up in the navigation menu in your theme. In this case, I'll leave them just like this: about me on top; sample on the bottom. If I want to edit a page, I click the Edit button right here. Clicking Edit opens up the page, where I can change the URL, the page title, I can choose whether or not to show the link to this page, and I can also add or subtract content from here.
Let's cancel out of this, and create our own page. At the bottom, there's a link that says Add a page. When I click this, it automatically launches the new page window. I'll move this over, so you can see it. You have the option at the top to choose between Standard Layout, Custom Layout, or Redirect. Standard Layout is just going to follow the standard layout of your theme. If your theme supports multiple page types, they'll be listed here. If not, you'll only get these three options. If you choose Custom Layout, you get a blank slate, basically allowing you to dictate, via HTML and CSS, exactly what your page looks like.
If you choose Redirect, basically what you're going to do here is redirect this page URL to another URL. You can also show the link to that page. You can see that redirects make it possible to maintain your legacy URLs when moving a domain name to Tumblr. Let me give you examples here. So for instance, if you wanted to utilize something like something.com/book, and have it point to an Amazon URL, you could utilize that. In this case, I'm going to choose Standard Layout. My Page URL: so this is whatever my Tumblr Web site address is, Slash something.
So in this case, let's say I want to create a page called contact. Page Title is Contact Me. Do I want to show a link to this page? You bet I do. Now I can just enter in some information here. So I can enter in my name, my theoretical address, and any other type of information that I want to put in here. Now, I'm not limited to just text. I can insert images, I can insert HTML, I can even use links, and formatting options as well.
In this case, I just want this basic layout here, and I'll click Create page. When I click Create page, you'll notice that it appears over here on the left-hand side. If I close this window, I can get back and make changes to any of the pages. So for instance, if I want contact to be right after about me, I just add it in like that. Once I do that, I can save my options, and then go and visit my Tumblr site. Once I visit my Tumblr site, you'll see here in my navigation, I have About Me, Contact Me, and Sample Page.
Sample Page is to the right of Contact Me, because I changed the stacking order inside of the page alignment tab. If I click on Contact Me, you'll see all the information I entered: Justin Seely, 1234 Main Street, Awesometown USA. Any time I want to make a change to this, I have to go back into the Customize section of Tumblr, find the page, click Edit, and then make any necessary changes that I might need to make. So as you can see, pages are a different animal when it comes to Tumblr. They're not necessarily a piece of content that is easily created.
As a matter of fact, you have to hunt just to find it in the interface. But once you find it, you can create some really useful stuff utilizing the pages. And if you're able to find a theme that supports multiple page templates, that's even better, and that's what we'll be exploring in the very next movie.
- What is Tumblr?
- Touring the interface
- Exploring the Tumblr Blocks
- Creating a custom domain
- Understanding likes, reblogs, and notes
- Blocking and unblocking users
- Adjusting basic appearance settings
- Adding a logo
- Creating a post
- Editing multiple posts at once
- Inserting video and audio into pages
- Finding theme marketplaces
- Editing posts using HTML and markdown
- Adding comments with Disqus