Zmiana rozmiaru czcionki listingów we wtyczce Enlighter w WordPress?

Aby zmienić rozmiar czcionki w listingach kodu generowanych przez wtyczkę Enlighter w WordPress, możesz to zrobić na kilka sposobów. Poniżej opisuję kilka metod, które możesz zastosować:

1. Dodanie niestandardowego CSS w panelu WordPress

Najprostszym sposobem jest dodanie niestandardowego kodu CSS, który zmieni rozmiar czcionki w listingach kodu.

Kroki:

  1. Zaloguj się do panelu administracyjnego WordPress.
  2. Przejdź do zakładki Wygląd > Dostosuj (Appearance > Customize).
  3. Następnie wybierz opcję Dodatkowy CSS (Additional CSS).
  4. Dodaj poniższy kod CSS:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
div.enlighter {
font-size: 16px; /* Ustaw odpowiedni rozmiar czcionki */
}
div.enlighter { font-size: 16px; /* Ustaw odpowiedni rozmiar czcionki */ }
div.enlighter {
    font-size: 16px; /* Ustaw odpowiedni rozmiar czcionki */
}
  1. Zapisz zmiany.

Ten kod zmieni rozmiar czcionki dla wszystkich listingów wygenerowanych przez wtyczkę Enlighter. Wartość 16px możesz dostosować do swoich potrzeb, np. 14px, 18px itp.

2. Zmiana stylu bezpośrednio w pliku CSS motywu

Jeśli masz dostęp do plików swojego motywu i potrafisz edytować pliki CSS, możesz dodać stylowanie bezpośrednio w pliku CSS swojego motywu.

Kroki:

  1. Przejdź do panelu administracyjnego WordPress.
  2. Wybierz Wygląd > Edytor plików motywu (Appearance > Theme Editor).
  3. Znajdź plik style.css swojego motywu.
  4. Dodaj poniższy kod na końcu pliku:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
div.enlighter {
font-size: 16px;
}
div.enlighter { font-size: 16px; }
div.enlighter {
    font-size: 16px;
}
  1. Zapisz zmiany.

3. Dostosowanie stylów w ustawieniach wtyczki Enlighter

Wtyczka Enlighter pozwala również na dodanie niestandardowego CSS w swoich ustawieniach, co może być łatwiejsze, jeśli nie chcesz edytować plików motywu.

Kroki:

  1. Przejdź do panelu administracyjnego WordPress.
  2. Wybierz Ustawienia > Enlighter.
  3. W sekcji Advanced znajdź pole do dodawania niestandardowych stylów CSS.
  4. Wklej tam następujący kod:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
div.enlighter {
font-size: 16px;
}
div.enlighter { font-size: 16px; }
div.enlighter {
    font-size: 16px;
}
  1. Zapisz zmiany.

Te metody pozwolą ci na dostosowanie rozmiaru czcionki w listingach kodu wygenerowanych przez wtyczkę Enlighter w WordPressie.

Szukasz taniego i dobrego hostingu dla swojej strony www? - Sprawdź Seohost.pl