WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to add a favicon? (28 posts)

  1. jvazjr
    Member
    Posted 5 years ago #

    how can i add a favicon to my blog?

  2. jvazjr
    Member
    Posted 5 years ago #

    can anyone help?

  3. SpankMarvin
    Member
    Posted 5 years ago #

    Hi there

    Assuming you have your graphic saved as an .ico file, you just need to do the following, I think:

    - Call it favicon.ico
    - Put it in your web root
    - Add the following to the header.php in your active theme:

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

    That should be it. Does that work for you?

    John

  4. jvazjr
    Member
    Posted 5 years ago #

    how can i save it as an .ico file??

  5. SpankMarvin
    Member
    Posted 5 years ago #

  6. jvazjr
    Member
    Posted 5 years ago #

    it did not work

    it gave me an error message

  7. SpankMarvin
    Member
    Posted 5 years ago #

    The converter gave you an error?

    There are a ton of these converters online. Try http://www.convertico.com/ and if this doesn't work just Google it and go through until you find one which will give you a valid .ico file...

    J

  8. jvazjr
    Member
    Posted 5 years ago #

    ok

    i got it

    now what?

  9. SpankMarvin
    Member
    Posted 5 years ago #

    Follow the steps above. Get the ico file (which you rename favicon.ico) into your root directory. Add the meta tag as above into the code of your header.php file. Must be somewhere inside the <head></head> tags.

    J

  10. jvazjr
    Member
    Posted 5 years ago #

    i dont know how to do those steps

    i am really new at this

  11. SpankMarvin
    Member
    Posted 5 years ago #

    How did you upload your WP files in the first place? However you did that, do the same to transfer the ico file.

    Then, in your FTP or file manager, go to wp-content/themes/your_theme_name/header.php, open it to edit, copy and paste the line above, save.

    Off out for a while now, but let me know how you get on.

    J

  12. jvazjr
    Member
    Posted 5 years ago #

    i signed up with godaddy for a hosting account and it was included in the plan

  13. whooami
    Member
    Posted 5 years ago #

    jvazjr,

    if you dont understand than go read.

    https://www.godaddy.com/gdshop/ftpinfo.asp

  14. phpwalter
    Member
    Posted 5 years ago #

    I understand how to create/upload and code for the .ico.

    I even moded the header.php file to load the .ico.

    still no go.

    http://www.tothedeath.org/

    walter

  15. jvazjr
    Member
    Posted 5 years ago #

    i am still confused

  16. alchymyth
    The Sweeper & Moderator
    Posted 5 years ago #

    @phpwalter:
    your favicon is now up, sort of black/grey.
    IE is sometimes stubborn to show a new favicon on your own computer. maybe clear your browser history might help.

  17. jvazjr
    Member
    Posted 5 years ago #

    @alchymyth

    can you help me?

  18. alchymyth
    The Sweeper & Moderator
    Posted 5 years ago #

    hi jvazjr,

    the steps are:
    1. create your favicon.ico using one of the free programs, i use favicon.cc - renaming a grafic to favicon.ico WILL NOT work.
    2. when you have your favicon.ico, upload it to the root directory of your blog. upload another copy into the directory of your theme as well.
    3. use the line from 'spankmartin'
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

    and put it into your header.php where the other <link > tags are.
    4. upload your header.php.

    IE is sometimes reluctant to show a new favicon. try another browser such as firefox.

    post a link to your site, and i can have a look if the favicon is online.

  19. jvazjr
    Member
    Posted 5 years ago #

    i am not sure how to do step 2

  20. alchymyth
    The Sweeper & Moderator
    Posted 5 years ago #

    you already said that you know about ftp.
    so use your ftp program, connect to your server.
    first save the favicon.ico to the directory on your computer, where you have your wordpress files.
    second save a copy of the favicon to the directory of your theme on your computer.
    usually it should then be enough to mark the file and press the upload button of your ftp program to upload the file to the right place on your server.

    i'll be off for a few hours now,, but i will check back.
    good luck

  21. jvazjr
    Member
    Posted 5 years ago #

    my wordpress files are in my hosting account with godaddy

    they are not on my computer

  22. jvazjr
    Member
    Posted 5 years ago #

    ???

  23. alchymyth
    The Sweeper & Moderator
    Posted 5 years ago #

    ok
    some basics:
    for instance, my setup is;
    - one set of all the wordpress directories and files on my computer;
    - a second set of the files on ther server.

    when i want to change something, i edit the files on my computer, save them and the upload the changed files to the server.
    i work with 'dreamweaver', but there are other free programs available from the internet.

    i suppose many others here in the forum do the same.

    i know you can change wordpress files in the admin area, that is just not the way i do it.

    there are many free articles on the web how to learn to customize wordpress themes, i suggest you start reading some of them, and then come back to the forum.
    it is great that you have the idea and the ambition to get all these things done, however, a basic knowledge is important to have.

  24. jvazjr
    Member
    Posted 5 years ago #

    so then what should i do?

  25. msuhockey
    Member
    Posted 5 years ago #

    For some reason mine is showing up in the bookmarks drop down .... but not in the address bar.

    Please let me know if Im doing something wrong.

    http://www.nakedhedgefund.com

  26. alchymyth
    The Sweeper & Moderator
    Posted 5 years ago #

    i think the forward slash / in front of the word favicon is too much.
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    it is just:
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

  27. msuhockey
    Member
    Posted 5 years ago #

    Thanks for the reply alchymyth, but still no dice without the /

  28. msuhockey
    Member
    Posted 5 years ago #

    And just to make sure... i cleared the cache... and after that didn't work I did a full reboot just to be absolutely sure its not just on my side.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.