CODEWITHSUNDEEP
javascriptwordpressinternal-link
Philip
Philip

Reputation: 395

Add URL to specific word across entire website

I want to be able to link any word of my choice to a specific URL for example: I want the word "goat" to link to "http://goat.com" across the entire website. So all "goat"/s will link to that URL right across the website.

I am using wordpress and I have not yet found a plugin to do this. If I can get a solution to this I would most likely create a plugin for this functionality.

I know how to target one word on a single page. But I would like it to be across all the pages and all the words in those pages( I used JavaScript for this).

Upvotes: 0

Views: 142

Answers (3)

Mandera
Mandera

Reputation: 3007

This might be a bit resource intensive and replaceWord cannot contain the same string as word, otherwise it'll loop forever. 

document.onload = function() {
    var word = " goat",
        replaceWord = " <a href = 'http://goat.com'>goat</a>";

    while(document.body.innerHTML.indexOf(word) !== -1) {
        document.body.innerHTML = document.body.innerHTML.replace(word,replaceWord);
    }
}
Hello goat

<div>Look a goat</div>

Upvotes: 1

Mandera
Mandera

Reputation: 3007

Here's a crappy solution but it's better than nothing:

I found some code here which searches for a world across the whole page so I copy pasted that and modified it.

The replaceWord variable cannot contain the same string as word, otherwise it'll loop infinitely.

var word = " goat",
    replaceWord = " <a href = 'http://goat.com'>goat</a>",
    queue = [document.body],
    curr
;
while (curr = queue.pop()) {
    if (!curr.textContent.match(word)) continue;
    for (var i = 0; i < curr.childNodes.length; ++i) {
        switch (curr.childNodes[i].nodeType) {
            case Node.TEXT_NODE : // 3
                if (curr.childNodes[i].textContent.match(word)) {
                    curr.innerHTML = curr.innerHTML.replace(word,replaceWord);
                }
                break;
            case Node.ELEMENT_NODE : // 1
                queue.push(curr.childNodes[i]);
                break;
        }
    }
}
Hello goat

<div>Look a goat</div>

Upvotes: 1

James Richford
James Richford

Reputation: 99

Something like this may work for you.

function replaceWithUri(textToReplace, element){
    element.innerHTML = element.innerHTML.replace(textToReplace, '<a href="http://www.' + textToReplace + '.com" >' + textToReplace + '</a>');
}

replaceWithUri('goat', document.getElementsByTagName('body')[0]);

Upvotes: 4

Related Questions