Ich möchte mit Bootstrap 3 ein responsives Theme erstellen. Ich muss jedoch automatisch die CSS-Klasse .img-responsive zu jedem Post-Image hinzufügen, weil ich die Bilder als reaktionsschnell empfinden muss.
Bitte schlagen Sie mir vor, was ich in der functions.php -Datei von WordPress oder einer anderen Datei hinzufügen muss, die es mir erlaubt, die CSS-Klasse automatisch hinzuzufügen.
Da Sie es für alle Post-Bilder benötigen, müssen Sie einen Hook für den Inhalt hinzufügen und
hinzufügen %Vor%füge jetzt den Hook zum Inhalt hinzu
%Vor%Wenn Sie jedoch bereits Klassen für das IMG haben und eine neue Klasse hinzufügen müssen, können Sie sich an PHP entspricht jQuery addClass . Oder Sie können das einfach tun:
%Vor%Der obige Code funktioniert .. Ich benutze es, um src und data-src für das Laden von Bildern zu entfernen. Hoffe es funktioniert für dich
Ich hatte dieselbe Frage, und diese Funktion zu functions.php hinzuzufügen funktionierte für mich.
%Vor%Nicht ganz sicher, wie gut diese Antwort leistungsmäßig ist, aber es funktioniert. Setzen Sie das einfach in functions.php.
%Vor% Bitte beachten Sie, dass Sie das Leerzeichen nach class="img-responsive benötigen, damit es nicht mit anderen Klassen zusammengeführt werden kann.
Sie können jquery-Code in der Datei header.php Ihres Themes verwenden.
%Vor%Ich denke, dass Sie keine Klasse hinzufügen müssen, um das Bild ansprechbar zu machen. Entferne einfach die Höhe der Breite vom vorgestellten Bild, das Bild reagiert auf jeden Fall.
In Ihrer function.php ist Code eingefügt, um die Höhe zu entfernen
%Vor% Klassen werden beim Upload nicht hinzugefügt, aber wenn das Bild an den Editor gesendet wird. Sie können den image_send_to_editor -Filter verwenden, um eine oder mehrere Klassen hinzuzufügen. In diesem Beispiel wird eine fancybox -Klasse hinzugefügt.
Sie können einfach alle Bilder in der CSS wie hier erwähnt reaktiv machen:
I möchte css class (bootstrap) .img-responsive auf alle Content-Bilder anwenden
Das verwendet weniger, aber die Sass-Version ist ziemlich genau das gleiche:
%Vor%Tags und Links css twitter-bootstrap-3 wordpress wordpress-theming