форма отображения во всплывающем окне WordPress JQuery PHP

Question

У меня есть ссылка для добавления новой записи /add_records.php">Add Новый

Так открывается вид на новой странице Я хочу, чтобы открыть эту форму на той же странице в popoup так как я могу это сделать содержимого Form в другом файле

Answer 1

в папке вашего ребенка тЕМЫ создать другую папку под названием JS (если ваша тема уже не имеет папку Js) и в этой папке создайте новый файл с именем popup.js Вставьте в этот файл следующее:

jQuery(document).ready(function($) { 
    $('.popup').click(function() { 
    var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=400,width=400'); 
    if (window.focus) 
    { 
     NWin.focus(); 
    } 
    return false; 
    }); 
}); 

В functions.php вашего ребенка ТЕМЫ добавить следующее:

//* Register and Enqueue scripts for popup 
function cc_popup_script() { 
    wp_register_script('popup', get_stylesheet_directory_uri() . '/js/popup.js', array('jquery'), '1.0.0', false); 
    wp_enqueue_script('popup'); 
} 

add_action('wp_enqueue_scripts', 'cc_popup_script'); 

После того, как вы добавили код выше, теперь вы можете использовать это в вашей страницы/содержание поста, прикрепив класс «» всплывающего окна на любую ссылку, которую вы хотите открыть во всплывающем окне. Например

<a href="add_records.php?Add New" class="popup">popup example page</a> 

Было бы также легко и сделать это в плагин, который должен быть опрятнее, чем добавление к теме.