Custom header, anyone?

Custom fonts and colors

Custom fonts

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.

, the feature in the page editor will apply the font to the 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.

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.

Picking a theme you love is the first step; customizing it is the second step. There are many ways to inject more “you” into your site, from uploading custom headers to adding an upgrade that allows custom colors, fonts, and more.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:When you’re ready to make your own header, check out our overview on 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. You’ll be able to browse your computer to find the file, then clickIf you’re happy with the preview, clickYou 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 toto 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 !)To change your fonts you will use either Custom Fonts or Global Styles, depending on whether your theme is a block-based theme or not.If you have a block based theme such as Hever, you can change fonts with the following steps:Fonts are set in pairs, one for headings and the other for the base font.

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.

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 colors

Once you are satisfied with your font selections,your page, orif 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. 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. 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:We also interviewed some WordPressers who’ve done an exceptional job using fonts to personalize their blogs; you can benefit from their wisdom You 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. 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