📜  añadir hojas css externas a wordpress - CSS (1)

📅  最后修改于: 2023-12-03 15:13:25.230000             🧑  作者: Mango

在WordPress主题中添加外部CSS样式表

在WordPress主题中,您可以通过以下步骤添加外部CSS样式表:

  1. 在您的主题文件夹中创建一个新的CSS文件,命名为style.css。您可以使用任何文本编辑器来创建和编辑这个文件。

  2. style.css文件中,编写您的CSS代码。您可以根据需要定义任何样式规则。

  3. style.css上传到您的主题文件夹中。可以通过FTP工具或通过WordPress后台进行上传。

  4. 打开您的WordPress主题的functions.php文件。您可以在主题文件夹中找到此文件。

  5. functions.php文件中,添加以下代码片段来将外部CSS样式表链接到您的主题中:

    function add_custom_styles() {
        wp_enqueue_style( 'custom-styles', get_stylesheet_directory_uri() . '/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'add_custom_styles' );
    

    该代码片段使用wp_enqueue_style函数将style.css文件链接到WordPress主题中。

  6. 保存并上传functions.php文件。

现在,您的主题将包含外部CSS样式表。在WordPress前端页面中,style.css文件的样式将被应用。

请确保在添加外部CSS样式表之前备份您的主题文件。这样可以在遇到问题时恢复原始文件。

希望这个简单的介绍对您有所帮助!