[英]Wordpress - Use CSS in Plugin
我為TinyMCE編寫了一個CSS插件,以在編輯器的菜單欄中添加新按鈕。 我單擊按鈕,然后打開一個彈出窗口,該內容用JS編寫,如下所示:
var form = jQuery('<div id="a2ml-form">\ <div
class="a2ml-form-selector">Landingpage Quiz</div>\ <div
class="a2ml-form-selector">AR Quiz</div>\ </div>');
我想使用class =“ a2ml-form-selector”-但是我使用此代碼應用的CSS:
function add_to_head() {
$url = trim(get_bloginfo('url'), "/");
?>
<link rel="stylesheet" type="text/css" href="<?=$url?>/wp-content/plugins/a2m_landingpages/a2m_landingpages.css">
<?
}
add_action('wp_head', 'add_to_head');
未加載到wp-admin面板中-已加載到主站點。 如何在管理面板中使用CSS樣式?
謝謝
您真的不應該那樣寫自己的link
標記。 您應該使用admin_enqueue_scripts
掛鈎:
function load_custom_wp_admin_style() {
wp_register_style( 'a2m_landingpages_css', plugin_dir_path( $plugin_filename ) . '/a2m_landingpages/a2m_landingpages.css', false, '1.0.0' );
wp_enqueue_style( 'a2m_landingpages_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts
您也許可以擺脫:
add_action('admin_enqueue_scripts', 'add_to_head');
但這不是最好的方法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.