How to Remove Twenty Fourteen Author Name or Link

This tips is for anyone who uses Twenty Fourteen theme in their websites, to remove the author link in the single post page.

By default, under the post title, you will find, the date, the Twenty Fourteen author link and name which is clickable, and the “leave a comment” post meta links.

For some reasons, you might want to hide or remove this WordPress author link from your theme.

I saw many forum posts, and many suggests, putting display:none; in style.css which I don’t recommend for these two reasons; although it is displayed none or basically hidden, but advanced browser user, can always view the source code from your homepage. And if they do that, they can easily find your author name and link.

Second, although I am not a SEO expert, putting “display:none;” attribute too much will have no good effect in your site’s SEO.

Post meta Twenty Fourteen author name and link

Post meta Twenty Fourteen author name and link

Every theme has different code, so I guess, if you use other theme, and not Twenty Fourteen theme, then this tutorial isn’t for you.

What will we achieve?

1.We will display the author name but will not be clickable or without link.

Author link isn't clickable

Author link isn’t clickable

2. We will remove it completely.

If you remove Twenty Fourteen author name and link completely

No Twenty Fourteen author name and link

So at this point, it’s up to you which one you want to do, but I will show you both in this tutorial.

What do we need to prepare?

1. Create the child theme first.

2. You will need access to your WP files, either by using FTP client or direct access. For this post, I am using FileZilla.

The Whole Process

Basically, we will need to modify the function twentyfourteen_posted_on() which we can find in content.php.

And this function itself is actually a replacable function, which mean we can replace the function with child theme’s function. (Some functions of a theme will load the child theme functions.php first, and then the parent theme’s, not overrided like stylesheet CSS file.)

This function is found inside the parent theme directory twentyfourteen/inc/template-tags.php line 101.

The function inside template-tags.php

The function inside template-tags.php

We copy the twentyfourteen_posted_on() function into our child theme’s functions.php and modify the code to remove the author name and link, or just to remove the link, and still show the author name.

Related: Adding Social Media Links to WordPress Menu With CSS Classes

Steps:

1. Create or edit functions.php of your child theme.

2. Add this code to completely remove the author name and the link. Do not forget to delete the <?php and ?> PHP block code if you have any content in your child theme’s functions.php. (I added many code in this child theme, you can check out how to remove the left sidebar and center align 2014 theme tutorial).

Or Add this code to just remove the link, and make the author link not clickable.

3. Save the new functions.php, and update it to your server. And check the changes.

Functions.php will look after editing

Functions.php will look after editing

4. (Thanks to Matt – see comment below for spotting the issue). Now, to display the human icon of the author, you can add following code in your style.css of the child theme, and save it.

Clean browser’s cache if necessary.

Share the knowledge
Share on Google+0Tweet about this on TwitterShare on Facebook1Pin on Pinterest0Share on Reddit0Email this to someonePrint this page