Tous les inconvénients si je stylise les classes d’alignement wordpress sans préfixe img et .wp-caption

Publié par Jean-Michel le

Dans divers thèmes WordPress, les marges ne sont appliquées aux éléments que lorsqu’il s’agit d’images ou de légendes

/* Images */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft {
    margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

img.alignright {
    margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}

Ceci est tiré du thème 2013. J’ai codé un plugin et utilisé ces classes d’alignement pour faire flotter le contenu. Maintenant, ça a l’air moche parce que les marges ne sont appliquées qu’aux images et aux légendes wp. Je dois donc ajouter mes propres marges. Ma question est maintenant de savoir pourquoi ils l’ont fait de cette façon. Pourquoi ne donnent-ils pas aux classes de base des marges de base ? Quels éléments veulent-ils faire flotter sans marges ?

Je demande à des fins thématiques, j’utilise bootstrap qui vient avec .pull-leftet .pull-rightqui ne font déjà que flotter. Donc je n’ai pas vraiment besoin de ces classes pour flotter sans marges. Mais peut-être y a-t-il une bonne raison pour que je fasse comme eux ? Je veux dire que les marges de base pourraient toujours être écrasées si nécessaire, alors pourquoi ?

Solution n°1 trouvée

Vous avez raison, vous avez peut-être votre propre règle css à ne pas suivre en 2013. Je ne pense pas que le thème 2013 représente la règle ccs officielle puisque 2013 ne vient pas de l’équipe wordpress, c’est de Taiwan wp official. La raison pour laquelle 2013 est joint au package wp est qu’il s’agit d’un thème standard qui suit la règle de base officielle, ce qui signifie qu’un thème de démonstration n’a rien à voir avec le style.

J’essayais de dire, c’est juste une démo css.

Au fait, le css que vous avez répertorié provient du noyau css officiel de wordpress : http://codex.wordpress.org/CSS

Et de plus, l’autre chose importante du css que vous publiez est .. Il correspond à l’éditeur de publication par défaut! (le nom de la classe fera fonctionner la fonction d’éditeur lol)

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

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