Как правильно добавить файл CSS в тему WordPress с помощью cPanel

Для разработчика темы WordPress, первое, что нужно понять, это структура; и после этого речь идет об изучении добавления скриптов и таблиц стилей.


Большинство веб-дизайнеров делают ошибку, создавая тему WordPress, как простой HTML-шаблон..

Вы должны понимать, что WordPress – это платформа, основанная на PHP, и ее темы динамичны. Добавление CSS-файла – это не то, что вы делаете при создании статического веб-сайта..

WordPress имеет свой стандарт кодирования, которому вы должны следовать. Правильное написание CSS-файла может быть немного сложным для многих веб-разработчиков / дизайнеров.

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

Если у вас есть хороший хостинг WordPress с настроенным WordPress, давайте начнем!

Понимать функцию wp_enqueue_style ()

При разработке статического HTML-сайта вы можете связать CSS-файл с заголовком, но это не тот же случай в теме WordPress..

Имея четкое представление о PHP и WordPress Codex, вы должны научиться использовать функции Theme.

Давайте начнем с wp_enqueue_style () функция, которая используется для связывания файла CSS с вашей темой WordPress. Параметры по умолчанию следующие.

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

Позвольте мне объяснить все эти параметры.

  • $ Ручка:- Это обязательное поле, которое включает в себя имя таблицы стилей
  • $ ЦСИ:- Также необходимо заполнить. Это путь таблицы стилей относительно корневого каталога
  • $ Deps:- Необязательно создавать массив для управления таблицей стилей
  • $ Версии:- Если вы хотите контролировать версию таблицы стилей, вы можете.
  • $ СМИ:- Если вы хотите использовать таблицу стилей для любого типа медиа, вы можете. В противном случае нет необходимости.

Возможно, вы уже поняли. Для заполнения необходимы только первые две опции, остальные можно оставить пустыми, чтобы подобрать значения по умолчанию.

Примечание. Теперь, если имя таблицы стилей "стиль" и он находится в главной папке с именем темы, код будет следующим.

wp_enqueue_style (‘style’, get_stylesheet_uri ());

Но, как вы можете видеть, вы заставляете это работать; вам нужно создать функцию WordPress, которая может правильно связать файл с головой.

Позвольте мне показать вам код.

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

Вам может быть интересно, как лучше всего добавить функцию. Ну, если вы знаете немного о разработке темы WordPress, вы можете знать, что functions.php файл контролирует все функции.

Итак, вы должны открыть файл и добавить эту функцию.

Если вы заметили, есть крюк "add_action" с параметром "wp_enqueue_scripts," который используется для постановки в очередь стилей и скриптов.

Все, что вам нужно понять, это главное wp_enqueue_style () функция.

Для начинающих разработчиков WordPress такие технические вещи могут быть трудны для понимания, но как только они изучают WordPress Codex, все идет гладко.

Надеюсь, что добавить CSS-файл в тему WordPress не так сложно

Я помню, когда я начал разрабатывать темы WordPress несколько лет назад, это была катастрофа. Когда вы продолжаете практиковать статические веб-сайты и вдруг узнаете о динамической природе Web 2.0, вы можете немного расстроиться.

Как только вы начнете работать с кодами WordPress, вы можете начать чувствовать себя интересным Добавление файла CSS является одной из основ разработки темы WordPress с нуля..

Вывод

Веб-разработка может быть сложной, и она может напугать новичков в WordPress. Руководство предназначено для людей, которые хотят начать разработку собственной темы WordPress..

Спасибо за то, что следовали этому уроку.

Проверьте эти лучшие 3 хостинга WordPress:

FastComet

Стартовая цена:
$ 2,95


надежность
9,7


ценообразование
9,5


Дружественный интерфейс
9,7


Служба поддержки
9,7


особенности
9,6

Читать отзывы

Посетите FastComet

Hostinger

Стартовая цена:
$ 0,99


надежность
9,3


ценообразование
9,3


Дружественный интерфейс
9,4


Служба поддержки
9,4


особенности
9,2

Читать отзывы

Посетить Hostinger

А2 Хостинг

Стартовая цена:
$ 3,92


надежность
9,3


ценообразование
9,0


Дружественный интерфейс
9,3


Служба поддержки
9,3


особенности
9,3

Читать отзывы

Посетите A2 Хостинг

Связанные статьи с практическими рекомендациями

  • Как правильно добавить файл JavaScript в тему WordPress с помощью cPanel
    эксперт
  • Как выйти из системы всех пользователей в WordPress одновременно
    промежуточный
  • Как отредактировать файл .htaccess вашего сайта WordPress с помощью cPanel
    новичок
  • Как войти в WordPress с помощью Softaculous от cPanel
    промежуточный
  • Как исправить ошибку HTTP, появляющуюся в медиатеке WordPress
    новичок
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me