Lesson 2: Setting Up Your Favicon and Logo for Your PLEM Academy WordPress Website

Overview

This lesson shows you how to create and set your favicon for your PLEM Academy WordPress website. A favicon is the small icon that appears in the browser tab and represents your site visually. :contentReference[oaicite:0]{index=0}

What Is a Favicon?

A favicon is a small square image, often simple and minimal, that appears next to your website name in the browser tab. It stands for “favorite icon” and helps identify your site quickly.

Where to Create Your Favicon

• Use Canva to design a square image (e.g., 1000 × 1000).
• Use AI tools to generate a math or physics themed icon.
• Use Microsoft Word to create simple symbols (like ∇ or geometric shapes).

The key is simplicity. Favicons are very small, so clean shapes and symbols work best. :contentReference[oaicite:1]{index=1}

Design Tips

• Keep it simple (single symbol or shape)
• Use high contrast (black and white works well)
• Avoid too much detail
• Use transparent PNG format

Optional Tools

You can experiment with tools like Canva or AI image generators to create custom designs. However, keep in mind that AI should be used for design and workflow—not for learning math concepts.

How to Upload Your Favicon

1. Go to your WordPress dashboard.
2. Click Customize.
3. Go to Global Settings.
4. Click Site Identity.
5. Upload your favicon image.
6. Skip cropping if needed.
7. Save changes.

Logo vs Favicon

Your logo and favicon can be different. Your logo may be more detailed, while your favicon should remain simple and recognizable at a small size.

Naming and Organization

When saving your favicon file, give it a meaningful name (for example, your name plus “favicon”). This helps with organization and search engine optimization.

Testing Your Favicon

After uploading, refresh your website and check the browser tab. If it does not update immediately, clear your cache or reload the page.

Key Insight

Your favicon is a small but important part of your professional identity. It contributes to branding, recognition, and overall presentation of your personal website. :contentReference[oaicite:2]{index=2}

Quick Recap

1. Create a simple square image.
2. Use tools like Canva, Word, or AI.
3. Export as a PNG (transparent if possible).
4. Go to Customize → Site Identity.
5. Upload and save your favicon.
6. Test it in your browser tab.