favicons and website tagline

  • Resolved formpig

    (@formpig)


    14 years, 4 months ago

    does anyone know how i get a “favicon” to show up in the url box and how I put a little tagline next to a bookmark associated with my WP website?

    thanks.

Viewing 9 replies - 1 through 9 (of 9 total)

  • If your theme does not support favicon you should modify your theme to add this line in the html head tag

    <head>
...
<link href="URL_PATH/favicon.ico" rel="icon" type="image/x-icon" />
...
</head>
    Thread Starter formpig

    (@formpig)

    Hi Abner.

    Thank you very much.

    Can I please ask you to break this down for me a little? Is there a place i can check to see if my theme supports favicons?

    Is the “html head tag” in a particular file that I can open from a particular folder?

    Is the ellipses above (…) supposed to be in the code somewhere or what does it represent?

    Also, is the only thing I need to change the “URL PATH”?

    Finally, does anyone know how I would go about “tagging” the favicon/bookmark with a line like “this is a bookmark to my site: the best thing since thinly sliced bologna”…?

    THANKS!

    header.php

    just add that simple line of code between the <head> and </head> tags.

    Mine looks like this, and it works as well: <link rel="shortcut icon" type="image/png" href="<?php bloginfo('template_url'); ?>/favicon.png" />

    Thread Starter formpig

    (@formpig)

    Hi Tom.

    Love the image BTW.

    Listen, I’m confused. I can probably find the spot between the head tags but I don’t see how your line of text is telling the site which image to use and where to find it.

    I mean, I am going to name my favicon and then I am going to upload it somewhere and then the text you provide will find it yes?

    THANKS

    href="<?php bloginfo('template_url'); ?>/favicon.png" /

    Is assuming the favicon is saved as favicon.png. The <?php bloginfo('template_url'); ?> is attempting to find the EXACT path.

    You can make it like this: <link rel="shortcut icon" type="image/png" href="YOUR_ENTIRE_LINK">

    If your favicon is a .ico then use Abner’s code to look like this:

    <link href="YOUR_ENTIRE_LINK" rel="icon" type="image/x-icon" />

    EXAMPLE:

    Google’s favicon is located at https://www.google.com/favicon.ico

    The literal interpretation would be this: <link href="https://www.google.com/favicon.ico" rel="icon" type="image/x-icon" />

    If you add the above code in your header.php, bewtween the tags, your favicon will look like google’s.

    Just replace the link with the EXACT location of your favicon image!

    Thread Starter formpig

    (@formpig)

    Boy. That is a ton of fun when I get it to work.

    Thanks a bunch Abner and Tom for helping me get that to work.

    Really wonderful…

    So you got it to work perfectly??

    Thread Starter formpig

    (@formpig)

    Yeah. Awesome. Thanks.

    I think I need to clean up the favicon somehow because it is a little small. I had it done on some “automagic” site that just let me upload my original larger image…

    but the link works fantastic!

    Thanks again.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘favicons and website tagline’ is closed to new replies.