Блог

Вот что у меня есть atm

Я добавил кнопку для своего пользовательского типа записи, которая должна разрешать массовую загрузку сообщений с использованием CSV.

Вот код JS, который я использовал для этого (я нашел этот код в StackOverflow, и, похоже, он работает хорошо):

 function add_button () {
    $($(".wrap .page-title-action")[0])
        .after('<button id="sh_import_csv_button" class="page-title-action">Import CSV</button><input id="csv_upload" type="file" hidden/>');
}
  

Когда я добавляю свойство «отключено» к кнопке — это работает, но кнопка по-прежнему выглядит активной, поэтому это может запутать пользователей. Мне нужно отключить ее во время обработки CSV.

Вопрос в том, существует ли какой-либо класс WP CSS по умолчанию или, по крайней мере, набор стилей CSS, чтобы он выглядел должным образом?

Заранее спасибо.

Нет, для page-title-action имени класса не существует стиля по умолчанию, когда его элемент также имеет disabled атрибут. Но вы также можете добавить свой собственный стиль. Если я хочу, чтобы кнопка в пользовательском интерфейсе выглядела отключенной, я обычно играю с непрозрачностью. И очень часто этого достаточно. Так что насчет добавления

 .page-title-action[disabled] {
    opacity: 0.5;
}
  

для CSS администратора…

Также я бы переписал ваш фрагмент следующим образом:

 var add_button = function () {
    $(".wrap .page-title-action").first().after(
        '<button id="sh_import_csv_button" class="page-title-action">'  
        'Import CSV</button><input id="csv_upload" type="file" hidden/>'
    );
}
  

Если вам также нужен совет о том, как добавить css, просто скажите мне в комментарии…