Was bedeuten die von WordPress empfohlenen CSS-classn und wo werden sie angewendet?

Ich erstelle ein Theme und als ich mein Theme im Theme Check Plugin überprüft habe, habe ich eine Menge Fehler über CSS-classn gesehen. Sie sagen, dass einige der classn im Thema benötigt werden.

Diese CSS classn sind wie folgt (was ich im WordPress Codex gefunden habe ).

/* =WordPress Core -------------------------------------------------------------- */ .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; } 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; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } 

Ich verstehe nicht, wo diese classn von WordPress in das Thema übernommen werden, wenn ich keine solche class in mein Thema eingefügt habe.

Solutions Collecting From Web of "Was bedeuten die von WordPress empfohlenen CSS-classn und wo werden sie angewendet?"

Diese classn werden von WordPress generiert. Zum Beispiel, wenn ein Benutzer ein Bild in seinen Beitrag einfügt und sagt, dass es richtig ausgerichtet werden muss, wird WP Code wie folgt im Post erzeugen:

  

Wenn Ihr Thema die class ” alignright nicht definiert, wird das Bild nicht alignright ausgerichtet und der Benutzer erhält nicht das, was er erwartet.

Sie können diese Stile einfach aus dem core kopieren und alles wird gut. Vielleicht möchten Sie aber auch Dinge wie die Farbe des Rahmens um eine Bildunterschrift anpassen.

Die letzten zwei classn sind da, um sehbehinderten Menschen zu helfen. Wenn Sie also einen normalen Bildschirm verwenden, wird nichts passieren. Aber es hilft anderen.

Vielleicht möchten Sie auch diese Antwort von Chip Bennett auf andere classn lesen, die von WordPress erstellt wurden, um Ihnen mehr Styling-Möglichkeiten zu geben.