Tout le monde sait comment ouvrir une page dans un nouvel onglet à l'aide d'un lien. Ajoutez l'attribut target="_blank" au lien et réjouissez-vous. Mais en cliquant sur le bouton, ouvrir la page dans un nouvel onglet est un peu plus difficile. Eh bien, le bouton n'a pas d'attribut cible.

Blog RSS

ouvrira la page spécifiée dans la fenêtre actuelle, et

Blog RSS

s'ouvrira dans un nouvel onglet.

Comment puis-je cliquer sur un bouton pour ouvrir une page dans un nouvel onglet ?

Tout d'abord, pour ouvrir quoi que ce soit en cliquant sur un bouton, qui d'ailleurs n'est pas dans un bloc formulaire, mais tout seul, il faut utiliser la méthode OnClick du bouton.

Par exemple comme ceci :

Dans ce cas, la page partenaires.php s'ouvrira dans la fenêtre actuelle du navigateur. Mais parfois, vous devez ouvrir une page dans une nouvelle fenêtre ou un nouvel onglet. Que dois-je faire? En conception

Il s’est avéré que chaque bouton avait sa propre fonction écrite. Pas optimal. Pas élégant. Tout a fonctionné, bien sûr, mais où est la poésie du code ?

Solution optimale

Pourquoi surcharger JavaScript quand vous pouvez tout résoudre avec une seule fonction ? Que se passe-t-il si je dois ajouter 5 boutons supplémentaires comme celui-ci ? La solution ici est donc différente. Fonction JavaScript un, et chaque bouton lui transmet l'URL souhaitée en paramètre.

Le code final ressemble maintenant à ceci :

Comme vous pouvez le voir, le bouton passe l'URL en paramètre, et la fonction l'accepte et l'ouvre dans un nouvel onglet. Dans le même temps, le code JavaScript est devenu beaucoup plus petit.

C'est tout. Vous savez maintenant comment cliquer sur un bouton pour ouvrir une page dans un nouvel onglet. Si quelqu'un en a besoin, utilisez-le.

Bonne chance et à bientôt.

Documents associés :

Gutenberg - utilisations, nuances et possibilités

Comment vérifier une personne à partir d'une photo

Comment insérer correctement une vidéo YouTube dans un article de blog

Il perdra simplement votre page, ce qui empirera facteurs comportementaux blog (profondeur de consultation et temps passé sur le site).

Comment insérer des liens WordPress lors de la publication d'un article

Pour éviter que le lecteur ne perde votre blog, lors de la création d'un lien, cochez la case Ouvrir dans une nouvelle fenêtre/un nouvel onglet.

Publier une annonce dans la liste de diffusion S'abonner

Par rapport au panneau d'administration WordPress, lors de la publication d'une annonce, vous pouvez également utiliser l'option permettant d'ouvrir le lien dans une nouvelle fenêtre.

Selon les exigences des administrateurs de nombreux groupes, un tel lien est nécessaire. Ils sont très inquiets que le lecteur ne quitte pas la page du groupe, reste en contact et veuille soudain lire autre chose.

• souligner le mot juste ou une phrase, cliquez sur l'icône de lien,
• dans la fenêtre qui s'ouvre, saisissez l'URL de la page vers laquelle vous souhaitez accéder,
• sélectionnez "Dans une nouvelle fenêtre"
• écrivez un Titre. Il sera mis en surbrillance lorsque vous survolerez le lien,
• Cliquez sur Coller.

Lien HTML dans une nouvelle fenêtre. Comment ouvrir

Ouvrez l'onglet HTML => collez le texte de l'annonce => collez le code suivant

Lien texte - onglet HTML MISE À JOUR.

L’adresse de votre site Web est l’adresse de la page contenant l’article.

N'oubliez pas d'actualiser l'onglet HTML puis de publier votre annonce.

P.S. Est-ce simple ? N'hésitez pas à me dire dans les commentaires si ces informations vous ont aidé.

ARTICLES SIMILAIRES :

