jQuery("body").on("click", "#id_вашей_кнопки_отправки",function(){
var field = jQuery('#field_id').val();
jQuery.ajax({
type:"POST",
url: "урл принимаещего php скрипта, сохраняющего в нужную базу на нужном сервере",
data: {
action: "save_data",
field : "field",
},
})
.done(function(data){ console.log(data); });
});
});
<div id="кружочек"><a href="ссылка подкатегории выводимая в php, либо через родительскую категорию, либо через произвольное поле">символ стрелочки</a></div>
global $post;
// !!! Аргументы настройте "под себя"
$args = array( 'numberposts' => 9 , 'category' => 1, 'orderby' => 'date');
$myposts = get_posts( $args );
foreach( $myposts as $post ){ setup_postdata($post);
?>
<div class="post">
<div class="post-img"><?php the_post_thumbnail('thumbnail'); ?></div>
<div class="post-txt">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<div class="post-date"><?php echo get_the_date('j F Y'); ?></div>
</div>
</div>
<?php
}
wp_reset_postdata();
// Код написан в качестве примера. Нужны правки и доработки
<?
/*
* Template name: Страница записей
*/
// Код, приводимый далее можно скопировать с Вашей темы. Цикл вывода записей итд итп..
?>
<?
function if_blogpage(){
if(is_page_template('my_custom_blog_page.php')){
wp_enqueue_script('js_functions', '/* путь к вашему js */');
wp_localize_script( 'js_functions', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
}
}
// А вот когда активировать функцию проверки может решить только Ваша необъятная фантазия и необходимость. У меня для примера хедер
add_action('wp_head', 'if_blogpage');
// Данный код написан в качестве примера. Возможны правки и доработки
?>
function js_includer(){
//wp_enqueue_script('jquery');
wp_enqueue_script('js_functions', plugin_dir_url( __FILE__ ). '/footer_js.js');
wp_localize_script( 'js_functions', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
}
add_action( 'wp_enqueue_scripts', 'js_includer' );
function if_mobile(){
if(wp_is_mobile()){ $colWidth = 300; } else { $colWidth = 270; }
echo $colWidth;
}
add_action( 'wp_ajax_if_mobile', 'if_mobile' );
add_action( 'wp_ajax_nopriv_if_mobile', 'if_mobile' );
jQuery(document).ready(function() {
jQuery.ajax({
type:"POST",
url: ajaxurl,
data: {
action: "if_mobile",
},
success:function(data){ /* Сюда приходит результат php. Не совсем понятно что вы с ним делаете. Возможно Вам нужен JSON и js-изменение ширины окна, блока итд.. для проверки console.log */ console.log(result) },
error: function(errorThrown){ alert(errorThrown); }
});
}
// Код написан в качестве примера. Нужны правки и доработки