CSS PHP Tips & Tricks WordPress

Usuwanie automatycznie dodawanej klasy CSS w WordPressie za pomocą kodu

/ napisał(a) ncoder | Dodaj komentarz / Czas czytania to:    3 min.   /  Wyświetlenia: 141

wordpress ncoder

Jeśli korzystasz z WordPressa, prawdopodobnie zauważyłeś, że WordPress automatycznie dodaje klasę CSS do niektórych elementów. Dla przykładu, w klasie „wp-caption” dla obrazów dodawanych za pomocą WordPressa. Ta klasa pozwala stylować elementy przy użyciu arkuszy stylów CSS.

Nie zawsze jednak chcesz, aby WordPress dodawał klasę CSS do danego elementu. Na szczęście, istnieje sposób, aby to zmienić, a mianowicie – za pomocą kodu.

TV LED Samsung QE50Q67 TV LED Samsung QE50Q67 3099,99 zł
TV LED Samsung QE65Q77 TV LED Samsung QE65Q77 3940 zł
JBL T110 Czarne, JBLT110WHT JBL T110 Czarne, JBLT110WHT 39,99 zł
io 6 carmel white - słuchawki bezprzewodowe | nowość | bluetooth | aktywna redukcja hałasów | darmowa dostawa marki Dali io 6 carmel white - słuchawki bezprzewodowe | nowość | bluetooth | aktywna redukcja hałasów | darmowa dostawa marki Dali 1799 zł
TV LED Philips 43PFS5507 TV LED Philips 43PFS5507 1299 zł
TV LED Samsung QE55Q77 TV LED Samsung QE55Q77 3299 zł
Sony Słuchawki mdr-rf811rk (4056572581955) Sony Słuchawki mdr-rf811rk (4056572581955) 219,58 zł
Zestaw stereo Samsung EO-IG100BB AKG czarne/black USB-C Zestaw stereo Samsung EO-IG100BB AKG czarne/black USB-C 100,64 zł
Jbl tune 710bt (niebieskie) (6925281988226) Jbl tune 710bt (niebieskie) (6925281988226) 299 zł
Logitech G PRO Logitech G PRO 449 zł
wf-c500 (zielony) marki Sony wf-c500 (zielony) marki Sony 299 zł
TV LED LG 50QNED823 TV LED LG 50QNED823 4199 zł

Aby usunąć automatycznie dodawaną klasę CSS w WordPressie, musisz dodać odpowiedni kod do pliku functions.php swojego motywu.

Oto krok po kroku, jak to zrobić:

