seo Question posted in
Some basic information to get you started with this can be found here.

Remove some auto generated text from a heading with javascript – SEO

I’m using uncode theme and I have a page heading that is showing ‘Archive: Portfolio’

I want to remove the ‘Archive:’ bit from that heading.

In the source it looks like this:

<h1 class="header-title h1"><span>Archives: Projects</span></h1>

I have tried removing Archive from all the page titles with Yoast SEO plugin but it is still showing.

Is there a way to remove that word with javascript maybe does anyone know?

Thanks!

Tags:

3

Answers


  1. 0

    I’d be wary in removing it via javascript. It seems to me that adding a piece of text somewhere in the code’s execution, and then removing it on the client-side smells like “contrived complexity”.

    Take a look at the wordpress template hierarchy, and manually search for the template file that’s rendering the Archives: string of text.

    I’d start with archive.php, and then fall my way up through other archive-*.php pages, then to taxonomy.php category.php, and so on.

    WordPress Template Hierarchy

    If you’re comfy in the command line, you might also consider grepping for the string: grep -r /path/to/wp/theme "Archive:" and sifting through the results to find the template file(s) with that on one of their lines.

    But if you insist on removing the string via javascript, you might try dropping something like this at the bottom of the <body>, via a function in functions.php:

    function remove_archive_text_via_js() {
    if (is_archive()) { ?>
        <script type="text/javascript">
            var archiveHeaders = document.getElementsByClassName('header-title');
            for (i = 0, headerCount = archiveHeaders.length; i < headerCount; i++) {
                var replacedText = archiveHeaders[i].textContent.replace('Archives: ', '');
                archiveHeaders[i].textContent = replacedText;
            }
        </script>
    <?php }
}

add_action('wp_footer', 'remove_archive_text_via_js');
    Login or Signup to reply.
  2. 0 
    var elem = document.getElementsByClassName('header-title h1');

var innerSpan = elem[0].getElementsByTagName('span');
innerSpan[0].innerHTML = innerSpan[0].innerHTML.replace('Archives: ', 'jsfiddle');

    jsfiddle: https://jsfiddle.net/orcadj3u/

    Login or Signup to reply.
  3. 0 
    $(function() {
	$( "h1 span" ).each(function( index ) {
		var newtext = $(this).text().replace("Archives: ", " ");
		$(this).html(newtext);
	});
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h1 class="header-title h1"><span>Archives: Projects</span></h1><br>
<h1 class="header-title h1"><span>Archives: Solutions</span></h1><br>
<h1 class="header-title h1"><span>Archives: Yozgat</span></h1><br>
<h1 class="header-title h1"><span>Archives: Turkey</span></h1><br>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search