24 stycznia, 2022

jak poprawnie dodać plik CSS do motywu WordPress za pomocą cPanel

Dla programisty motywów WordPress pierwszą rzeczą jest zrozumienie jego struktury; a następnie dochodzi do nauki dodawania skryptów i arkuszy stylów.

większość projektantów stron internetowych popełnia błąd, tworząc motyw WordPress, podobnie jak prosty szablon HTML.

powinieneś zrozumieć, że WordPress jest platformą opartą na PHP, a jego motywy są dynamiczne. Dodanie pliku CSS nie jest tak, jak tworzenie statycznej strony internetowej.

WordPress ma swój standard kodowania, którego musisz przestrzegać. Prawidłowe Zapytanie o plik CSS może być trochę trudne dla wielu programistów/projektantów stron internetowych.

w tym samouczku przeprowadzę Cię krok po kroku przez proces, który wyjaśnia Kodeks WordPress dodawania pliku CSS do motywu WordPress.

zakładając, że masz dobry hosting WordPress z konfiguracją WordPress, zacznijmy!

zrozum funkcję wp_enqueue_style ()

podczas tworzenia statycznej strony HTML możesz połączyć plik CSS z głową, ale nie jest to to samo w przypadku motywu WordPress.

mając jasne zrozumienie kodu PHP i WordPress, powinieneś nauczyć się korzystać z funkcji motywów.

zacznijmy od funkcji wp_enqueue_style (), która służy do łączenia pliku CSS z motywem WordPress. Domyślne parametry są następujące.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

pozwól mi wyjaśnić wszystkie te parametry.

  • $uchwyt:- Jest to wymagane pole, które zawiera nazwę arkusza stylów
  • $src:- jest to również wymagane do wypełnienia. Jest to ścieżka arkusza stylów względem katalogu głównego
  • $deps:- utworzenie tablicy sterującej arkuszem stylów jest opcjonalne
  • $ver:- jeśli chcesz sterować wersją arkusza stylów, możesz.
  • $media: – jeśli chcesz użyć arkusza stylów dla dowolnego typu mediów, możesz. W przeciwnym razie nie ma potrzeby.

chyba masz już jakiś pomysł. Tylko dwie pierwsze opcje są niezbędne do wypełnienia, resztę możesz zostawić pustą, aby odebrać wartości domyślne.

Uwaga: teraz, jeśli nazwa arkusza stylów to „styl” i znajduje się w głównym folderze z nazwą motywu, kod będzie następujący.

wp_enqueue_style( 'style', get_stylesheet_uri() );

ale jak widać, sprawiasz, że działa; musisz stworzyć funkcję WordPress, która może połączyć Plik z głową w odpowiedni sposób.

pokażę Ci kod.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

możesz się zastanawiać, jakie jest najlepsze miejsce do dodania funkcji. Cóż, jeśli wiesz trochę o tworzeniu motywów WordPress, możesz wiedzieć, że funkcje.plik php kontroluje wszystkie funkcje.

więc musisz otworzyć plik i dodać tę funkcję.

Jeśli zauważyłeś, istnieje hook ” add_action „z parametrem” wp_enqueue_scripts”, który służy do sprawdzania stylów i skryptów.

wszystko, co musisz zrozumieć, to główna funkcja wp_enqueue_style ().

Dla początkujących programistów WordPress może być trudno chwycić takie TECHNICZNE rzeczy, ale gdy nauczą się Kodeksu WordPress, wszystko idzie gładko.

mam nadzieję, że nie jest tak trudno dodać plik CSS do motywu WordPress

pamiętam, kiedy zacząłem tworzyć motywy WordPress kilka lat temu, to była katastrofa. Kiedy ćwiczysz statyczne strony internetowe i nagle dowiadujesz się o dynamicznej naturze web 2.0, możesz się trochę martwić.

po zaangażowaniu się w kody WordPress możesz zacząć czuć się interesująco. Dodanie pliku CSS jest jedną z podstaw tworzenia motywu WordPress od podstaw.

wniosek

tworzenie stron internetowych może być trudne i może przestraszyć początkujących użytkowników WordPressa. Przewodnik jest dla ludzi, którzy chcą zacząć rozwijać swój niestandardowy motyw WordPress.

dziękuję za śledzenie tego samouczka.

Sprawdź te najlepsze usługi hostingowe WordPress 3:

HostArmada Super!
5.0

273 recenzje

$2.49/MO

cena wywoławcza

  • Przyjazny dla użytkownika
    5.0

  • wsparcie
    5.0

  • cechy
    5.0

  • niezawodność
    5.0

  • cennik
    4.9

FastComet rewelacja!
4.8

1161 recenzje

$2.49/MO

cena wywoławcza

  • Przyjazny dla użytkownika
    4.8

  • wsparcie
    4.9

  • cechy
    4.8

  • niezawodność
    4.8

  • cennik
    4.7

InterServer Super!
4.4

390 recenzje

$2.50/MO

cena wywoławcza

  • Przyjazny dla użytkownika
    4.4

  • wsparcie
    4.4

  • cechy
    4.4

  • Niezawodność
    4.4

  • Cennik
    4.6

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.