Tag åben i ny fane. Sådan åbner du et link i et nyt vindue

Vi forstår alle, at nogle gange er det mere praktisk at åbne links i det aktuelle vindue, og nogle gange i et nyt. Jeg overholder personligt en simpel regel i de fleste projekter - hvis linket er internt (indenfor webstedet), åbnes det som standard i det aktuelle vindue, og eksterne links, der fører et sted hen til andre websteder, åbner som standard nye vinduer (faner).

...

target-attributten er ikke angivet eller er angivet som target="_self" , så åbner dokumentet i det aktuelle browservindue, og hvis linket er tildelt en attribut på formen target="_blank" åbnes dokumentet i et nyt vindue .

Men så opstår spørgsmålet - hvordan kan en bruger skelne mellem disse 2 typer links uden at klikke på dem eller se på sidens HTML-kode?

Det mest logiske er, hvis CSS-designet af de to typer links er forskelligt, her er en mulighed, hvor links med target="_blank" er fremhævet med fed skrift:

A ( font-weight:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "bold" : "normal"); ) a ( font-weight:bold ;)

Her skal vi, som det ofte sker, tage hensyn særskilt Internet Explorer og andre browsere, den første stilindikation er kun for IE, og den anden - for andre browsere.

Du kan på samme måde eksperimentere med en anden CSS-egenskab, såsom tekst-dekorationsunderstregning:

A ( text-decoration:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "underline" : "none"); ) a ( text-decoration:underline ;)

Afhængig af hierarkiet CSS-egenskaber, i en bestemt browser virker noget muligvis ikke. Derudover ville jeg ikke bruge understregning, når alle links som standard allerede er understreget (eller ikke understreget).

