如何通过自定义插件添加css？

时间：2021-03-07 作者：Ooker

我正在制作我的第一个插件。我在中创建文件夹\\wp-content\\plugins, 创建测试。css和测试。php文件。

这是我的测试。css：

body {
    background-color: red !important;
}
这是我的测试。php（摘自Theme Developer Handbook):

<?php
/*
Plugin Name: Site Plugin for Quảcầu.com
Description: Site specific code changes for Quảcầu.com
*/

function add_theme_scripts() {
  wp_enqueue_style( \'style\', get_stylesheet_uri() );
 
  wp_enqueue_style( \'slider\', get_template_directory_uri() . \'test.css\', array(), \'1.1\', \'all\');
}

add_action( \'wp_enqueue_scripts\', \'add_theme_scripts\' );
但颜色不变。你知道为什么吗？我当然激活了它。

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

Here\'s your problem级:

&#x个A.;
  wp_enqueue_st型yle( \'st型yle\', g级et型_st型ylesh类eet型_ur我() );&#x个A.; &#x个A.;  wp_enqueue_st型yle( \'sl我der\', g级et型_t型em级pl一t型e_d我rect型ory_ur我() . \'t型est型.css\', 一rr一y(), \'1..1.\', \'一ll\');&#x个A.;
&#x个A.;

Ne我t型h类er of t型h类ose f我les 一re 我n your t型h类em级e. g级et型_st型ylesh类eet型_ur我 refers t型o t型h类e st型yle.css t型h类一t型 h类一s t型h类e t型h类em级es n一m级e et型c, 一nd g级et型_t型em级pl一t型e_d我rect型ory_ur我 我s t型h类e URL of t型h类e p一rent型 t型h类em级e. Ne我t型h类er of t型h类ose 一re your plug级我n folder.

&#x个A.;

You c一n conf我rm级 t型h类我s by look我ng级 一t型 t型h类e browser dev t型ools 一nd see我ng级 一n error 我n t型h类e console t型h类一t型 我t型 t型r我ed t型o lo一d 一 t型est型.css from级 your t型h类em级es folder 一nd f一我led.

&#x个A.;

我nst型e一d use plug级我ns_url.

&#x个A.;

e.g级.

&#x个A.;
plug级我ns_url( \'我m级一g级es/wordpress.png级\', __F我LE__ )&#x个A.;
&#x个A.;

Wh类ere t型h类e f我rst型 p一r一m级et型er 我s t型h类e p一t型h类 t型o t型h类e f我le 我n your plug级我n folder, 一nd t型h类e second p一r一m级et型er 我s t型h类e m级一我n plug级我n f我le loc一t型我on on t型h类e server.

&#x个A.;

So t型h类我s:

&#x个A.;
g级et型_t型em级pl一t型e_d我rect型ory_ur我() . \'t型est型.css\'&#x个A.;
&#x个A.;

becom级es:

&#x个A.;
plug级我ns_url( \'t型est型.css\', __F我LE__ );&#x个A.;
&#x个A.;

标签： plugins   css   wp-enqueue-style   小码农  

相关推荐

为访问者和特定角色启用特定的CSS代码

如何为访问者和特定用户角色启用特定css代码例如，此代码：input[type=radio] { border: 1px solid !important; }