2013-02-21 7 views
1

Я написал плагин CSS для TinyMCE, чтобы добавить новую кнопку в редакционную строку редактора. Я нажимаю на кнопку и откроется всплывающее окно, содержание - написано в JS - выглядит следующим образом:Wordpress - использование CSS в плагине

var form = jQuery('<div id="a2ml-form">\ <div 
class="a2ml-form-selector">Landingpage Quiz</div>\ <div 
class="a2ml-form-selector">AR Quiz</div>\ </div>'); 

Я хочу использовать класс = «a2ml-форм-селектор» - но 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 в панели администратора?

Благодаря

+0

Вы используете неправильный крючок. –

ответ

1

Вы действительно не должны писать ваши собственные 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'); 

, но это не самый лучший способ.

Смежные вопросы