Вопрос или проблема
Здравствуйте, я создал пользовательскую тему и перенес ее с MAMP на облачный сервер. По какой-то причине CSS является пустым файлом. Путь к файлу правильный, я проверил файл в cPanel, и он содержит полный .css лист. Но когда я перехожу в консоль и следую по этому пути, он просто пустой. Мой .js файл загружается нормально, и я считаю, что правильно добавил пути.
Любая помощь будет очень ценна, спасибо за ваше время!
Функции
<?php
function paramo_script_enqueue() {
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/paramo.css'), array (), '1.0.0', all );
wp_enqueue_script('customjs', get_template_directory_uri() . '/js/paramo.js', array('jquery', 'jquery-ui-core'), '1.0.0', true );
}
add_action('wp_enqueue_scripts', 'paramo_script_enqueue');
function paramo_theme_setup() {
add_theme_support('menus');
register_nav_menu('primary', 'Основная навигация');
register_nav_menu('secondary', 'Навигация в подвале');
}
add_action('init', 'paramo_theme_setup');
add_theme_support('custom-header');
//подключает наш локально предоставленный стиль шрифта awesome
function enqueue_our_required_stylesheets(){
wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/css/font-awesome.css');
}
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');
?>
Это выглядит как проблема с “разрешениями файлов”. Пожалуйста, проверьте разрешения файлов на задействованных папках и файлах.
Вы должны найти опцию для изменения разрешений на верхней панели или щелкнув правой кнопкой мыши в cPanel. С другой стороны, вы также можете щелкнуть правой кнопкой мыши на папке или файле и изменить его разрешения через Filezilla.
Идеальное значение — 755 или 750 для директорий и 644 или 640 для файлов.
Подробнее здесь на странице codex
Надеюсь, это поможет.
С уважением
Ваша функция paramo_script_enqueue() имеет простую синтаксическую ошибку. Вызов функции wp_enqueue_style() имеет лишнюю закрывающую скобку перед и отсутствующую открывающую скобку вокруг параметра зависимостей.
Проблема в '/css/paramo.css') и all без скобок.
Замените
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/paramo.css'), array (), '1.0.0', all );
на
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/paramo.css', array (), '1.0.0', 'all' );
Посетите документацию WordPress – wp_enqueue_style()
function paramo_script_enqueue() {
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/paramo.css', array (), '1.0.0', 'all' );
wp_enqueue_script('customjs', get_template_directory_uri() . '/js/paramo.js', array('jquery', 'jquery-ui-core'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'paramo_script_enqueue');
Ответ или решение
Проблема с загрузкой CSS как пустого файла в вашей кастомной теме может быть вызвана несколькими причинами, и важно подойти к её решению структурированно. Давайте рассмотрим основные аспекты, на которые стоит обратить внимание.
1. Проверьте синтаксис функции wp_enqueue_style
В вашем коде есть ошибка в строке, отвечающей за подключение CSS-файла. Вызов функции wp_enqueue_style содержит лишнюю запятую и отсутствующую скобку вокруг параметра зависимостей. Правильный синтаксис должен выглядеть следующим образом:
function paramo_script_enqueue() {
wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/paramo.css', array(), '1.0.0', 'all' );
wp_enqueue_script('customjs', get_template_directory_uri() . '/js/paramo.js', array('jquery', 'jquery-ui-core'), '1.0.0', true);
}Исправление вышеуказанной строки может решить проблему загрузки CSS. Потестируйте изменения и проверьте консоль браузера на наличие ошибок.
2. Проверьте права доступа к файлам
Могут ли быть проблемы с правами доступа к вашему CSS-файлу? Необходимо убедиться, что к файлам вашего сайта предоставлены правильные права доступа. Для файлов это должно быть 644, а для директорий — 755. Проверьте права через cPanel или FTP-клиент, например, FileZilla:
- Войдите в cPanel и найдите раздел «Файловый менеджер» или используйте FileZilla для подключения к вашему серверу.
- Убедитесь, что файл
paramo.cssи директорияcssимеют правильные права доступа.
Документация WordPress на эту тему может быть полезна: Changing File Permissions.
3. Проверьте кэш браузера или серверный кэш
Если вы внесли изменения в CSS-файл, но всё еще видите пустой файл, возможно, проблема заключается в кэше. Очистите кэш вашего браузера или временные файлы и проверьте наличия кэширования на уровне сервера (например, с помощью плагинов для кэширования WordPress).
4. Проверьте наличие ошибок в файле CSS
Если файл paramo.css действительно существует на сервере и имеет правильные права доступа, убедитесь, что файл не содержит синтаксических ошибок, которые могут предотвращать его корректную интерпретацию в браузере. Попробуйте открыть файл напрямую через URL, чтобы увидеть его содержимое.
5. Логи ошибок сервера
Если ни одно из вышеперечисленных решений не работает, возможно, стоит проверить логи ошибок вашего веб-сервера. Часто ошибка может быть связана с конфликтами на сервере или другими настройками. Логи можно найти в cPanel или обратившись к вашему хостинг-провайдеру.
Заключение
Проблема с загрузкой CSS как пустого файла может быть вызвана различными факторами, от синтаксических ошибок до настройками сервера. Убедитесь, что вы проанализировали все вышеупомянутые аспекты, и, в большинстве случаев, это поможет вам восстановить правильную работу стилей в вашей кастомной теме. Если проблема продолжает сохраняться, я рекомендую обратиться к сообществу WordPress или к вашему хостинг-провайдеру для дополнительной помощи.