Pagina1 van 1

WordPress – Kopieer & Plak met Bron vermelding

WordPress – Kopieer & Plak met Bron vermelding
   0

Diegenen onder ons die regelmatig artikelen schrijven voor hun website of blog, weten wel hoeveel werk het is om echt zelf iets te schrijven, hoe kort het artikel ook moge zijn.

En wat is nu het meest vervelende? Mensen die gewoon lekker jouw werk kopiëren, zonder om toestemming te vragen, zonder zelf iets bij te dragen en zonder bron vermelding. Gewoon lomp weg kopiëren en plakken en doen alsof ze het zelf geschreven hebben.

Voor WordPress gebruikers (en als je alleen het JavaScript deel pakt, ook voor andere website eigenaren) kunnen met een eenvoudige truc automatisch een link of een copyright melding plaatsen onder de tekst/content dien van hun website gekopieerd wordt. Dit is niet alleen een nette reminder voor diegene die schaamteloos jouw werk kopieert, maar als ze het in tact laten ook nog een hulpje om SEO te verbeteren voor jouw website.




JavaScript, WordPress en Kopiëren & Plakken

Deze code moet in de “functions.php” file geplaatst horen die bij jouw thema zit.

Deze functie plaatst alleen maar een stukje JavaScript in de header van elke WordPress pagina, en dit voorbeeld alleen maar als het een post betreft.

De JavaScript (zie de bronnen onderaan dit artikel) vangt in principe een “Kopieer actie” af en hangt er een link en wat tekst achteraan.
In regel 8 (de geel gemarkeerde regel) is waar je dit naar wens kunt aanpassen.

Als je dit in actie wilt zien, kopieer dan een stukje van de tekst van dit artikel en (bijvoorbeeld) plak het in een Word Document, of een eMail, …

Een paar JavaScript opmerkingen

In regel 8, gebruikte ik oorspronkelijk een paragraaf HTML tag (<p>...</p> ), wat geweldig werkt voor HTML- en RichText editors. Maar voor platte tekst editors gaat dat helemaal verloren.

Deze (de platte tekst editors) zijn ook de reden waarom de link er 2x in staat. 1x voor de HTML/RichText editors, waarbij de titel een klikbare link blijft, en 1x voor platte tekst editors, zodat de originele link toch behouden blijft.

In andere voorbeelden (zie bronnen) heb ik gezien dat een aantal lieden alleen maar kopiëren als het om een specifieke CSS klasse gaat – helaas werkt dat niet altijd zoals gewenst, zelfs als je de juiste klasse weet te bepalen.

Nogmaals: de “bron” link kun je naar smaak aanpassen in regel 8.

Overigens wil een aantal liever “wp_get_shortlink(get_the_ID())” gebruiken in plaats van “the_permalink()“, om de link kort en schoon te houden. Ik geef echte de voorkeur aan een leesbare link.

Voor wie nu begint te klagen dat dit soort code irritant is: stop met kopiëren!. 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function add_copyright_text() {
    if (is_single()) {
        ?>
        <script type='text/javascript'>
            function addSourceLink() {
                var body_element = document.getElementsByTagName('body')[0];
                var selectedText = window.getSelection();
                var sourcelink = "<br \><br \>Source: <a href='<?php the_permalink(); ?>'><?php wp_title(); ?></a> (<?php the_permalink(); ?>)</p>";
                var newText = selectedText + sourcelink;
                var newDiv = document.createElement('div');
                    newDiv.style.left='-99999px';
                    newDiv.style.position='absolute';

                body_element.appendChild(newDiv);
                newDiv.innerHTML = newText ;
                selectedText.selectAllChildren(newDiv);
                window.setTimeout(function() { body_element.removeChild(newDiv); } ,0);
            }
            document.oncopy = addSourceLink;
        </script>
    <?php
   }
}

add_action( 'wp_head', 'add_copyright_text');

 

Bronnen

Ik heb in dit geval niet zelf het wiel uitgevonden, alleen maar bestaande code voorbeelden aangepast.
Het meeste heb ik geleerd van WPBeginner.com, een goede bron voor ideeën en hulp voor WordPress users!

Bavotasan’s post (van 2010!) is een goed artikel voor niet-WordPress gebruikers, en het is tevens de oudste referentie die ik kon vinden.

N.b.: de bronnen zijn allen Engelstalig!

Specifiek voor WordPress gebruik:

Voor algemeen generic gebruik:

Ondersteun ons ...


Jouw ondersteuning wordt zeer gewaardeerd, en hoeft zelfs niets te kosten. Bijvoorbeeld door links naar ons te delen op social media, of andere websites.

Andere vormen kunnen ook gratis zijn (b.v. shoppen op Amazon).
Alle opbrengsten worden gebruikt voor web-hosting kosten, project hardware en software, koffie, etc.

Hartelijk dank voor wie al heeft bijgedragen!
Het is altijd geweldig om te zien hoe men mijn artikeltjes en applicaties weet te waarderen.

Merk op dat het klikken op affiliate links een kleine commissie voor ons kunnen genereren - dit wordt zeer gewaardeerd.

Reacties


Er zijn nog geen reacties geplaatst.
Je kunt jouw eigen opmerkingen plaatsen m.b.v. dit formulier, of een reactie op een bestaande opmerking plaatsen door op de "Beantwoorden" knop te klikken.



Jouw Opmerking ...

Plaats hier geen grote bestanden (zoals source codes, log files of config files). Gebruik hiervoor het Forum.

Delen:
*
*
Laat me per email weten als er nieuwe reacties zijn.
       Je kunt jouw RSS reader gebruiken om reacties te volgen.


Tweaking4All gebruikt de gratis Gravatar dienst voor Avatar weergave.