Как применить CSS только для моего собственного шорткода WordPress?

Question

Я пишу свой второй плагин для WordPress, я успешно поставил JavaScript и CSS (Bootstrap) на страницу настроек бэкенда. Теперь, чтобы взаимодействовать с веб-интерфейсом, я хочу создать несколько коротких кодов, используя Bootstrap. Как я могу использовать Bootstrap (и другие пользовательские CSS и JavaScript) только в моих шорткодах, не влияя на стиль страниц, которые будут использовать шорткоды?

Answer 1

Вы можете поместить div-контейнер вокруг своего контента с уникальным именем класса.

function shortcode_func(){
  return '<div class="your-unique-shortcode-class">...</div>';
}
add_shortcode( 'your-shortcode', 'shortcode_func' );

Чем вы можете добавить свою таблицу стилей с помощью функции wp_enqueue_style.

function shortcode_footer_func() {
  wp_enqueue_style( 'shortcode_styles', 'your/path/to/style.css');
}
add_action( 'wp_footer', 'shortcode_footer_func' );