La plupart des outils web « grand public » ne requièrent pas à leur utilisateur de parler couramment le langage html pour obtenir la mise en page attendue ou intégrer des fonctionnalités. C’est l’une des raisons pour lesquelles beaucoup de « non spécialistes du web » apprécient des CMS comme wordpress : Inutile de savoir coder en html, de connaitre tous les codes et les secrets des balises pour créer de ses propres mains un joli site, efficace, performant et bien référencé.

En effet, le plus souvent dans vos interfaces (comme dans votre back office WordPress par exemple), vous trouverez un éditeur « wysiwyg » (ruban avec des boutons qui, comme dans word par exemple, vous permettra de souligner, mettre en gras, justifier…) qui vous proposera le bouton « création de lien hypertexte » qui vous est déjà bien familier. Toutefois, il peut arriver que vous ayez à adopter le langage html dans certains cas, tous simples… et fréquents.

Exemple : J’ai ajouté un widget de texte dans mon footer ou en sidebar de mon site wordpress, je voudrais que toute ou partie de ce lien devienne un lien hypertexte pour que, au clic, l’internaute soit renvoyé vers un autre site, ou une page de mon site web.

Comment écrire cela? il suffit d’ajouter les bonnes balises html au bon endroit.

• Prenons par exemple la phrase : je veux vous renvoyer sur mon site web.
• Vous souhaitez que « mon site web » devienne un lien hypertexte qui renverra les internautes sur la page www.monsiteweb.com
• Il vous suffit d’écrire : je veux vous renvoyer sur  <a href="http://www.monsiteweb.com" target="_blank" >mon site web </a>

 

analysons un peu le code :

Cette balise est couramment appelé la balise "a"

href="" correspond au lien vers lequel le mot ou la phrase entre les balise ouvrantes et fermantes <a></a> renverra.

target="_blank" correspond a un renvoi sur un nouvel onglet du navigateur, ce code est facultatif, dans ce cas la page courant sera directement redirigée vers le lien dans le href="" ce qui donne : je veux vous renvoyer sur  <a href="http://www.monsiteweb.com">mon site web </a>

 

Cet article vous a été utile?

Vous avez des questions, des remarques ou des suggestions?

Contactez nous!