Changing title on browser tab (27 posts)

  1. peluo1
    Posted 1 year ago #

    Hi everyone,
    I have just been assigned to help with the website at my job, and I know very little to nothing about WordPress, but I am managing. I have run into my first problem, though.

    I am looking for a way to change the title that shows up on the browser tab on our website. I have searched and searched all over this forum and cannot find an answer that works for me. Then again, I might be doing it wrong. Any help with this would be greatly appreciated.

    If I need to paste some kind of code on here or anything, please let me know. Thank you very much.

  2. lettergrade
    Posted 1 year ago #

    Barring theme particularities, the browser tab usually shows the title of the site, the title of the page you're on, or variations that include both.

    If it's just the site title you want to change, that's no problem, you can do that in Settings > General. If you want the browser tab to display something else, however, it's usually in the theme template files and that will depend on the theme.

    Could you give us the url to check it out? What do you want to change it TO?

  3. Evan Herman
    Posted 1 year ago #

    <title>Your Website title</title>

    at the top of any of your files in the <head></head> will assign a title to that specific page


    Place this inside your header.php file to display this title on all your pages that call header.php
    <title>This is my website title!</title>

    This will change the title that is displayed in the Tab at the top of your browser

  4. lettergrade
    Posted 1 year ago #

    Aside to Evan's comments: What theme are you using? (if you give us the site url, we will be able to tell) If it's a theme from an external source (wordpress.org theme repository, or a commercial provider) that may need updates in the future, you should not edit the theme files directly. Instead, it's safer to create a child theme so that future updates don't overwrite the changes you've made.

  5. peluo1
    Posted 1 year ago #

    sure, here is the url:


  6. Evan Herman
    Posted 1 year ago #

    Your site title is set to 'Dogs and Cats'. So I am assuming you were able to resolve this?

  7. peluo1
    Posted 1 year ago #

    No, haha. I want to change it from that to something else

  8. Evan Herman
    Posted 1 year ago #

    Did you try and add


    to your header.php file? (right after the opening head tag (<head>))

    I went picking through your files in my browsers inspector and can see inside of header.php there is already a <title> declared. Check the attached image for reference and change what is inside of the two tags.

    Reference Image

  9. leejosepho
    Posted 1 year ago #

    Along with whatever else, be sure to take a look at Dashboard > Settings > Permalinks ...

    That will affect how Bookmarks/Favorites appear for pages other than Home.

  10. lettergrade
    Posted 1 year ago #

    Sorry, guys. I'm getting an error and can't view the site.

    You don't have permission to access / on this server.
    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

  11. Evan Herman
    Posted 1 year ago #

    That is strange Lettergrade, I'm still able to load the site with no errors/issues - but the title hasn't changed as of yet

  12. peluo1
    Posted 1 year ago #

    Hi guys, been a little while. I still cannot figure out how to change the title on the browser tab. Should I just post the code for the title page? Thanks for all the help so far. This is just becoming a little chip on my shoulder haha.

  13. lettergrade
    Posted 1 year ago #

    What have you tried so far, peluo1? Have you found your <title> tags and tried to change them? (like the screenshot posted above by Evan: http://postimg.org/image/nmeyznzlt/)

    If you post the code here, make sure you enclose it in 'code' ticks using the code button on your post editing bar. If it's really long, consider using pastebin instead, much easier to read.

  14. peluo1
    Posted 1 year ago #

    Oh ok, I can change that, for sure. But how do I get to that? What do I have to open or click on? As you can see, I am very new at this still.

  15. lettergrade
    Posted 1 year ago #

    It's in your header.php file. Look for the part of the file that deals with <title> and </title>, you will want to put your text between those two tags.

    This article might help you understand the role of the header.php file and the way your theme is set up.

  16. peluo1
    Posted 1 year ago #

    Ok I can do that. Thanks for the information. It is starting to click in my head. My question is how do I access that php file? Where do I physically go to do it? When I go to edit the "header" protion of the website, all I get is the choice of themes and images and such. There is no actual code that I see.

  17. lettergrade
    Posted 1 year ago #

    If your user account is an administrator, you can get at the header.php code at Dashboard > Appearance > Editor.

    If you don't, you may have to edit the file manually by downloading the actual file from your ftp server (it will be in /wp-content/themes/your-theme-name/header.php), editing it using a plain text editor (NOT MICROSOFT WORD – TextEdit works on Mac, NotePad on Windows), and reuploading it. You will want to make sure you keep a backup copy of the original in case you change something accidentally.

    Have you used FTP before? Filezilla or Cyberduck will work for you, but you'll need the ftp login information from your admin or hosting company.

  18. peluo1
    Posted 1 year ago #

    hmmm no I haven't used FTP before. I believe the account I am using is an administrator one, but I do not see the option of being able to edit the header. I go to Appearance, and then it just gives me the options: themes, widgets, menus, header, background. No "editor". How can I assure that the account I am using administrative account?

  19. peluo1
    Posted 1 year ago #

    Here is the code I have for the home page:

    <div style="margin: 0in 0in 0pt;" align="center"><a href="http://elamanimalhospital.vetsourcecms.com/wp-content/blogs.dir/102/files/2012/12/DSC027573.jpg"><img class="aligncenter size-full wp-image-110" title="DSC02757" src="http://elamanimalhospital.vetsourcecms.com/wp-content/blogs.dir/102/files/2012/12/DSC027573.jpg" alt="" width="595" height="447" /></a></div>
    <div style="margin: 0in 0in 0pt;" align="center"> <span style="font-size: xx-large;"><span style="font-family: 'Times New Roman';"><strong>803-738-1515</strong></span></span><span style="font-size: small;"><span style="font-family: Times New Roman;"><strong><span> </span></strong></span></span></div>
    <div class="Section1" style="text-align: center;"><span style="font-size: medium;">3327 Forest Drive, Columbia, SC 29204</span></div>
    <div class="Section1" style="text-align: center;"><span style="font-size: medium;"><a href="mailto:elamanimalhospital@gmail.com">elamanimalhospital@gmail.com</a></span></div>
    <div class="Section1" style="text-align: center;"><span style="font-size: medium;">Experience Elam. Pet care made easy.</span></div>
    <p style="text-align: center;"><strong><span style="font-size: small;"><span style="font-family: Verdana;">We are a full service animal hospita</span><span style="font-family: Verdana;">l t</span><span style="font-family: Verdana;">akin</span><span style="font-family: Verdana;">g ca</span><span style="font-family: Verdana;">re of Columbia's pets for over 45 years.  It is our commitment to provide quality veterinary care throughout the life of your pet.  We str</span><span style="font-family: Verdana;">ive to promote and strengthen the bond between our clients, their pets and our hospital family.</span></span></strong></p>
    <p style="text-align: center;"><strong><span style="font-size: small;"> </span></strong><strong><span style="font-size: small;"> </span></strong></p>
    <p style="text-align: center;"><strong><span style="font-size: small;"><span style="font-family: Verdana;">We too have pets so we understand the special role that your dog or cat plays in your family and we are excited to be your partner in the health care of your pet.  Our entire staff is committed to providing compassionate, personal care.</span></span></strong></p>
    <p style="text-align: center;"><a href="https://www.vetsecure.com/elamanimalhospital.com/login"><img src="http://elamanimalhospital.vetsourceweb.com/sites/site-102071/images/8fbfaaaa-0a0a-012b-02d3-59cfd6a85724.gif" alt="" width="225" height="70" /></a></p>
  20. lettergrade
    Posted 1 year ago #

    Where did you copy this code from? It's not your header.php file code.

    If you're an admin, you will be able to see a tab called 'Users' in your Dashboard menu (between Plugins and Tools). Clicking this will give a list of Users and their roles. If you can't see 'Editor' in the Appearance menu, however, it's less likely that your user permissions are set to Administrator.

    Are you able to get ftp login information from someone?

  21. peluo1
    Posted 1 year ago #

    Strange. I am using the only log-in username/password we have. How could it be that it is not an admin account, then? Well, here is what I did. I went to the website http://www.elamanimalhospital.com. I right-clicked on the banner/picture up top and selected "inspect element". Code came up/ I was FINALLY able to see where it said <title>dogs and cats</title>, but I when I went to change it, it does not save the changes. I am almost 100% sure that is not the way to go about making the change to that piece of code, BUT...at least I found it, finally. So I am one step closer! Haha.

    I copied the code from the home page using the wordpress dashboard

  22. lettergrade
    Posted 1 year ago #

    Yes, unfortunately 'inspect element' is just a tool that allows you to look at code, and sometimes test code changes on the fly. It doesn't apply your changes permanently.

    I'm not sure where you meant you got this code from, but you should not be looking for the code for the BODY of the page, you're looking for a file called header.php. This file is the code that determines the header for every page of your site, and that is certainly where your <title> tag is. I really recommend you take a look at this tutorial that explains the files that make up WordPress themes.

    As I mentioned before, there are only two ways to access that file:

    a) with an administrator account, log into your WordPress dashboard, select Appearance and then Editor from the menu. Once you see a list of template files (index.php, header.php, footer.php, style.css, etc) you can choose header.php and make your change.

    b) if you have the ftp login information from your hosting company account, you can use an ftp program to access your server files, download header.php, make your changes, and reupload it. See my instructions in the posts above!

  23. Day Blakely Donaldson
    Posted 1 year ago #


    I have a front page that displayed the name of the website until today (when I updated my WP and my plugins), although I am not sure this is the source of the problem.

    Today I see that instead of "Land and Sea Journal," the page tab reads "l"

    Any suggestions?

    I tried inserting the title in header php.:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <title>Land and Sea Journal</title>
    <?php woo_meta(); ?>

    Thanks, DBD

  24. alchymyth
    Forum Moderator
    Posted 1 year ago #

    @Day Blakely Donaldson

    please start your own topic; http://codex.wordpress.org/Forum_Welcome#Where_To_Post

    your issue might be theme dependant, as this line <?php woo_meta(); ?> seems to be responsible for the meta title; ideally ask the theme's developer for support.

  25. Agapé
    Posted 1 year ago #

    Hi, I'm also a newbie... and having the same problem: my home page which is : fysiokoster.nl shows http://www.fysiokoster.nl/ as tab title.
    Whatever I did in the head section of the header.psp:

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title><?php wp_title(' - Fysiotherapie Zaandam, Koog aan de Zaan', true, 'right'); ?></title>
    <meta name="description" content="">
    <meta name="author" content="">
    etc, etc, ...

    Or in the home page itself: <head><title>Title I like</title></head> won't change the title.
    Can anyone pls. help?

    Thx a lot in advance.

  26. Thorstein
    Posted 1 year ago #

    I have a related problem: I often have ten Edit Page < This Blog or Edit Page < That Blog tabs open in my browser, and those tab titles don't tell me which is which.

    I can use a favicon to distinguish blogs, so I would really, really like those browser tabs to tell me something usefully specific, like the Post/Page title, e.g., [fav] Ed: Ratatouille or [fav] Ed: Bouillabaisse. That way, even when I have lots of tabs open and they're truncated to [f]Ed: Rat or [f]Ed: Bou I can see at a glance what I'm doing.

    I've tracked this down far enough to see that edit_item holds part of the solution, but at least in my themes, edit_item gets buried in arrays inside of arrays.

    If anyone can shine even a little light into this darkness, I would really appreciate it!

  27. Agapé
    Posted 1 year ago #

    I've solved the problem with this line in the header.css:

    <title><?php if(is_home()) { echo bloginfo("name"); echo " | "; echo bloginfo("description"); } else { echo wp_title(" | ", false, right); echo bloginfo("name"); } ?></title>

Topic Closed

This topic has been closed to new replies.

About this Topic