A logo is an image that represents you or your brand that is typically placed in a prominent position at the top of a website. This guide will show you how to add a logo to your site.
In this guide
If you’re just getting started with your website, project, or business, you may not have a logo yet. Keep the following advice in mind when creating a logo image:
- Use a .png file with a transparent background so the logo does not appear with a white box around it when you place it on your website.
- Keep the design simple so it will look good on all screens, big and small.
- The recommended size of your logo will depend on your theme, but 200px wide is a good starting point to experiment with.
- Create a smaller version of your logo to use as your site icon.
While there are many tools you could choose to design your logo, WordPress.com has partnered with Fiverr to make it easy for you to create a stunning logo in seconds.
To create a logo for your website using Fiverr, follow these steps:
- Visit the Fiverr logo maker website.
- Enter the name of your company or blog and a slogan if you have one, and click Generate.
- Fiverr will automatically create logos for you. You can choose your preferred design and customize the color, font, font size, spacing, positioning, and more.
- After you purchase your logo, you can download the image file.
- Upload the logo image to WordPress.com following the steps in the next section.
If your site uses a theme that supports the site editor, you can add a logo to your site using this method. A quick way to determine if your site uses the site editor is to check under Appearance in your site’s dashboard. If you see Editor here, you can upload a logo by following these steps:
- Visit your site’s dashboard.
- Navigate to Appearance → Editor to open the Site Editor.
- Click Patterns to view all of your site’s template parts.
- Scroll down to “TEMPLATE PARTS” and click on the header template part. Your theme may include multiple variations of your header to choose from here.
- Click the pencil icon to close the left sidebar and open the editing interface.
- Click the + block inserter to add a block in your desired logo position.
- Search for and add the Site Logo block.
- Upload your logo image to the block when prompted.
- Make any adjustments to the size and position of the logo using the WordPress editor.
- Click Save to publish your changes.
If your theme does not support the site editor method above, you can add your site logo in the Customizer by following the steps listed below.
Video Transcript
To add a site logo, go to your homepage and hover over “Appearance,” then click “Customize.”
In the Customizer, click the “Site Identity” section, then click “Select Logo.”
Select your logo file from your computer or drag and drop your logo to upload.
Click “Select” and you’ll see your logo appear in the preview window.
Click “Save Changes” to activate the logo across your entire site.
For more in-depth information, please visit WordPress.com/support.
To add your logo, follow these steps:
- Visit your site’s dashboard.
- Navigate to Appearance → Customize and click on the Site Identity section.
- Click Select logo to open your site’s Media.
- Upload a new image, or select one that’s already in your Media.
- Click Set as logo, and your logo will appear in the preview window.
- Click the Save Changes button at the top left corner to save the logo on your site.
Once you have a logo, you might not need your theme to display your site’s title in regular text. But titles are good for SEO! Rather than leaving the title blank, you can hide it. Below the Site Logo area in the Customizer, you will find a checkbox labeled “Display Site Title and Tagline“. To hide your site title and description, leaving just the logo, uncheck this box, then click Save Changes.
