Lien hypertext WordPress – TUTORIEL

Comment créer ou supprimer un Lien hypertext WordPress

 

webmaster indépendant Lyon cms WordPressApprenez avec ce tuto à ajouter et supprimer un lien hypertexte WordPress, à mettre un lien hypertexte WordPress ver un document PDF ou un autre média pour qu’il s’ouvre dans un navigateur internet.


Vous ne savez pas ce qu’est un lien hypertext WordPress ? Apprenez les bases.

 

  • Connectez vous à votre site WordPress

Pour accéder au contenu de votre site et pouvoir modifer/créer un lien hypertext WordPress, connectez-vous à votre interface (par défaut l’adresse de la page est http://www.adresse-de-votre-site.com/wp-admin mais cette url peut-être différente si le créateur de votre site internet l’a changée des raisons de sécurité).

modifer lien hypertext wordpress

Entrez votre identifiant (1) et votre mot de passe (2).
Nous allons voir maintenant comment créer et/ou modifier un lien hypertext WordPress ?

 

  • Pour ajouter ou supprimer un lien hypertext wordpress sur une page, rendez-vous sur cette page grâce à l’onglet « Pages » dans le menu principal à gauche.

Dans la liste des pages ouvrez celle sur laquelle vous souhaitez insérer ou supprimer un lien hypertexte WordPress. Pour ouvrir la page, cliquez sur le titre de celle-ci ou sur « Modifier » qui apparaît sous le titre de la page lorsque vous passez la souris dessus.
La page s’ouvre, vérifiez que vous êtes bien en mode visuel (et non texte) en cliquant sur l’onglet adéquat en haut à droite de la fenêtre d’édition – voir image ci-dessous.

Lien hypertext wordpress

 

  • Pour supprimer un lien hyperytext WordPress existant

Cliquez sur le mot ou la phrase avec le lien (avec une couleur différente généralement) et cliquez sur le petit icône du petit chainon cassé dans la barre d’outil juste au dessus de la fenêtre d’édition (celle sur laquelle vous êtes entrain de travailler).
Pensez à enregistrer vos modifications une fois les manipulations faites en cliquant sur « Mettre à jour » en haut à droite de votre page.
Si les icône « lien » sont inactifs c’est que vous n’avez pas cliquer sur une zone de lien hypertext WordPress.
Voici l’image de l’icône (celui de droite dans notre cas) :

Lien hypertext wordpress

Rmq : il est inutile de sélectionner l’ensemble du texte lié, cliquer au milieu du texte suffit.

 

  • Pour créer un lien hyperytext wordpress sur le texte d’une page

Sélectionner la partie du texte sur lequel vous désirez mettre un lien. Cliquez ensuite sur l’icône du chainon fermé et remplissez les champs.

Lien hypertext WordPress

Dans le champs adresse web mettez l’adresse exacte de la page que vous liez à votre texte (du style http://www.adresse-du-site.fr) et dans le champs titre mettre un titre court pour décrire votre lien. Ce champs n’est pas obligatoire mais remplissez-le, il est utilisé par les non-voyants avec des systèmes de lecture vocale. Enfin, cochez la case « Ouvrir le lien dans une nouvelle fenêtre/un nouvel onglet » si voulez que votre lien s’ouvre dans une nouvelle fenêtre. Dans le cas contraire il s’ouvrira à la place de votre page.
Pensez à enregistrer vos modifications une fois les modifications faites en cliquant sur « Mettre à jour » en haut à droite.
Rmq : si vous faites des liens vers vos propres pages vous pourrez utiliser le champ au dessous où vous trouverez l’ensemble de vos pages et de vos articles.

 

  • Créer un lien vers un document PDF (ou tout autre type de document)

mettre lien vers PDF WordPressComment mettre un lien vers un document PDF (ou autre) sur votre page WordPress ?
Premièrement télécharger votre document dans votre bibliothèque de média (menu principal MEDIA > AJOUTER).
Une fois votre document ajouté, récupérez son adresse URL en cliquant dessus ; une fenêtre avec les caractéristiques de votre document s’ouvre alors comme dans la copie d’écran ci-dessous.

Ajouter lien hypertexte PDF

Copier l’adresse web du fichier (voir image ci-dessus) et mettre cette adresse dans le champs « Adresse web » qui s’ouvre lors de la création un lien hypertext (voir début du tuto pour savoir comment mettre un lien hypertexte WordPress sur un mot.

 

Voilà, j’espère que tout ceci est clair pour vous, vous devriez maitriser maintenant le lien hypertext WordPress. Consulter également le tutoriel « Comment modifier une page WordPress ? » et « Comment modifier le footer et le sidebar de son site WordPress« .

webmaster freelance Lyon WordPress

Pour vos idées et voir des exemples de sites internet n’hésitez pas à cliquez ici.
Pour vos devis pour vos projets web à Lyon  et ailleurs contactez la bécane WEB.

46 réflexions au sujet de « Lien hypertext WordPress – TUTORIEL »

  1. Bonjour,

    Est-il possible de créer un lien hypertexte vers un répertoire d’un lecteur réseau partagé ?

    J’ai essayé ceci
    ‹a href="file:///lecteur:/répertoire/" rel="nofollow"› ... ‹/a›
    mais quand je mets à jour la page WP supprime la partie (file:///lecteur:) et ne demeure que
    ‹a href="/répertoire/" rel="nofollow"› ... ‹/a›.

    Qu’en pensez-vous ?

    • Bonjour David,

      J’ai réédité votre commentaire car le code inséré le classait en spam. L’ai-je réécrit de la bonne manière ?

      A vrai dire je n’ai jamais essayé ceci, pouruqoi ce besoin ? Vous créez un WordPress intranet sur un serveur privé ?
      Avez-vous essayé dans « Réglages » du menu principal de votre WordPress, puis « Écritures » de décocher la case « WordPress doit automatiquement corriger l’imbrication XHTML erronée » ?

  2. Bonjour,
    Lorsque je crée un lien vers d’autre blogs créés sur WordPress, le lien s’affiche sous forme d’un encadré plein d’informations donnant accès à cet autre site. or je voudrais juste afficher un lien tout à fait classique. Avez-vous une idée à me proposer ?
    Merci d’avance

      • En fait lorsque j’inscris l’adresse url sans créer de lien, WP affiche un cadre standardisé où figure toutes les infos du billet vers lequel se dirige l’url. En revanche, si je valide l’url par la création d’un lien, il s’affiche normalement sous forme de lien hypertexte normal classique. Du coup j’ai répondu à ma propre question mais ça m’explique pas pourquoi.
        j’ai une copie d’écran avec le cas 1 et le cas 2, si vous le souhaitez je vous la fais parvenir par mail ?
        Bonne journée

  3. Bonjour,
    Comment établir un lien hypertexte sur la même page.
    Par exemple : petit sommaire en haut de page qui permet en cliquant sur le libellé du chapitre de l’atteindre dans la page.
    Merci

  4. Bonjour,

    J’ai un problème surprenant.
    Dans un tableau, j’ai des icônes pdf. Pour chacune de ces icônes, j’ai créé un lien.
    – je crée un lien pour la 1ère icône du tableau et je sauvegarde
    – je crée un lien pour la 2ème icône du tableau et je sauvegarde

    Je constate alors que le lien pour la 1ère icône a été supprimé.

    Mon blog est auto hébergé sur wordpress et est en accès privé.

    • Bonjour,

      Difficile à dire… ce genre de problème provient parfois d’une incompatibilité de l’un de vos plugins.

      Tentez de désactiver vos plugins et réessayez la manipulation dans un premier temps.

        • Merci beaucoup pour vous être intéressé à mon problème, notamment par mail.
          Manifestement, il s’agit d’un bug temporaire (espérons …) de wordpress.
          J’ai modifié la présentation (plus de tableau …) et les soucis ont l’air d’avoir disparu.

  5. Bonjour,

    Lorsque l’on fait un lien vers un fichier pdf, est-il possible (gratuitement) de réécrire l’url pour avoir autre chose que wp-content/upload/ etc. ??
    Je sais que le plugin Hide my WP le permet mais il est payant.

    Merci d’avance.

  6. Bonjour,

    Je rencontre un problème lorsque je souhaite insérer un lien hypertexte dans l’éditeur classique de mon wordpress. Lorsque je met un lien hypertexte dans n’importe quel texte de mon site, et bien cela efface tout le contenu du texte en question ou j’ai inséré ce lien. Impossible de faire réapparaitre le texte à moins de supprimer le lien hypertexte présent dans ce dernier.

    Que puis-je faire ?

    Merci d’avance.

    • Bonjour Christophe,

      Tu as tenté d’insérer le lien dans le mode visuel et texte ?
      Tu utilises un plugin de composition de page ?
      Si tu rentres le code du lien directement dans l’éditeur en mode texte, que se passe t-il ?

      • Rebonjour,

        Qu’entendez vous par le mode « visuel et texte » ?

        En gros mon problème se déroule quand j’insère le lien hypertexte en « mode classique ». Je ne m’y connais pas bien au sujet de votre question de plugin mais je ne pense pas en utiliser un, je suis simplement sur mon tableau de bord wordpress.

        Lorsque je colle simplement l’url, cela l’affiche mais ne le surligne pas comme le ferait un lien hypertexte.

        Merci d’avance.

        • Bonjour Christophe,

          Pour pus d’info sur l’édition de spages tu peux consulter le tutoriel Comment modifier page WordPress ?.

          Concernant la mise en forme des liens sur ton site, cela dépend des feuilles de style CSS. Pour résumer, l’ensemble de la mise en forme de ton site est codé dans des fichiers .css, tu dois modifier ceux-ci pour changer les mises en formes.

  7. Bonjour,
    Sur world press je veux créer un lien à partir d’un mot. Ca c’est bon
    je veux qu’il s’ouvre dans un nouvel onglet
    Ca c’est bon
    je veux que la nouvelle page soit plus petite que mon site pour que le visiteur ne soit pas oublier de revenir en arrière
    Ca j’arrive pas

    en resumé je veux que le lien soit ouvert en plus petit
    Merci

  8. bonjour,
    Suite à la mise a jour recente de mon wordpress je suppose j’ai un probleme assez comparable. Je suis en version 4.1
    Quand je veux ajouter un lien il ne se passe rien, pas d’ouverture de fenetre.. quand je clique sur option de l’ecran non plus, rien ne s’ouvre.. et je ne peux modifier non plus l’adresse d’une page alors que je pouvais le faire avant.. aidez moi svp Merci bcp

    • Bonjour James,

      Voici des pistes de recherche d’où peut venir votre problème :

      1 – Est ce que vous utilisez un éditeur pour la mise en forme de vos pages ? Peut-être que celui -ci n’est plus comptable avec votre version WordPress.
      1bis – Vérifiez que vos plugins sont tous compatibles avec la version de WordPress que vous avez installé ?
      1ter – Vérifiez que vos thème est compatible avec la version de WordPress que vous avez installé, il utilises peut-être des fonctions de wordpress qui ont changé ?

      2 – Votre serveur a t-il une version php et mysql adapté à votre version de WordPress ?
      – PHP version 5.2.4 or greater (recommended: PHP 5.4 or greater)
      – MySQL version 5.0 or greater (recommended: MySQL 5.5 or greater)

      3 – La mise à jour a peut-être rencontrée des problèmes, tentez d’installer une nouvelle fois WordPress manuellement.

      4 – Réinstaller l’ancienne version et faire une mise à jour manuelle pas à pas pour trouver quel fichier pose éventuellement problème.

      J’espère que ces pistes vous auront aidé…

      Bonne journée

  9. Bonjour,
    Je suis débutante et je travaille sur WordPress version 4.1.2. Je sais créer un lien interne qui ouvre une autre page, mais je ne sais pas créer un lien qui apparaît sous le mot sélectionné (c’est-à-dire dans une petite fenêtre sur la même page que le mot.

    Auriez-vous la gentillesse de m’indiquer comment faire.

    Avec mes remerciements
    Cordialement
    Claire

      • Bonjour Cédric,

        Je vous remercie d’avoir pris en compte ma question. Je pensais bien que je ne m’étais pas exprimé assez clairement.
        Je voudrais, quand je survoler un mot précis, dans une page, faire apparaître, au-dessous de ce mot, une petit texte encadré.

        Exemple de ce que je souhaite sur le site vita-GV dont je m’occupe.

        Dans le tableau, colonne Activités, survolez Gym d’entretien, un cadre apparaît avec la définition. C’est ce lien qui fait apparaître un cadre contenant un texte que je ne sais pas faire.

        J’espère avoir été plus claire.

        Merci Cédric pour votre réponse.
        Cordialement
        Claire

        • Je vois je vois,

          C’est un effet produit soit avec un JS soit avec du code CSS (je ne sais pas si cela vous parle ?).

          L’idée n’est pas de refaire le code s’il est déjà sur votre WordPress mais d’utiliser les class et/ou ID des balises (div) de votre tableau permettant de produire l’effet à votre nouveau texte.

          En d’autres termes, à encadrer le texte (en mode texte dans l’édition de vos pages) sur lequel vous voulez mettre un effet de survol des mêmes balises que celui de votre tableau.

          • Bonsoir Cédric,

            Je connais très peu la terminologie utilisée par WordPress, aussi rien de ce que vous me dites me parle.
            J’abandonne donc pour le moment.

            Merci Cédric de m’avoir consacré un peu de votre temps.
            Bonne continuation
            Très cordialement
            Claire

            • Courage Claire… Pensez à regarder comment est construit ce que vous voulez faire s’il est déjà présent dans votre WordPress pour le recopier dans votre nouvelle page.

              Facile à dire… je sais je sais…

  10. Bonjour,
    Je débute avec WordPress et bien sûr Il m’arrive une chose assez étrange…
    Lorsque je rédige du texte sur une page ou un article et que je veux y insérer un lien, je sélectionne un mot par exemple et quand je clique sur le bouton pour ajouter/modifier un lien et bien ma barre latérale permettant de naviguer de haut en bas disparaît et aucune fenêtre pour intégrer le lien ne s’ouvre…
    J’utilise WP 4.1.1, google chrome, thème Virtue
    Même problème sous firefox
    Même problème après désactivation et réactivation du thème
    Là je ne sais plus quoi faire… si vous avez une idée je suis preneuse ;-)

    • Bonjour,

      La disparition de vos barres latérale est normale, c’est une nouvelle fonctionnalité de WordPress 4.1 !
      Pour la désactiver vous avez un onglet en haut de votre page « Options d’écran », décocher la case « Activer l’éditeur plein-écran et la fonctionnalité d’écriture sans distraction ».

      • Bonjour,
        Merci de cette astuce. En revanche mon soucis premier est le fait que le bouton « ajouter/modifier » un lien ne fonctionne pas…

        • Oui pardon Cécile, je n’avais pas répondu à toute la question. Effectivement le phénomène est bizarre.
          Tentez de désactiver vos extensions et d’essayer à nouveau (peut-être y a t-il un conflit) et/ou tentez d’éditer un lien en passant en mode « Texte » plutôt que « visuel » et utiliser l’outil « Link » (onglet présent dans le coin droite de votre fenêtre d’édition).

          N’hésitez pas à me donner une retour.

          • Bonjour,
            Merci pour cette nouvelle réponse rapide !
            J’ai (je pense) trouvé le problème qui était plus sournois que ça ;-)
            Voilà l’explication : Lors de mon premier transfert, le FTP (Filezilla) avait trouvé des fichiers identiques dont par exemple le fichier source à 10 Ko et le fichier cible à 0 octet alors que je n’avais encore rien transféré… Dans le doute, j’avais cliqué sur « ignorer ».
            Ce matin j’ai donc supprimé tous mon contenu WordPress de la base de données pour transférer un WordPress tout « neuf ».
            Le FTP a encore rencontré des fichiers identiques mais cette fois j’ai cliqué sur « remplacer » et ainsi je n’ai plus de fichier à 0 octet.
            Je suppose que le problème venait bien de là car depuis je peux ajouter des liens url dans mes pages et/ou articles…
            Je trouve quand même surprenant d’avoir des doublons sur une base toute nouvelle…
            En tout cas, encore merci pour vos conseils et suggestions ;-)

  11. Bonjour,

    Dans la fenêtre lien je n’ai pas l’option « ou alors faites un lien vers une page de votre site » ça fait des heures que je cherche pourquoi !
    Pouvez -vous m’éclairer
    par avance merci
    cat

    • Bonjour,

      Je vous réponds par trois petites question :
      Quelle version de WordPress utilisez vous ?
      Avez-vous déjà des pages en ligne ?
      Sur quel type de contenu voulez-vous ajouter un lien (texte, image…) ?

  12. Bonjour
    Comment créer un lien qui pointe sur une zone spécifique d’une page, plutôt que sur l’intégralité de la page? (afin de ne pas avoir à scroller pour afficher le texte ou formulaire que l’on cherche)
    Merci

    • Bonjour Patricia,

      Pour faire un lien vers un endroit précis d’une page il est nécessaire d’utiliser des ancres html. Le tuto n’est pas encore en ligne sur le site de la bécane WEB mais vous pouvez trouver toutes les infos sur Alsacreation (niveau – moyen/facile)

  13. Bonjour,
    Quand j’insère un lien hypertexte dans le texte d’une page tout se passe sans problème sauf que le résultat affiché est une coupure (retour à la ligne) avant et après le lien.

    Auriez-vous une idée d’où le problème ?
    Merci

    • Dans ton code CSS tu as :

      .content-bar a {
      display: block;
      }

      Ce qui donne l’ordre à tous les liens d’être considérés comme des blocks et donc d’aller à la ligne après l’élément.

      Il faut que tu remplaces ce code dans ton fichier CSS par

      .content-bar a {
      display: inline;
      }

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *