[Résolu] Wordpress mange mes codes!

Statut : non résolu

Ce sujet contient 14 réponses, 3 participants et a été mis à jour pour la dernière fois par Fourmi Krohonde, le il y a 8 années et 7 mois.

15 sujets de 1 à 15 (sur un total de 15)

Auteur

Messages
11 février 2016 à 23 h 47 min #559628
Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions
Bonjour,
Lorsque j’insére une ancre en Html, WordPress me l’enlève: l’ancre et son adresse.
Par exemple:
```
<a href="retour" href=http://localhost/wordpress/wp-content/uploads/2016/01/icone......
......
.....
<a id="#retour"></a> …………
…………
```
Wordpress me mange le href= »retour » ainsi que le « Et aussi d’autres ancres. Mais pas toutes!
Savez vous pourquoi?

Merci pour vos explications.

Ma configuration WP actuelle :

– Version de WordPress : 4.4.2
– Version de PHP/MySQL : 5.5.12 / 5.6.17
– Thème utilisé : Mon theme enfant
– Extensions en place : Divi Builder (1.1.3), Forum_wordpress_fr (3.9), HTML Special Characters Helper (2.1), Media File Manager (1.3.1), Media File Sizes (1., Polylang (1.7.12), Simple Page Ordering (2.2.4), TinyMCE Advanced (4.2., Viper’s Video Quicktags (6.5.2)
– Adresse du site : http://localhost/wordpress
– Nom de l’hébergeur : Apache/2.4.9 (Win64) PHP/5.5.12
12 février 2016 à 1 h 45 min #1043773

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Si tu mets réellement comme affiché

1- on ne peut avoir qu’un href par lien
2- l’url du href est obligatoirement entre » «
3- les balises vides sont nettoyées, mets au moins un espace

12 février 2016 à 7 h 38 min #1043774
Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions
J’avais mal écrit mon code sur le forum, il s’agit en fait de:
Fourmi Krohonde wrote:
<a href="#retour"></a> …… ….. <a id="#retour"></a> ………… …………
Lumière de Lune wrote:

Si tu mets réellement comme affiché

1- on ne peut avoir qu’un href par lien

Pourtant cela fonctionne très bien une ou deux fois, puis WordPress me supprime cette ancre.
J’ai aussi un sommaire de 10 lignes avec donc dix liens vers des ancres.
Et WordPress me supprime aussi quelques ancres codées ainsi:

……..
……….
…………..

J’écris mon code avec Notepad++, puis je le transfère dans l’éditeur Texte de WordPress. Cela fonctionne très bien quelques fois, puis il m’en supprime quelques unes.
12 février 2016 à 10 h 12 min #1043775

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Non cela ne peut pas « très bien fonctionner ». A moins que tu te sois encore planté dans ton code sur le forum, et que dans le premier cas ce soit <a id="#retour" ?

Dans ton deuxième code, il semble manquer un guillemet de fermeture dans le premier lien

Peux tu s’il te plait faire attention au code que tu mets quand tu demandes qu’on corrige des erreurs, le mettre dans la balise qui va bien (le C noir) et, tant qu’à faire, mettre ce qui va autour, et surtout LE CODE COMPLET

12 février 2016 à 11 h 28 min #1043776

lulu2006
Membre

Chevalier WordPress
409 contributions

Rien a voir avec la case ? : WordPress doit automatiquement corriger les balises XHTML non valides

Réglages > Ecriture

12 février 2016 à 17 h 41 min #1043777
Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions
Lumière de Lune wrote:

Peux tu s’il te plait faire attention au code que tu mets quand tu demandes qu’on corrige des erreurs, le mettre dans la balise qui va bien (le C noir) et, tant qu’à faire, mettre ce qui va autour, et surtout LE CODE COMPLET

Ok, j’avais limité le code pour simplifier la lecture.
```
<div class="iconefleche"><a href="#retour sommaire" rel="attachment wp-att-2743"><img class="alignnone size-full wp-image-2743" src="http://localhost/wordpress/wp-content/uploads/2016/01/iconefusee.jpg" alt="iconefusee" width="160" height="160" /></a></div>
<p><a href="http://localhost/wordpress/wp-content/uploads/2016/01/as16-113-18339.jpg" rel="attachment wp-att-2436"><img class="alignnone size-full wp-image-2436" src="http://localhost/wordpress/wp-content/uploads/2016/01/as16-113-18339.jpg" alt="as16-113-18339" width="1040" height="658" /></a></p>
<p></p>
<p></p>
<p></p>
<h3 class="titresommaire"><a id="retour sommaire"></a>SOMMAIRE</h3>
```
Ce code fonctionne très bien, (si si!), puis après deux ou trois révisions sur WordPress, WordPress supprime
```
href= »#retour sommaire »
```
Merci pour votre aide.
12 février 2016 à 18 h 02 min #1043778
Lumiere de Lune
Participant

Maître WordPress
20531 contributions
Ce code est faux et non conforme et ne fonctionnera pas partout. Tu as l’impression que ça fonctionne parce qu’un des deux href n’est pas pris en compte c’est tout. Mais tu ne peux pas avoir un lien unique (a) qui envoie vers deux destinations différentes (deux href différents) ou deux positions différentes dans la page.

Une ancre html se définit avec l’attribut name. (et sans espace….)
Un a vide n’est pas conforme, et pose des problèmes d’accessibilité.
Enfin la série de

vides pour faire de la mise en page, je m’évanouis, mais techniquement c’est « valide ».

Donc, on reprend le code qui marche et qui va rester sans modification :
```
<div class="iconefleche">
<a href="#retour_sommaire"><img class="alignnone size-full wp-image-2743" src="/wordpress/wp-content/uploads/2016/01/iconefusee.jpg" alt="iconefusee" width="160" height="160" /></a></div>
<p><a href="/wordpress/wp-content/uploads/2016/01/as16-113-18339.jpg" rel="attachment wp-att-2436"><img class="alignnone size-full wp-image-2436" src="/wordpress/wp-content/uploads/2016/01/as16-113-18339.jpg" alt="as16-113-18339" width="1040" height="658" /></a></p>
<h3 class="titresommaire">SOMMAIRE</h3>
```
La suppression du localhost c’est pour te faciliter la vie quand ton site sera mis en ligne ^^

Si tu veux faire autrement, je te conseille de proposer l’ouverture du chantier HTML 6 Version aléatoire. Le HTML de Schrödinger, en quelque sorte…
12 février 2016 à 19 h 19 min #1043779

Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions

Lumière de Lune wrote:

Si tu veux faire autrement, je te conseille de proposer l’ouverture du chantier HTML 6 Version aléatoire. Le HTML de Schrödinger, en quelque sorte…

Déjà fait, eh oui, je suis testeur beta en Html et j’ai proposé une nouvelle syntaxe. …mais pas sûr qu’ils acceptent.
Merci pour toutes tes explications.

Ma difficulté était que je voulais mettre un lien (retour vers le haut) sur une image.

✅

12 février 2016 à 20 h 06 min #1043780
Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions
Lumière de Lune wrote:

Enfin la série de

vides pour faire de la mise en page, je m’évanouis, mais techniquement c’est « valide ».

Je m’en doutais!
Est ce que
```
<p style="margin-bottom: 3em"> </p>
```
est mieux?
12 février 2016 à 20 h 23 min #1043781

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Avec quelque chose entre les deux balises p ?

12 février 2016 à 21 h 21 min #1043782

Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions

Lumière de Lune wrote:

Avec quelque chose entre les deux balises p ?

J’aime pas du tout le … …
Pourquoi est on obligés de mettre quelque chose entre les deux balises p?

12 février 2016 à 23 h 21 min #1043783
Lumiere de Lune
Participant

Maître WordPress
20531 contributions
Parce que si tu ne mets rien du tout, tu appliques tout simplement ta classe css au paragraphe précédent.

Donc, la bonne façon de faire 🙂

1- Tu appliques la marge à TOUS les paragraphes du contenu de l’article (qui généralement dans un thème wordpress est un truc avec une classe hentry )
Tu mets dans le style css
```
.hentry p {
margin-bottom: 3em;
}
```
2- Tu ne souhaites l’appliquer qu’à certains paragraphes

Tu mets dans le style css
```
p.grandespace {
margin-bottom: 3em;
}
```
et dans ton code
```
<p class="grandespace">Mon texte</p>
<p>Mon texte sans grand espace</p>
```
Les balises HTML sont faites pour définir un contenu (ce texte est un paragraphe, un span, etc) et elles sont mises en forme via le css. Donc une balise vide n’a aucun sens, et peut toujours poser problème un jour ou l’autre (changement de thème avec espacements différents, par exemple). Il y a des cas – rares – où on ne peut pas éviter une balise vide, mais il faut à tout prix éviter la paresse de gérer l’apparence de son texte via des balises vides, quelles qu’elles soient.

« Bonnes pratiques »

(Et pour info, le ne changera rien à l’apparence)
13 février 2016 à 2 h 11 min #1043784
Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions
Bonsoir Lumière de Lune, merci pour ta longue explication….mais elle pose quand même un problème:
Il m’arrive souvent que l’espacement entre les paragraphes n’est pas régulier, parce que j’insére des photos de dimensions différentes et du texte à gauche ou à droite de ces photos.
Avec une class css, je suis obligé de mettre toujours le même espacement. A moins de faire plusieurs class css pour chaque espacement. Alors cela devient plutôt fastidieux à gérer.

ALors qu’un
```
<p style="margin-bottom: 3em"> </p>
```
est beaucoup plus facile à modifier selon mes besoins, puisque mes espacements peuvent aller de 1em à 10em!
13 février 2016 à 9 h 47 min #1043785

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

C’est ton css qui est mal foutu. Intéresses toi aux proporiétés clear, à la solution clearfix, etc…

Tu as même un plugin qui rajoute les boutons de « clear » dans TinyMce.

Et quand tu ne seras plus en local, regarde ton site avec tes espacements « manuels » sur différentes tailles d’écran, sur portable, sur tablette… et tu vas pleurer et te dire « oh mon dieu il faut que je corrige tous ces p vides.

Tu peux déjà simplement faire varier la largeur de ton écran sur ton PC

13 février 2016 à 10 h 36 min #1043786

Fourmi Krohonde
Participant

Chevalier WordPress
349 contributions

Ok lumière de lune, merci pour l’info.
ça va me faire encore du boulot tout ça!
Quand est ce que je vais pouvoir me mettre en ligne?
Auteur

Messages