web-dev-qa-db-fra.com

Les styles WordPress Core CSS sont-ils vraiment tous nécessaires?

Sur WordPress Codex il existe ces styles CSS répertoriés. C'est une assez grande liste de styles, mais il semble qu'ils soient deux fois plus inutiles.

Ça dit:

Chaque thème doit avoir ces styles ou des styles similaires dans son fichier style.css pour pouvoir afficher correctement les images et les légendes. Les éléments HTML exacts ainsi que les valeurs de classe et d’ID dépendront de la structure du thème que vous utilisez.

Est-ce que cela signifie que all ces styles doivent être dans un thème?

Quelle est la raison de cette spécificité pour les styles d'alignement déjà déclarés? En regardant cela, il semble que cela pourrait être réduit considérablement.

Quels sont les inconvénients pour réduire cela au minimum?

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

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

a img.alignnone {
    margin: 5px 20px 20px 0;
}

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

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

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

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

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
theme-developmentthemescsscore
6
James Mitch

La réponse la plus définitive et la plus à jour sur les meilleures pratiques ne peut probablement provenir que de l’équipe de révision du thème wordpress.org, et pour le moment ils sont différentes du codex. je viens de le citer ici, mais je suis sûr que cela pourrait changer avec le temps

Les thèmes doivent prendre en charge les classes CSS définies par WordPress suivantes, ou des éléments similaires:

 Alignment Classes:
    .aligncenter
    .alignleft
    .alignright 

Caption Related Classes:
    .wp-caption
    .wp-caption-text
    .gallery-caption 

Post Classes:
    .sticky 

Comment Classes:
    .bypostauthor

Bien que nécessitant d'être présent dans la feuille de style, .sticky et .bypostauthor peuvent rester vides (sans style). L'intention est simplement de s'assurer que les développeurs de thèmes ont considéré toutes les classes générées par WordPress

En ce sens, il ne semble pas que vous ayez toutes les règles CSS répertoriées dans la page de codex que vous avez indiquée.

5
Mark Kaplun

Les classes align* et caption sont générées par WordPress dans des codes courts et des fonctions d’image. Vous devriez les utiliser dans votre feuille de style.

Bien entendu, le texte du Codex n’est qu’un exemple.

.aligncenter,
div.aligncenter

… Est un très mauvais sélecteur. Plus lent et plus redondant que nécessaire.

De plus, les noms de classe n'ont pas de signification sémantique: dans une sortie de droite à gauche (arabe), vous pouvez utiliser…

.alignright {
    float: left;
}

Mais cela n’est pas facile à changer et ne vaut probablement pas la peine. Alors… vis avec. :)

3
fuxia

Oui, Nessésary. Lorsque vous développez un thème wordpress, il requiert tous les styles par défaut de wordpress. https://github.com/bangarayya/wordpress-core-styles Pour télécharger un thème wordpress sur Envato ou wordpress.org, le thème doit suivre les règles de codex wordpress https://codex.wordpress.org/ .

0
Bangarayya Tadi