Custom header, anyone?Many themes allow you to upload a custom header. Headers can be anything from a favorite photo to a slick, graphically designed banner. Not sure what we mean by “header”? Check out this example: the first image is the standard header for the Natural theme. Below it, you can see how the sites A Ride Less Ordinary, Mandy Lea Photo, and Wags Wild Adventure have used a custom header to change the look of the Natural theme. Not sure how to get started? Check out some header inspiration and our overview on building a visual brand. Not sure where to get good images? Here’s a list of places you can get good quality images for free: Pablo and Canva (two free image editors you can use to create headers) and our primers on creating blog header images with Canva or with PicMonkey. Note: not every theme supports custom headers — if your theme doesn’t you can always pick one that does. Got your header image? Great, it’s time to upload it. Go to My Sites → Customize → Header Image. You’ll be able to browse your computer to find the file, then click Add new image: If you’re happy with the preview, click Publish:
Custom fonts and colorsYou can upgrade your blog to the Premium or Business plan at any time to get access to custom fonts, custom colors, and custom CSS. Once that’s done, go to My Sites → Customize to begin experimenting with custom fonts, colors, and CSS. From there you can browse and preview typefaces like Gentium Book Basic, Libre Baskerville, Merriweather, and Ubuntu. (We offer over 30 free Google Fonts!)
Custom fontsTo change your fonts you will use either Custom Fonts or Global Styles, depending on whether your theme is a block-based theme or not.
- For block-based themes, the Global Styles feature in the page editor will apply the font to the published site, but will not be visible in the editor directly.
- For themes that are not block-based, you can customize the fonts used on your site through My Site → Design → Customize → Fonts.
- From My Site(s), go to Site → Pages.
- Click on the Add New Page button, or click on an existing page title to open it in the block editor.
- Select your preferred layout (or blank page)
- Click the Global Styles button. It’s the “A” button located between the Document Settings button and the green Jetpack button.
- Click the drop down under Headings or Base Font to see what font options are available.
- Heading Font: Choose a font to use for all of the headings on your blog. Common examples of heading text includes post and page titles, widget titles, comment headers, and headlines inside posts and pages.
- Base Font: Choose a font to use for the main body text and for the menus on your blog.
Note: When you choose a new font, it won’t show the altered font in the editor. The change will apply to all pages and posts of the published site, and will be visible to visitors.Once you are satisfied with your font selections, Publish your page, or Save Draft if you want to continue to work on your page before publishing it. If you’re on a theme that isn’t block based, such as Twenty Seventeen, please take a look at the steps below. To pick your fancy new fonts, go to My Sites → Customize → Fonts. You can choose two fonts: one for headings (think post and page titles, widget titles, and headlines inside posts and pages), and one for body text. To pick a font, click on one of the default font names to see all the available fonts. Keep your eye on the live preview on the right-hand side of the screen to see how your site will look with its fancy new fonts. Not sure which fonts pair well together? Here’s some advice. Once you’re happy with the way everything looks, click on Publish. It may take a few minutes for the changes to be seen on your blog, although typically changes appear immediately. You can come back at any time to play with your fonts some more as long as your have an active upgrade. You can have a lot of fun with custom fonts. We encourage you to experiment, but offer a few guidelines:
- Size matters — make sure all your fonts are readable on-screen.
- Fonts have feeling and emotion. Some are strong and bold, others are delicate, elegant, or whimsical. Think about matching the feelings of your fonts to your blog’s personality.
- Readability is always key, so save the more embellished options for your title and headers, and pick something cleaner for regular body text.
Custom colorsYou can do a good deal of customizing with headers, and custom colors adds another level of personalization by letting you change the overall color scheme of your blog. You can view and apply color palette suggestions and background patterns or create your own unique color palette for your site. Score! To begin experimenting with your site’s color scheme go to My Sites → Customize → Colors & Backgrounds. You’ll see individual color options, suggested palettes, and available background patterns.
Next up, learn all about creating posts and pages, working with images, other media, and creating menus to help readers get around your site. Head to Get Published.