Как да се свържете маса стил CSS в WordPress, всичко за WordPress
Без CSS вие сте много ограничен в пътищата на стайлинг своите уеб страници. И без CSS връзка в WordPress ви в голяма степен ще усложни стайлинг на вашата поръчка за потребителите си. В това ръководство ще разгледаме как да се свържете на СГО за WordPress.
WordPress - най-популярни в системата за управление на момент, съдържание, с неговите десетки милиони потребители от цял свят. Ето защо, за да направи успешна тема, трябва да имаме предвид всичко това от гледна точка на средния потребител WordPress, интелигентно свързване на CSS файлове в нашата тема.
Грешен начин за изтегляне на CSS в WordPress
... или да добавите код, който е показан по-долу, във файла functions.php, той мисли по-добре:
В горните примери, WordPress няма да може да се определи дали са изтеглили CSS-файлове на страницата или не. Това е ужасна грешка!
Ако друг плъгин използва същия CSS-файл, той не може да се провери дали CSS-файл вече е на вашата страница. Приставката просто зареди един и същи файл за втори път, което води до дублиране на код.
За щастие, WordPress предлага много просто решение: регистрация и връзка стилове.
Валиден CSS метод натоварване в WordPress
Както казахме по-рано, WordPress система е нараснал през годините, и ние трябва да мислим за всички потребители в света.
В допълнение към това, ние също трябва да се вземат предвид хилядите плъгини за WordPress. Въпреки това, не позволявайте на тези цифри уплашени: WordPress има полезни функции, които помагат правилно да изтеглят CSS стилове.
Нека да разгледаме тях.
Регистрация на CSS файлове
Ако искате да качите маса CSS стил, първо трябва да ги регистрират, като wp_register_style (функция):
Ето функция пример wp_register_style ():
Регистрирайте стилове отчасти е "по избор" действието на WordPress. Ако смятате, че вашите стилове, няма да бъдат използвани от други плъгини, или не използвате код, който ги кара да се рестартират, а след това в този случай можете просто да включите стилове без регистрация. Нека да видим как да го направя.
Свързване на CSS-файл
След като се регистрирате файл стил, ние трябва да го свържете (въведени), за да го направи, готови да бъдат заредени в горната секция на темата.
Ние правим това с помощта на wp_enqueue_style (функция):
абсолютно същите параметри, които са били wp_register_style функция (), така че ние няма да се повтарят.
Въпреки това, както вече бе отбелязано, функция wp_register_style () не е задължително, така че можете да използвате wp_enqueue_style () по два различни начина.
Имайте предвид, че ако приставката ще трябва да намери своя стил лист, или искате да го изтеглите в различни части на вашата тема, в този случай, вие абсолютно първо трябва да го регистрирате.
Зареждане на стилове на вашия сайт
Не можем просто да използвате функцията wp_enqueue_style () в нашата тема - ние трябва да се обърнем към действие. Има три неща, които можем да използваме, за различни цели:
- wp_enqueue_scripts - за зареждане на скриптове и стилове в предния край на нашия уебсайт
- admin_enqueue_scripts - за зареждане на скриптове и стилове на страниците ни с администраторския панел
- login_enqueue_scripts - за зареждане на скриптове и стилове в страница за вход WordPress
Ето примери за тези три дейности:
Важна забележка: Използвайте wp_enqueue_scripts (), а не wp_print_styles (). По този начин, вие ще бъдете в състояние да заобиколят възможни проблеми със съвместимостта с WordPress 3.3.
Някои допълнителни функции
Има някои допълнителни много полезни функции, свързани с CSS в WordPress. Те ни позволяват да се направи извод стилове, проверете файловете за свързване стил, добавя метаданни за файлове стил, както и да отмени стиловете регистрация.
Нека да погледнем в тях.
Добавянето на динамични вътрешните стилове: wp_add_inline_style ()
Ако вашата тема има опции за конфигуриране на стайлинг, можете да използвате вградените стилове използване wp_add_inline_style (функция):
Много просто. Не забравяйте, че трябва да използвате плъгин името на дръжката лист със стилове wp_add_inline_style () функция.
Проверете връзката на стила лист: wp_style_is ()
В някои ситуации, може да се наложи да се провери връзката на стила лист: дали той е регистриран, ако е свързан, независимо дали това се получава или очаква изход? Която може да бъде определена чрез използване на wp_style_is () функция:
Добави метаданни към масата за стил: wp_style_add_data ()
Ето как изглежда:
Прекрасна е, нали?
Отрегистриране стилови файлове: wp_deregister_style ()
Ако трябва да се отмени регистрацията на стила лист (да го пререгистрират с модифицирана версия, например), можете да използвате wp_deregister_style () функция.
Нека разгледаме един пример:
Дори и да не е задължително, но винаги трябва да се пререгистрират нов лист стил, ако се отмени регистрацията на старото - или да се разградят напълно нещо.
Налице е също подобна функция wp_dequeue_style (), която премахва прикрепени стилове.
Аз съм се интересуват от този въпрос.
Въпреки това, "някои WP сайтове път частично скрие" ще даде две възможности.
Вариант (1):
връзка относителна = "стилове" тип = 'текст / CSS "медийни =" всички "HREF =" style.css "
връзка Отн = 'стилове "тип =" текст / CSS "медийни =" всички "HREF =" / CSS / style_reset.css "
Ако вие го знаете, вие ще искате да знаете как да се приложи?
Мисля, че други читатели би било интересно да се знае.
Не е съвсем сигурен за какво става въпрос.
Ако не ме притежавате в CSS-файл, той се вземат под формата, в която то е било доставено заедно с темата, това не е нещо, което трябва да редактирате. Валидатори да подавате сигнали за грешки, можете просто да го игнорирате. Или втория вариант - тема разработчик лошо приближи си работа и не достатъчно качествени, предписани стилове. Но това правило в никакъв случай не се препоръчва, тъй като следващата актуализация всички свързани теми ще летят отново и ще се появи грешката. Тъй или не обръщат внимание на това, което е дадено в валидатора или смени темата в друга, за предпочитане от официалния каталог на WordPress.