Your site’s logo and branding elements are crucial for establishing your brand identity and creating a professional appearance. DigiFusion provides flexible logo management options that allow you to customize your branding across your entire website or on specific pages.
Understanding DigiFusion’s Logo System
DigiFusion supports WordPress’s native custom logo functionality while extending it with additional features. The theme allows you to set a global site logo that appears across your website, as well as page-specific logos for unique branding needs.
The logo system integrates seamlessly with different header types, including standard and transparent headers, ensuring your branding looks perfect in any design context.
Adding Your Site Logo
Accessing Logo Settings
Navigate to your WordPress admin dashboard and go to Appearance > Customize. In the Customizer, you’ll find the logo settings under Site Identity.
Uploading Your Logo
Click on Select Logo to open the WordPress media library. You can either upload a new logo file or select an existing image from your media library.
For best results, use a WebP file with a transparent background. This ensures your logo displays cleanly on different colored backgrounds, especially when using transparent headers.
Recommended Logo Specifications
Your logo should meet these recommended specifications for optimal display:
- File format: WebP with transparent background preferred, JPG acceptable
- Maximum width: 300-400 pixels for standard headers
- Maximum height: 80-120 pixels to maintain proportion
- File size: Under 100KB for fast loading times
- Resolution: High-resolution (2x) for crisp display on retina screens
Setting Logo Dimensions
After uploading your logo, you can crop it to your desired dimensions. The cropping tool allows you to select the exact portion of your image to use as your logo.
DigiFusion automatically handles logo scaling and ensures it displays properly across different devices and screen sizes.
Managing Site Title and Tagline
Site Title Configuration
Your site title appears alongside or instead of your logo, depending on your settings. To modify your site title:
- In the Customizer, navigate to Site Identity
- Update the Site Title field with your desired text
- This title also affects your site’s SEO and browser tab display
Page-Specific Logo Override
DigiFusion includes advanced functionality that allows you to use different logos on specific pages or posts.
When to Use Page-Specific Logos
Page-specific logos are useful for:
- Landing pages with different branding
- Campaign-specific pages
- Sub-brand or product-specific sections
- Event or promotion pages
Setting Up Page-Specific Logos
When editing any page or post, you’ll find logo override options in the page settings:
- Open the page or post editor
- In the page settings panel, locate the Header Settings section
- Enable Custom Logo if using the block editor
- Upload or select your custom logo for that specific page
Managing Logo Consistency
While page-specific logos offer flexibility, maintain brand consistency by:
- Using similar dimensions across all logo variations
- Keeping a consistent color scheme
- Ensuring all logos are high-quality and professional
- Testing logos across different header backgrounds
Header Integration and Branding
Header Types and Logo Display
DigiFusion offers different header types that affect how your logo appears:
Standard Header: Your logo displays on a solid background with normal styling.
Transparent Header: The logo appears over your page content, requiring careful consideration of logo visibility against varying backgrounds.
Branding Beyond the Logo
Favicon Setup
Your favicon appears in browser tabs and bookmarks:
- In the Customizer under Site Identity, find the Site Icon option
- Upload a square image (512×512 pixels recommended)
- WordPress automatically generates smaller sizes as needed
Brand Colors
Coordinate your logo with your site’s color scheme:
- Use colors from your logo in your theme’s color settings
- Ensure brand consistency across all design elements
- Consider how logo colors work with your chosen header style