Hvorfor skal sociale medier-ikoner åbne i en ny fane?

Det er måske ikke indlysende ved første øjekast, men det er ekstremt vigtigt, at eksterne links (dvs. links, der peger på eksterne hjemmesider) åbner i et nyt vindue eller en ny fane. Hovedårsagen er, at du ønsker at holde besøgende på din hjemmeside, hvor det er muligt. Hvis en bruger klikker på et eksternt link, der ikke åbner i en ny fane, kan de ikke komme tilbage til din hjemmeside, når de først har lukket fanen, uden at indtaste din webadresse igen. Det kan endda være, at nogen har fundet dig gennem en kringlet kombination af klik via tredjeparts hjemmesider og nu ikke aner, hvad din webadresse var!

Under alle omstændigheder er det standardpraksis at åbne disse links i en ny fane, så det er overraskende, at Divi Extra ikke understøtter denne funktionalitet “ud af boksen”. Heldigvis er der en hurtig løsning. Alt du behøver er at implementere lidt kode, der vil søge efter linkene til sociale medier og automatisk indstille dem til at åbne i en ny fane.

Divi Extra-temaet giver dig mulighed for at tilføje ikoner/links til sociale medier i headeren og footeren. Hvis du ønsker, at disse links skal åbnes i en ny fane, kan du gøre det med følgende jQuery-kode:

<script>
jQuery(function($){
$('.et-extra-social-icon a').attr('target','_blank');
});
</script>

 

Du kan tilføje denne kode til temaet ved at indsætte den i “Extra > Temaindstillinger > Integration > Add code to the head of your blog”, efter alt andet, der allerede er der.

Når du ændrer koden på din hjemmeside som i dette tilfælde, skal du være opmærksom på, at der er en risiko for, at din side ikke fungerer korrekt. Derfor er det altid vigtigt at notere, hvilke ændringer du foretager og hvor du foretager dem, så du hurtigt kan gendanne dem, hvis noget går galt. Det bedste er at teste ændringerne først i et testmiljø.