En alternativ og cross-browser måde er at forsøge at adskille eksterne links fra resten ved deres adresser. Lad os antage, at eksterne links altid er angivet som absolut(startende med http://-præfikset), og interne skrives som i forhold. Oftest er det, hvad de gør på normale websteder. Dette virker også i IE i det mindste, fra version 8.

A ( font-weight: fed /* Fed for absolutte links */ )

Men her afviger vi fra oprindelige problem og kræver blot, at URL'en begynder med http:// , det vil sige, at vi fremhæver med fed absolutte URL'er, som ikke nødvendigvis er eksterne, og ikke alle links, der åbner i et nyt vindue.

Bortset fra IE 6 og 7, kan du gøre tingene enklere ved at bruge før og efter pseudo-elementer, som giver dig mulighed for at specificere, hvad der skal vises før eller efter de elementer, de er tilføjet til.

For eksempel kan vi gennem stilen tilføje et lille billede efter hvert link, der åbner i et nyt vindue.

Det forekommer mig dog, at det er mere logisk at blot ændre baggrundsdesign et link, der åbner i et nyt vindue - når alt kommer til alt, kan tilføjelse af tekst eller billede før eller efter linket forstyrre webstedets layout. For ikke at lide, vil vi sætte gullig baggrundsfarve alle links åbner i et nyt vindue.

A ( baggrundsfarve: #FFFF99; ) a ( baggrundsfarve: expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "#FFFF99" : "transparent ");)

Udtrykket åbne links i nyt vindue i denne artikel betyder, at links åbnes i en ny fane eller et nyt vindue, afhængigt af dine browserindstillinger. Under alle omstændigheder antages det, at siden, hvorfra linket blev klikket, forbliver åben.

Hvorfor kan dette være nødvendigt? Besøgende i dette øjeblik være på din hjemmeside, og der er et eksternt link i artiklen eller på hjemmesidens side. Hvis dette link er af interesse for den besøgende på en eller anden måde, vil han efter at have klikket på et sådant eksternt link blive ført til et andet websted.

På et andet websted kan han åbne flere sider, og derefter vil det være svært for ham at komme til dit websted igen. Han var ikke færdig med at læse din artikel, og ikke alle computerbrugere vil umiddelbart forstå, hvordan man kommer tilbage til dit websted, fordi folk har forskellige baggrunde, og det er ikke altid klart for begyndere, hvad de skal gøre i dette tilfælde.

I browseren kan du klikke på tilbage-knappen, men den besøgende kunne lukke vinduet på et andet websted helt, men han ønskede at læse din artikel færdig, og ikke artiklen, han ved et uheld landede på eksternt link.

Du kan åbne et link i en ny browserfane ved manuelt at indsætte "target"-attributten med tagværdien "_blank" i hvert sådant link . I HTML vil det se sådan ud - target="_blank". Men der kan være mange sådanne links, og du vil ikke altid huske, hvilke eksterne links der endnu ikke har fået indsat denne egenskab.

Når du tilføjer nye links og billeder i en artikel, i WordPress-adminpanelet, i teksteditoren, er der tilsvarende elementer, hvis aktivering giver dig mulighed for at åbne de tilføjede links og billeder i et nyt vindue.

Der er flere måder at få links til at åbne i et nyt vindue. I denne artikel vil jeg kun beskrive de metoder, der fungerede på mit websted.

Nogle metoder fungerede ikke korrekt på mit websted i den tidligere skabelon, så jeg vil ikke tale om dem. Især blev det vist forkert hjemmeside på en måde, der kræver forbindelse JavaScript biblioteker- jQuery. Derudover ville denne metode ikke fungere, hvis JavaScript var deaktiveret.

Sådan åbner du et link i et nyt vindue

For at åbne absolut alle links på webstedet i nye vinduer eller faner, skal du indsætte speciel kode til filen "Header (header.php)".

For at indsætte denne kode skal du indtaste " WordPress Admin Panel» => « Udseende" => "Editor" => "Overskrift (header.php)".

I filen "Header (header.php)" mellem taggene og skal du indsætte følgende kode lige før det afsluttende tag:

Denne indstilling til åbning af sider i et nyt vindue eller fane virker ikke særlig praktisk for mig, fordi dette åbner mange vinduer eller faner i browseren. Men jeg ved, at det for nogle tværtimod vil være praktisk at kunne åbne eksterne og interne links på din hjemmeside.

Mål Blank i indlæg og kommentarer plugin

Pluginnet Target Blank In Posts And Comments hjælper dig med at åbne links i kommentarer og indlæg i et nyt vindue uden at påvirke andre interne links på webstedet.

Du kan downloade Target Blank In Posts And Comments plugin herfra.

Dette plugin er ikke blevet opdateret i lang tid, men det fungerer godt på nyeste version WordPress motor, og klarer sine pligter perfekt. Det virkede også på min side i nogen tid.

For at installere Target Blank In Posts And Comments plugin, skal du logge ind på "WordPress Admin Panel" => "Plugins" => "Add New" => "Install Plugins" => "Upload". Efter download skal plugin'et installeres og aktiveres.

Target Blank In Posts And Comments-pluginnet kræver ingen indstillinger og begynder at virke umiddelbart efter dets aktivering.

Brug af dette plugin vil give dig mulighed for at returnere besøgende til dit websted, som har klikket på et eksternt link fra dit websted. Det sker jo ofte, at en besøgende har ledt længe nødvendige oplysninger, og så pludselig klikkede på et link, der interesserede ham fra en kommentar eller artikel, gik så et andet sted hen, og dermed kan den besøgende ofte ikke finde det websted, han oprindeligt kom fra.

Pluginnet Target Blank In Posts And Comments gør sit arbejde godt, så du kan fastholde og returnere besøgende til dit websted.

Åbner et kommentarlink i et nyt vindue

Hvis du har brug for at åbne links med kommentarer uden hjælp fra et plugin, så kan dette gøres efter at have ændret den tilsvarende kode. Ændringer skal foretages i koden til "comment-template.php" filen, som er placeret i mappen "wp-includes".

For at gøre dette skal du oprette forbindelse til dit websted via FTP-forbindelse ved hjælp af programmer som FileZilla eller Total kommandør. Dette kan også gøres vha filhåndtering, som er placeret i kontrolpanelet på din hosting.

Filen "comment-template.php" er placeret omtrent langs denne sti - domæner/navn på dit websted/public_htlm/wp-includes/comment-template.php.

Opmærksomhed! Før du ændrer filen "comment-template.php", skal du lave en kopi af den. I tilfælde af problemer, efter at have ændret filkoden, kan dit websted stoppe med at fungere normalt. I dette tilfælde skal du erstatte den fil, du har ændret, med den gemte. original kopi denne fil.

En lignende hændelse skete for mig, og jeg var nødt til at rulle siden tilbage til arbejdsvilkår ved hjælp af teknisk support mit værtskab. Jeg gemte ikke en kopi af den originale fil, lavede de forkerte ændringer i filens kode, og derefter holdt mit websted op med at dukke op på internettet i et stykke tid.

Dette ville ikke være sket, hvis jeg havde lavet en kopi af filen, før jeg ændrede den, for jeg ville straks have erstattet den ødelagte med en fungerende.

Du skal kopiere "comment-template.php" filen til din computer og gemme den. Du skal lave en kopi af den gemte fil og foretage ændringer i filkoden ved at åbne den vha tekst editor Notesblok++. Du kan åbne filen i Notesblok, men den vil være meget svær at finde i Notesblok nødvendige linjer kode for at ændre det.

Dernæst skal du tilføje linjen, der starter med $return = ”