BL460C G8-4211 - HP BL460C G8 CTO 2XHEATSINK 0GB P220i FLEX 2X2,5" 554FLB 10GB 647584-001 BL460C G8-4211 - HP BL460C G8 CTO 2XHEATSINK 0GB P220i FLEX 2X2,5" 554FLB 10GB 647584-001 353,63 zł
Ucs-sd480g63xep - ssd 480gb, sata 6gb/s, 2.5in enterprise performance, dysk marki Cisco Ucs-sd480g63xep - ssd 480gb, sata 6gb/s, 2.5in enterprise performance, dysk marki Cisco 1599 zł
Hpe Per55016a - dell pe r550 chassis 8 x 3.5 xeon silver 4310 128gb 2x480gb ssd no rails no nic front perc h755 idrac9 ent 2x 800w Hpe Per55016a - dell pe r550 chassis 8 x 3.5 xeon silver 4310 128gb 2x480gb ssd no rails no nic front perc h755 idrac9 ent 2x 800w 20024,23 zł
Dell R250 E-2314 16GB 1x2TB NoRaid iDBas 3Y Dell R250 E-2314 16GB 1x2TB NoRaid iDBas 3Y 5731 zł
Dell t150 e-2314 16gb 1x2tb noraid idbas 3y Dell t150 e-2314 16gb 1x2tb noraid idbas 3y 4861 zł
Serwer r450 si 4309y 16gb 480gb h355 1x600w iden 3 lata marki Dell Serwer r450 si 4309y 16gb 480gb h355 1x600w iden 3 lata marki Dell 10873 zł
Qnap macierz dyskowa ts-h1090fu-7302p-64g (4711103082126) Qnap macierz dyskowa ts-h1090fu-7302p-64g (4711103082126) 34834 zł
PER45015A - DELL PE R450 Chassis 8 x 2.5 Xeon Silver 4310 128GB 2x480GB SSD ReadyRails Static Rails Bezel No NIC PERC H355 IDRAC9 Ent 2x 800W PER45015A - DELL PE R450 Chassis 8 x 2.5 Xeon Silver 4310 128GB 2x480GB SSD ReadyRails Static Rails Bezel No NIC PERC H355 IDRAC9 Ent 2x 800W 20767,06 zł
Pet55011a - dell pe t550 8x3.5 hp xs 4310 128gb 2x 480gb ssd sata ri bezel no nic front perc h755 idrac9 enterprise 2x 800w marki Hpe Pet55011a - dell pe t550 8x3.5 hp xs 4310 128gb 2x 480gb ssd sata ri bezel no nic front perc h755 idrac9 enterprise 2x 800w marki Hpe 22717,03 zł
PER750XS18A - DELL PE R750XS Chassis 12 x 3.5 Xeon Silver 4310 128GB 2x480GB SSD SATA Rl Bezel No NIC PERC H755 IDRAC9 Ent 2x 800W PER750XS18A - DELL PE R750XS Chassis 12 x 3.5 Xeon Silver 4310 128GB 2x480GB SSD SATA Rl Bezel No NIC PERC H755 IDRAC9 Ent 2x 800W 22180,65 zł
Hpe Per650xs17a - dell pe r650xs chassis 8 x 2.5 dual xeon silver 4310 128gb 2x480gb ssd sata ri bezel no nic perc h355 idrac9 ent 2x 800w Hpe Per650xs17a - dell pe r650xs chassis 8 x 2.5 dual xeon silver 4310 128gb 2x480gb ssd sata ri bezel no nic perc h355 idrac9 ent 2x 800w 20197,01 zł
R620-4289 - DELL R620 2X4C E5-2609 V2 2.50 GHz 16GB 4X2,5" H310 MINI 2X750W iDRAC7ENT R620-4289 - DELL R620 2X4C E5-2609 V2 2.50 GHz 16GB 4X2,5" H310 MINI 2X750W iDRAC7ENT 1145,40 zł
  1. Zaloguj się do swojego konta FTP i znajdź plik functions.php w swoim motywie. Zwykle znajduje się on w folderze /wp-content/themes/nazwa_twojego_motywu/.
  2. Dodaj poniższy kod do pliku functions.php: 
    function remove_css_class_from_images($class) {
    $class = array_diff($class, array('wp-caption', 'alignleft', 'alignright', 'aligncenter', 'wp-image-123'));
    return $class;
}
add_filter('get_image_tag_class', 'remove_css_class_from_images');

    Powyższy kod usuwa następujące klasy CSS: 'wp-caption’, 'alignleft’, 'alignright’, 'aligncenter’ oraz 'wp-image-123′. Możesz dodać lub usunąć dowolną klasę, zależnie od Twoich potrzeb.

    1. Zapisz plik functions.php i przesłać go na swój serwer.
    2. Odśwież stronę, aby zobaczyć zmiany.

    Jeśli wszystko zostało wykonane poprawnie, to klasa CSS, którą chcesz usunąć, powinna zostać usunięta.

    W ten sposób, za pomocą kilku linijek kodu, możesz usunąć automatycznie dodawaną klasę CSS w WordPressie. Pamiętaj jednak, aby wykonywać zmiany w plikach funkcji tylko wtedy, gdy masz pewność, że wiesz, co robisz i masz kopię zapasową swojego motywu.

To top