WordPress.org

Ready to get started?Download WordPress

Forums

How do I customize the icon next to my URL (22 posts)

  1. djskunkdiesel
    Member
    Posted 6 years ago #

    Anyone know how to change the little Icon in the address bar to the left of the URL? You know like the little blue W that WordPress has next to its URL. THanx

  2. ccoupe
    Member
    Posted 6 years ago #

    try a search for "favicon.jpg" Creating one can be "interesting" and I can't help there. I made one once. Haven't bothered to remember how and my tools are probably different that yours.

  3. Dgold
    Member
    Posted 6 years ago #

    or search "favicon maker"

  4. nubirth
    Member
    Posted 6 years ago #

    put the favicon in your "head" section (coded), view source of a page you like, or any with a favicon image and put in folder images in wordrpess file area, its very very easy.

    i.e:

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    favicons are 16 by 16 pixels so blow up an image to like 400% and work in dots almost, save and name as favicon, actually does not matter im sure if named whatever you want.

  5. ccoupe
    Member
    Posted 6 years ago #

    Now I remember too! As nubirth said. the .ico format is a challenge for some "alternative" platforms.

  6. bn228
    Member
    Posted 6 years ago #

    what is the wordpress file that you put the <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    into?

  7. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    favicon.ico goes into your root directory.

  8. bn228
    Member
    Posted 6 years ago #

    But where do you put the bit of code??? What .php file or whatever?

  9. Sridhar Katakam
    Member
    Posted 6 years ago #

  10. Aeterno
    Member
    Posted 6 years ago #

    place it into Header.php, after creating your xxx.ico file (it HAS to be a .ico file) place it in the root directory or amend the line to <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> and place it into the /images/ folder.

  11. bn228
    Member
    Posted 6 years ago #

    thanks very much!

  12. kmessinger
    Volunteer Moderator
    Posted 6 years ago #

    If you put it your root directory you need no code. The browser looks for it automatically.

  13. bn228
    Member
    Posted 6 years ago #

    good to know!

  14. EmmaWatsonClub
    Member
    Posted 6 years ago #

    I made one once but it stunk. Lol.
    You have to make sure your picture will look good when it is shrunk really small.

  15. bn228
    Member
    Posted 6 years ago #

    ok. thanks.

  16. muymalestado
    Member
    Posted 6 years ago #

    Really useful, thanks to all.

  17. artcase
    Member
    Posted 6 years ago #

    Interesting side note:

    for .html pages, the icon loads with this line of code in your header:

    <link rel="shortcut icon" href="favicon.ico" />

    But for .php pages, (and to make those drag-drop links in your bookmark bar on top of your FF page work) you need the code to look like this in your header.php file:

    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?> /favicon.ico" />

    A.

  18. rrisher
    Member
    Posted 6 years ago #

    Okay, I have a problem with this and need a bit of help.

    I've created the .ico and it's fine. I added the

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    Before the </head> in my Theme's header.php file and I've also uploaded the .ico in the image directory.

    Still no dice....

    Am I missing something?

    Thanks all...

  19. whooami
    Member
    Posted 6 years ago #

  20. rrisher
    Member
    Posted 6 years ago #

    Not too sure what that incomplete sentance means..??

    However, google seems to be working fine though.

    Maybe you are misunderstanding my questions!

  21. artcase
    Member
    Posted 6 years ago #

    rrisher,

    you typed:
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    it needs to be:
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?> /favicon.ico" />

    Note the "<? php" part

    (add-on thought edit)Also, it won't work if some of your IE (*grumble*) security settings are enabled/disabled...I can't remember accurately which one you have to turn off or on because I'm a FF junkie. I only check IE if I'm designing css to make certain it works correctly.

    Hope I've helped.

  22. Dgold
    Member
    Posted 6 years ago #

    What is all this talk about HTML code for favicons?

    I've never needed an HTML code to show the favicon. I just put the .ico in my server's root directory, and browsers seem to automatically find it.

    kmessinger said this 7 months ago, hmmm

Topic Closed

This topic has been closed to new replies.

About this Topic