Качване на CSS стилове, за да правилно WordPress

Предишен ◈ Следващото

Използването на CSS (Cascading Style Sheets - Cascading Style Sheets) дава много повече възможности за проектиране на страници на WordPress уеб сайта. И ако не се зареди стилове от WordPress правилно, потребителите на сайта ще бъде изключително трудно да се коригира стила на темата.







Днес ние ще се фокусира върху това как правилно да се зареди всички СГО от WordPress.

Към днешна дата, WordPress е най-популярната система за управление на съдържанието в света. Броят на потребителите има десетки милиони. Следователно, за да се създаде един успешен тема трябва да се поставим на мястото на всеки отделен потребител, за да инсталирате правилно WordPress и CSS файлове, при стриктно спазване на правилата.

Как правилно да се зареди СГО от WordPress

... или във файла functions.php. Като се има предвид, че е по-добре:

В нито един от тези случаи, WordPress не може да се идентифицира, бяха CSS файлове са заредени или не. Това е най-голямата ни грешка!

Ако някой друг плъгин използва същия CSS-файл, той няма да може да се провери дали CSS-файл се добавя към страницата. В резултат на това се използва плъгина зарежда и същи файл за втори път, което води до дублиране на код.

За щастие, WordPress, можете лесно да се справят с този проблем чрез добавяне на стилове.

Как да zagruzhatCSS от WordPress

Както бе споменато по-рано, WordPress е променило достатъчно през последните години, и сме си поставили за задача да отговори на нуждите на всеки потребител, като се вземат предвид особеностите на стотици хиляди съществуващите плъгини за WordPress. Но не се страхувайте от тази цифра, тъй като все още има WordPress полезни функции, които могат да ви помогнат правилно и точно да добавят стилове.

Нека да разгледаме няколко начина, по които това може да бъде направено.

1. Регистрация на CSS файлове

Ако възнамерявате да качите Cascading Style Sheets, като за начало ще трябва да ги регистрират с помощта на wp_register_style (функция):

Ето един пример, като използвате функцията за регистрация wp_register_style ():

2. Добавяне на CSS-файл от своя страна,

След регистрацията на файла за стила, който трябва да го сложи в ред, за да се зареди тема.

Това се постига чрез wp_enqueue_style (функция):







Параметрите му са точно функцията същите параметри wp_register_style (). така че няма нужда да ги споменавам отново.

Но както вече бе споменато, регистрация, не се изисква функция, а именно wp_register_style (). Заслужава да се отбележи, че wp_enqueue_style () може да се използва по два различни начина:

Но не забравяйте, че ако приставката ще трябва да намери лист стил, или искате да го изтеглите себе си в обекта си, а след това, разбира се, не подлежат на регистрация е задължително.

3. Заредете стилове на сайта

Ние не можем да използваме wp_enqueue_style () се използва навсякъде в нашата тема функция трябва да използваме "действие". Следващите три стъпки могат да помогнат за постигане на различни цели:

  • wp_enqueue_scripts - за зареждане на скриптове и стилове в «предния край» на обекта;
  • admin_enqueue_scripts - за зареждане на скриптове и стилове на същата страница или в административния панел на обекта;
  • login_enqueue_scripts - за да изтеглите сценария и стила на страницата за вход в сайта.

допълнителни функции

Все още има някои много полезни функции за CSS за WordPress, който ви позволява да отпечатвате вградени стилове, проверка на състоянието на файлове опашката, добавя метаданни за файлове от стилове и поразителни стилове от списъка.

Нека погледнем по-отблизо.

1. Добавянето на вградените стилове: wp_add_inline_style ()

Ако използвате WordPress тема, за да има опции за персонализиране на стиловете тема, можете да отпечатате с помощта на функцията за вградени стилове wp_add_inline_style ():

Този процес е доста лесно и не отнема много време. Но не забравяйте, че трябва да добавите всички следващи вградени стилове със същото име.

2. Проверете състоянието на стилове опашка маса: wp_style_is ()

В някои случаи може да се наложи да се информира за състоянието на стила: дали той е регистриран, независимо дали е в ред, печатни или чака да отпечатате. Тази информация може да се провери с помощта wp_style_is (функция):

3. Добавете метаданни в стилове: wp_style_add_data ()

Ето как изглежда:

4. Заличаване на стилове от списъка, използвайки wp_deregister_style ()

Ако някога ви се наложи да изтриете стил маса (например, за да го регистрирате в актуализирана версия), можете да направите това с помощта wp_deregister_style ().

Въпреки че не е необходимост, но тя винаги се регистрира нов стил, когато кръстосаме всякакви стари списък. В противен случай, тя може да доведе до повреда.

Има функция подобна wp_dequeue_style (). което премахва стилове от опашката по име.

заключение

За да обобщим всичко по-горе.

Източник: code.tutsplus.com

Записването ще кома в съответствие 9 в края на излишно (Wordpress въпроса)
# "Екран # ', // CSS тип медия - тук е необходимо да се премахне: # "Екран # '// тип CSS медии
И благодаря за съветите, са помогнали на ОСН! Тъй като I Like!

Не е намерен в статията защо старомодния начин е лошо. За определението на "заредена или не", това толкова често сте срещнали?

Защото някой в ​​плъгина да искате да използвате или да добавите wp_add_inline_style зависи вашия скрипт или DCS.







Предишен ◈ Следващото