AMIS, MERCI D'AVOIR PARTAGÉ L'ARTICLE :

6 avis pour « Lien HTML dans une nouvelle fenêtre. Comment ouvrir? »

Alors tout est clair !!! Mais j'ai besoin du menu principal (en-tête supérieur), du lien pour ouvrir dans un nouvel onglet, dans WordPress dans le menu, quand vous collez le lien, il n'y a pas de case à cocher pour ouvrir dans un nouvel onglet, que puis-je faire ?, mais cela ne me convient pas, aidez-moi s'il vous plaît !

• Yana : Dans le panneau d'administration " Apparence" - "Menu". Cliquez sur. Droite coin supérieur- "Paramètres de l'écran." Cliquez sur. Dans la section « Afficher les propriétés du menu étendu », cochez la case « Cible du lien ». Sélectionnez l'élément de menu souhaité à ouvrir dans une nouvelle fenêtre. Cochez la case « Ouvrir le lien dans une nouvelle fenêtre/un nouvel onglet ». Enregistrez le menu et profitez de la vie)))

L'expression ouvrir les liens dans une nouvelle fenêtre dans cet article signifie que les liens s'ouvriront dans un nouvel onglet ou une nouvelle fenêtre, en fonction des paramètres de votre navigateur. Dans tous les cas, on suppose que la page à partir de laquelle le lien a été cliqué restera ouverte.

Pourquoi cela pourrait-il être nécessaire ? Visiteur dans ce momentêtre sur votre site Web et il y a un lien externe dans l'article ou sur la page du site Web. Si ce lien intéresse le visiteur d'une manière ou d'une autre, après avoir cliqué sur un tel lien externe, il sera redirigé vers un autre site.

Sur un autre site, il peut ouvrir plusieurs pages supplémentaires et il lui sera ensuite difficile de revenir sur votre site. Il n'a pas fini de lire votre article, et tous les utilisateurs d'ordinateurs ne comprendront pas immédiatement comment revenir sur votre site, car les gens ont des antécédents différents et il n'est pas toujours clair pour les débutants quoi faire dans ce cas.

Dans le navigateur, vous pouvez cliquer sur le bouton Précédent, mais le visiteur pourrait fermer complètement la fenêtre sur un autre site, mais il voulait terminer la lecture de votre article, et non de l'article sur lequel il est tombé accidentellement lien externe.

Vous pouvez ouvrir un lien dans un nouvel onglet du navigateur en insérant manuellement l'attribut « cible » avec la valeur de balise « _blank » dans chacun de ces liens. . En HTML, cela ressemblera à ceci : cible = "_blank". Mais il peut y avoir beaucoup de liens de ce type, et vous ne vous souviendrez pas toujours quels liens externes n’ont pas encore cet attribut inséré.

Lors de l'ajout de nouveaux liens et images dans un article, dans le panneau d'administration WordPress, dans l'éditeur de texte, il existe des éléments correspondants dont l'activation vous permet d'ouvrir les liens et images ajoutés dans une nouvelle fenêtre.

Il existe plusieurs façons d'ouvrir des liens dans une nouvelle fenêtre. Dans cet article, je décrirai uniquement les méthodes qui ont fonctionné sur mon site.

Certaines méthodes ne fonctionnaient pas correctement sur mon site dans le template précédent, je n'en parlerai donc pas. En particulier, il était mal affiché page d'accueil dans une méthode qui nécessite la connexion de la bibliothèque JavaScript - jQuery. De plus, cette méthode ne fonctionnerait pas si JavaScript était désactivé.

Comment ouvrir un lien dans une nouvelle fenêtre

Afin d'ouvrir absolument tous les liens du site dans de nouvelles fenêtres ou onglets, vous devrez insérer un code spécial dans le fichier « Header (header.php) ».

Pour insérer ce code, vous devez saisir " Panneau d'administration WordPress" => "Apparence" => "Editeur" => "En-tête (header.php)".

Dans le fichier « Header (header.php) » entre les balises et vous devez insérer le code suivant juste avant la balise de fermeture :

