TwentyFifteen uses the Noto Serif font. It looks swish and comes with an Apache license, and it can be pulled from Google Fonts too. It’s a fine font indeed – but individuals that we are, it may not be for everybody.
It’s easy to change it to something else though, and in this article I’ll show you how.
By default, TwentyFifteen and Noto Serif looks like this:
If we want to change this to something else, we must first import said font into our style sheet, and then declare it for a couple of classes. In this example I’m going to use Lato, another fabulous font that’s featured in the TwentyFourteen theme:
I love the Twentythirteen theme – except for the captions that appear underneath images. If you’ve ever seen them they look so out of place as if someone forgot to style them altogether. Here’s what they look like by default:
Notice how the captions are actually larger than the post text. I wanted to drop this size a bit, but at the same time integrate the text better with images I post over at http://www.versluis.com, adding a bit of padding, some rounded corners and perhaps tint the background colour ever so slightly.
Here’s what I came up with:
And here’s how I did it:
/* make captions smaller */
Add this to your theme’s style.css file or override your stylesheet with an appropriate option. Here’s what this code does:
First we’ll reduce the 18 point caption size and bring it in line with the rest of the post text (1em). Then we’ll tint the background colour to a very light hint of grey. We’ll also add a bit of padding around all edges of the text, it looked a bit cramped in there before.
The second larger block is creating rounded corners at the bottom of the caption, but not at the top so it looks like an attachment. There’s a remarkable tool that lets you visually set this and return some code at http://border-radius.com – go check it out and have a play.
Those options are great if you need the link, but what if you’re writing some PHP code and need the full server path to those files instead? Fear not, WordPress has functions for those situations as well – and they’re called the same thing, just without the _uri at the end (get_stylesheet_directory and get_template_directory respectively).
One of the most amazing things about WordPress is that you can select a completely new layout for your site at the touch of a button. It’s just as easy to upload a new theme to your library – try it out for yourself.
Here’s what you do:
download and un-zip your theme, so you end up with (usually) a folder of the theme’s name
use an FTP client (like Filezilla) to access your webspace
find a directory called wp-content/themes
upload your entire un-zipped folder into this folder
log into your WordPress Site (usually at www.example.com/wp-admin)
navigate to APPEARANCE – THEMES
find your theme and activate it
sit back and enjoy your site in a new layout
You can find plenty of free and commercial themes around the net if you google WordPress Themes.