Lien de type URL – Ouverture de la page erronément dans l’onglet actif (Créer un compte)

  • WordPress: 6.4
  • Statut : non résolu
  • Ce sujet contient 13 réponses, 4 participants et a été mis à jour pour la dernière fois par Li-An, le il y a 4 mois.
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #2475770
    EVH1955
    Participant
    WordPress Initiate
    5 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Tiny Framework
    • Extensions en place : Ninja Forms, WP External links, WP Super Cache
    • Nom de l’hébergeur : OVH
    • Adresse du site : carn.be

    Problème(s) rencontré(s) :

    Bonjour,

    La page « www.carn.be/ces-organismes-nous-ont-fait-confiance/ » de notre site internet affiche le contenu d’un fichier PDF qui contient des liens URL. Si on clique sur un de ces liens depuis la page de notre site, la page demandée s’ouvre dans l’onglet du site, ce qui est dérangeant. Pourtant le lien du fichier PDF (construit à partir de Libre Office) demande l’ouverture dans un nouvel onglet. Cela peut être vérifié en téléchargeant le PDF depuis la page en question, en ouvrant le PDF, puis en cliquant sur un lien URL quelconque. Est-il possible de résoudre cette incohérence ? Merci d’avance.

    #2475777
    Li-An
    Participant
    WordPress Master
    28804 contributions

    Bonjour, c’est un peu compliqué de vous répondre. Le problème peut venir du fait d’afficher le contenu du pdf comme une page – reste à savoir de quelle manière vous le faites. Et, mais peut-être aucun rapport, votre thème semble complètement obsolète – pas de mise à jour depuis 7 ans.

    Il y avait un questionnaire affiché, c’est dommage de ne pas l’avoir complété entièrement, car il peut aider à vous aider.
    Alors, merci de le copier-coller et compléter du mieux possible dans votre prochain post. Vous pouvez utiliser cette extension https://github.com/zitezinfo/infosite et copier/coller les informations affichées.

    Pour l’installer : téléchargez le fichier .zip indiqué dans le lien puis Extensions>Ajouter, cliquer sur le bouton Téléverser une extension (utilisez le fichier zip).

    #2475779
    Li-An
    Participant
    WordPress Master
    28804 contributions

    Je viens de télécharger votre pdf et je l’ai ouvert directement dans le navigateur. Les URL ne s’ouvrent pas dans un nouvel onglet. Votre problème n’est pas relatif à WP.

    #2475796
    EVH1955
    Participant
    WordPress Initiate
    5 contributions

    Merci pour votre réponse/aide. Vous avez sans doute raison. Je viens de faire la même opération que vous avec mon navigateur (Chrome), et les liens cliqués ne provoquent pas l’ouverture d’un nouvel onglet. Pourtant, le PDF est dérivé d’un fichier ODT (fichier de type document de LibreOffice) dont les liens URL ont été créés en cochant l’option _BLANK, un libellé identique à celui utilisé en HTML pour provoquer l’ouverture d’un nouvel onglet. Si j’ouvre le PDF avec Acrobat Reader, à chaque clic sur un lien URL un nouvel onglet s’ouvre.

    #2475806
    Li-An
    Participant
    WordPress Master
    28804 contributions

    Je n’ai malheureusement pas d’explication. Il faudrait poser la question à LibreOffice.

    #2475807
    Flobogo
    Modérateur
    WordPress Master
    20483 contributions

    Bonjour,

    Le formatage Word n’est pas transférable à l’éditeur de WordPress. J’imagine qu’un PDF, lui-même dérivé d’un fichier .odt, puis chargé dans WordPress, ne doit pas non plus être interprétable par le navigateur tel que défini au départ. Chaque type de fichier et chaque langage a son propre encodage.

    #2475818
    EVH1955
    Participant
    WordPress Initiate
    5 contributions

    Il est possible d’ouvrir les URL dans un nouvel onglet, mais il faut faire un clic-droit au lieu d’un clic-gauche sur le lien puis cliquer sur « Ouvrir le lien dans un nouvel onglet » dans le menu qui s’affiche. Puis encore cliquer sur le nouvel onglet, car l’onglet parent reste actif : https://www.carn.be/ces-organismes-nous-ont-fait-confiance/. Je ne vois pas d’autre « solution ».

    #2475820
    Li-An
    Participant
    WordPress Master
    28804 contributions

    En fait, je me demande si le passage au pdf ne supprime pas la nature du lien. Parce qu’ouvrir un lien dans un nouvel onglet, ça ne signifie pas grand chose pour un fichier pdf.

    #2475824
    EVH1955
    Participant
    WordPress Initiate
    5 contributions

    @Li-An. En effet… Sans doute que les liens externes en format PDF sont codés sans information sur le mode d’ouverture. Avec le navigateur Chrome comme visionneuse, le lien s’ouvre par défaut dans l’onglet actif (clic-gauche), sinon (clic-droit) il affiche un menu contextuel avec l’option « Ouvrir le lien dans un nouvel onglet ». En l’occurrence (notre site internet), l’avantage de passer par un PDF est la simplicité de création, surtout le fait que les images sont incorporées dans le PDF, ce qui n’est pas le cas d’un fichier HTML. Si je traduis le PDF en HTML, je dois stocker toutes les images (les logos des établissements cités) dans la section MÉDIA de notre site et taper autant d’adresses dans le code HTML. Je n’en ai pas le courage. 🙂 Voilà, voilà.

    #2475833
    Li-An
    Participant
    WordPress Master
    28804 contributions

    Je ne sais pas si vous y gagnez vraiment. Avec Gutenberg, vous pouvez utiliser des colonnes ou des tableaux, les images dans les médias, ça sert à ça – et il faut bien que vous les insériez dans votre pdf. Et surtout, ça fait une page bien adaptée aux navigateurs et différents écrans. Je ne vois pas trop en quoi c’est plus complexe – sauf si vous bossez en pur html en effet.

     

    #2475858
    Flobogo
    Modérateur
    WordPress Master
    20483 contributions

    je me demande si le passage au pdf ne supprime pas la nature du lien.

    et

    Sans doute que les liens externes en format PDF sont codés sans information sur le mode d’ouverture.

    C’est bien ce que je dis : le codage du fichier odt, lui-même recodé en fichier PDF, lui-même inséré dans WordPress … logique qu’une partie du codage se perde en route et ne soit pas interprété correctement par le ou les navigateurs.

    #2475914
    EVH1955
    Participant
    WordPress Initiate
    5 contributions

    @Li-AN. Hélas, Gutenberg ne me permet pas d’aligner et de positionner le contenu des cellules du tableau comme je le souhaite. Si je veux avoir une traduction en HTML  de l’affichage aussi propre et convivial que mon PDF, je dois tout coder manuellement en HTML. J’ai tout de même ajouté un paragraphe avec un lien vers le PDF et ouverture dans un nouvel onglet. Notre public cible travaille sur ordinateur, pas sur smartphone. Encore merci pour vos conseils.

    #2475917
    AnuragSaxena
    Bloqué
    WordPress Initiate
    7 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Tiny Framework
    • Extensions en place : Ninja Forms, WP External links, WP Super Cache
    • Nom de l’hébergeur : OVH
    • Adresse du site : carn.be

    Problème(s) rencontré(s) :

    Bonjour,

    La page « http://www.carn.be/ces-organismes-nous-ont-fait-confiance/ » de notre site internet affiche le contenu d’un fichier PDF qui contient des liens URL. Si on clique sur un de ces liens depuis la page de notre site, la page demandée s’ouvre dans l’onglet du site, ce qui est dérangeant. Pourtant le lien du fichier PDF (construit à partir de Libre Office) demande l’ouverture dans un nouvel onglet. Cela peut être vérifié en téléchargeant le PDF depuis la page en question, en ouvrant le PDF, puis en cliquant sur un lien URL quelconque. Est-il possible de résoudre cette incohérence ? Merci d’avance.
    <h3>Solutions Proposées :</h3>

    1. Vérifier les Paramètres du Plugin de Visionnage de PDF :
      • Consultez les paramètres du plugin que vous utilisez pour afficher le PDF sur votre site et vérifiez s’il existe une option pour ouvrir les liens dans un nouvel onglet.
    2. Utiliser le Code JavaScript pour Forcer l’Ouverture dans un Nouvel Onglet :
      • Ajoutez le script JavaScript suivant à votre thème ou via un plugin de gestion de scripts comme « Code Snippets » :

      <div class= »dark bg-gray-950 rounded-md border-[0.5px] border-token-border-medium »>
      <div class= »flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md »>javascript
      <div class= »flex items-center »><span class= » » data-state= »closed »><button class= »flex gap-1 items-center »>Copy code</button></span></div>
      </div>
      <div class= »overflow-y-auto p-4″ dir= »ltr »><code class= »!whitespace-pre hljs language-javascript »><span class= »hljs-variable language_ »>document</span>.<span class= »hljs-title function_ »>addEventListener</span>(<span class= »hljs-string »> »DOMContentLoaded »</span>, <span class= »hljs-keyword »>function</span>() {
      <span class= »hljs-keyword »>const</span> pdfIframe = <span class= »hljs-variable language_ »>document</span>.<span class= »hljs-title function_ »>querySelector</span>(<span class= »hljs-string »>’iframe'</span>);
      <span class= »hljs-keyword »>if</span> (pdfIframe) {
      <span class= »hljs-keyword »>const</span> pdfDoc = pdfIframe.<span class= »hljs-property »>contentDocument</span> || pdfIframe.<span class= »hljs-property »>contentWindow</span>.<span class= »hljs-property »>document</span>;
      <span class= »hljs-keyword »>const</span> links = pdfDoc.<span class= »hljs-title function_ »>getElementsByTagName</span>(<span class= »hljs-string »>’a'</span>);
      <span class= »hljs-keyword »>for</span> (<span class= »hljs-keyword »>let</span> i = <span class= »hljs-number »>0</span>; i < links.<span class= »hljs-property »>length</span>; i++) {
      links[i].<span class= »hljs-title function_ »>setAttribute</span>(<span class= »hljs-string »>’target'</span>, <span class= »hljs-string »>’_blank'</span>);
      }
      }
      });
      </div>
      </div>

    3. Modifier le PDF :
      • Assurez-vous que les liens dans votre PDF sont configurés pour s’ouvrir dans un nouvel onglet. Parfois, Libre Office peut ne pas refléter correctement ce comportement lorsqu’il est intégré sur une page web.
    4. Utiliser une Extension WordPress :
      • Extensions telles que « PDF Embedder » ou « PDF Viewer for WordPress » peuvent offrir des options pour gérer le comportement des liens dans les PDF.
    5. Vérifier le Thème :
      • Assurez-vous que votre thème (Tiny Framework) ne force pas les liens à s’ouvrir dans le même onglet. Testez avec un autre thème temporairement pour voir si le problème persiste.
    6. Utiliser un Plugin de Gestion de Liens Externes :
      • Avec « WP External Links », vérifiez que les paramètres sont configurés pour ouvrir les liens externes dans un nouvel onglet.

    <h3>Exemple de Configuration WP External Links :</h3>

    1. Allez dans « Réglages » > « WP External Links ».
    2. Configurez les options pour que les liens externes s’ouvrent dans un nouvel onglet (target="_blank").
    3. Assurez-vous que les paramètres sont bien appliqués aux liens dans les PDFs intégrés.

    Essayez ces solutions et voyez laquelle résout votre problème. Si le problème persiste, n’hésitez pas à me fournir plus de détails sur votre configuration et les extensions utilisées, et je serai heureux de vous aider davantage.

    Cordialement,

    • Cette réponse a été modifiée le il y a 4 mois par Joss47.
    #2475980
    Li-An
    Participant
    WordPress Master
    28804 contributions

    Vous avez des blocs de tables plus avancés du genre https://fr.wordpress.org/plugins/wp-table-builder/(vous pouvez même y mettre du HTML dites donc !)

14 sujets de 1 à 14 (sur un total de 14)
  • Vous devez être connecté pour répondre à ce sujet.