Ce paramètre d'ouverture de pages dans une nouvelle fenêtre ou un nouvel onglet ne me semble pas très pratique, car cela ouvre de nombreuses fenêtres ou onglets dans le navigateur. Mais, je sais que pour certains, au contraire, il sera pratique de pouvoir ainsi ouvrir des liens externes et internes sur leur site.

Plugin Target Blank dans les publications et les commentaires

Le plugin Target Blank In Posts And Comments vous aide à ouvrir des liens dans les commentaires et les publications dans une nouvelle fenêtre sans affecter les autres liens internes du site.

Vous pouvez télécharger le plugin Target Blank In Posts And Comments à partir d’ici.

Ce plugin n'a pas été mis à jour depuis longtemps, mais il fonctionne bien sur dernière version Moteur WordPress, et s'acquitte parfaitement de ses fonctions. Cela a également fonctionné sur mon site pendant un certain temps.

Pour installer le plugin Target Blank In Posts And Comments, vous devrez vous connecter au « Panneau d'administration WordPress » => « Plugins » => « Ajouter un nouveau » => « Installer les plugins » => « Télécharger ». Après le téléchargement, le plugin doit être installé et activé.

Le plugin Target Blank In Posts And Comments ne nécessite aucun paramètre et commence à fonctionner immédiatement après son activation.

L’utilisation de ce plugin vous permettra de renvoyer sur votre site les visiteurs ayant cliqué sur un lien externe depuis votre site. Après tout, il arrive souvent qu'un visiteur cherche depuis longtemps information nécessaire, puis a soudainement cliqué sur un lien qui l'intéressait à partir d'un commentaire ou d'un article, puis est allé ailleurs, et ainsi le visiteur ne peut souvent pas trouver le site d'où il vient initialement.

Le plugin Target Blank In Posts And Comments fait bien son travail, vous permettant de fidéliser et de renvoyer les visiteurs sur votre site.

Ouvrir un lien de commentaire dans une nouvelle fenêtre

Si vous devez ouvrir des liens avec des commentaires sans l'aide d'un plugin, cela peut être fait après avoir modifié le code correspondant. Des modifications devront être apportées au code du fichier « comment-template.php », qui se trouve dans le dossier « wp-includes ».

Pour ce faire, vous devrez vous connecter à votre site via Connexion FTP en utilisant des programmes tels que FileZilla ou Commandant total. Cela peut également être fait en utilisant gestionnaire de fichiers, qui se trouve dans le panneau de configuration de votre hébergement.

Le fichier « comment-template.php » se trouve approximativement le long de ce chemin - domaines/nom de votre site/public_htlm/wp-includes/comment-template.php.

Attention! Avant de modifier le fichier « comment-template.php », vous devez en faire une copie. En cas de problème, après avoir modifié le code du fichier, votre site peut cesser de fonctionner dans mode normal. Dans ce cas, vous devrez remplacer le fichier que vous avez modifié par celui enregistré. copie originale ce fichier.

Un incident similaire m'est arrivé et j'ai dû remettre le site en état de fonctionnement en utilisant soutien technique mon hébergement. Je n'ai pas sauvegardé de copie fichier original, j'ai apporté des modifications incorrectes au code du fichier, et après cela, mon site a cessé de s'afficher sur Internet pendant un certain temps.

Cela ne serait pas arrivé si j'avais fait une copie du fichier avant de le modifier, car j'aurais immédiatement remplacé celui cassé par un fichier fonctionnel.

Vous devrez copier le fichier « comment-template.php » sur votre ordinateur et l'enregistrer. Vous devez faire une copie du fichier enregistré et apporter des modifications au code du fichier en l'ouvrant à l'aide de éditeur de texte Bloc-notes++. Vous pouvez ouvrir le fichier dans le Bloc-notes, mais dans le Bloc-notes, il sera très difficile de trouver les lignes de code nécessaires pour le modifier.

Ensuite, vous devez ajouter la ligne commençant par $return = "