Как сделать разные single.php для AJAX вывода через шорткод, и остальных страниц?

Question

[crazyASD]

Задача:
Выводить урезанный пост на главной через AJAX-запрос при помощи шорткода, и полный пост с хидером и футером в на других страницах:
Для этого пытаюсь сделать через простой плагин переопределение сингл-темплейта:

function my_template($single_template) {
	global $post;
	if ($post) {
		$single_template = dirname( __FILE__ ) . '/my-template.php';
	}
	
	return $single_template;
}
add_filter( 'single_template', 'my_template' );

а затем делаю проверку не является ли страница главной:

function my_single_template( $single_template ) {
	if ( !is_front_page() )
		return dirname( __FILE__ ) . '/my_single_template.php';
	else
		return $single_template;
}
add_filter( 'template_include', 'my_single_template' );

Но! На главной странице всё равно выводится второй шаблон my_single_template.
Вопрос. Как сделать так, чтобы на странице где вывод осуществляется через шорткод (предполагается что это главная страница), грузился первый вариант, а во всех остальных случаях второй?

Answer 1

[crazyASD]

Я сделал запрос вот таким способом:
Вызываем через ссылку:

<a class="news-grid-more news-grid" href="#" data-single_url="'.get_permalink( $post->ID ).'"></a>

А дальше вот таким кодом вызываю фрагмент шаблона страницы:

jQuery(document).ready(function($){
$('.news-grid-more').on('click', function(e){
    e.preventDefault();
	var single_url = $(this).data('single_url') + ' #single-article';
	target_top = $("#news-single").offset().top-45;
	$('html, body').animate({scrollTop:target_top}, 900);

	$('#news-single').slideUp(900, function(){
			$(this).load(single_url,function(){
				$(this).slideDown(900);
			 });
 });

Всё работает, кроме вызываемых внутри single-страницы js-ов.

Comments

[Игорь Воротнёв]

Чтобы вызываемые внутри события работали их надо корректно вызывать, раньше в jQuery для этого была функция live(), сейчас это on(). То есть, если у вас $(target).click(function(){}); - поменяйте на $(target).on('click', function(){}); если мне навскидку не изменяет память. Еще есть bind() и delegate()

[crazyASD]

Игорь Воротнёв:
Мне нужно заставить работать вот такой код:
jQuery(function($){
script = $('.social-likes').socialLikes();
eval(script);
});
В данном случае eval(script); не срабатывает, я подозреваю что всё дело рубит wordpress.

[Игорь Воротнёв]

crazyASD: при чем здесь WordPress, у вас в DOM документа загружаются новые элементы, с ними надо правильно работать. Ваш код - это функция, она должна выполняться когда DOM был загружен и обработан. Но на этот момент у вас еще нет загруженного элемента, с которым код должен работать (если речь об элементе, который будет загружен аяксом позже). Поэтому ничего и не происходит, так как к моменту появления нужного элемента в DOM скрипты уже давно выполнились. Вам нужно вызывать $('.social-likes').socialLikes(); в коллбеке вашего аякс-запроса. eval() по идее там вообще не нужен.

[crazyASD]

Игорь Воротнёв: К сожалению я только учусь этому делу, поэтому был бы благодарен за пояснение как это сделать.

[Игорь Воротнёв]

crazyASD: перед строчкой $(this).slideDown(900); добавьте $('.social-likes').socialLikes();

[crazyASD]

Игорь Воротнёв: Огромное спасибо, всё получилось!

[Игорь Воротнёв]

crazyASD: на здоровье

[Игорь Воротнёв]

crazyASD: да, и в следующий раз не отвечайте таким образом на свой же вопрос, а то вы себе рейтинг поднимаете, а не тем, кто вам помог :)

Answer 2

[Павел Чесноков]

if ( !is_front_page() || !is_home() ){ }

Попытка номер два. Предположим, что главная страница имеет в себе код выввода самой себя, а также дополнительную логику для GET запросов через AJAX:

$my_command = ''; 
$my_post_id = '';

if (!empty($_GET)) {
	foreach ($_GET as $key => $value) {
	    if ( !empty($key) && !empty($value) ) {
			$my_command = $key;
			$my_post_id = $value;
	    }
	}
}

//Не забудьте обезвредить все, что злоумышленники передадут в GET запрос

if ($my_command == 'get_post_content_by_id' && $my_post_id != '') {
	
	//Здесь выводим информацию на основе полученого GET запроса, например:
	$content_all = get_post($my_post_id);
	$content = $content_all->post_content;
	$content = apply_filters('the_content', $content);
	$content = str_replace(']]>', ']]>', $content);
	echo $content;

} else if ($my_command == 'get_post_excerpt_by_id' && $my_post_id != '') {
	
	//Другой запрос
	$excerpt_all = get_excerpt($my_post_id);
	$excerpt = $excerpt_all->post_excerpt;
	echo $excerpt;
	
} else {
	//Если нет запроса, выводим обычное содержание страницы
	get_header();
	//...
	get_footer();
}

Запрос:

jQuery.get( "/_my_page_url_/", { get_post_content_by_id: "123"} );

Но я бы делал как пишет далее crazyASD: ...через wp_ajax_ и/или wp_ajax_nopriv_, как положено...

Comments

[crazyASD]

Нет, данный код ничего не дает, поскольку вывод с главной осуществляется через ajax запрос, и система не понимает что вывод осуществляется на главную страницу.

[Павел Чесноков]

crazyASD: А почему AJAX используете? Не понимаю логику.

[crazyASD]

Мне нужно выводить пост на главной странице в модальном окне, естественно без хидера и футера страницы.

[Павел Чесноков]

А Вам обязательно надо это сделать с помощью AJAX?

[crazyASD]

Желательно, чтобы не светить текст статей в теле главной.

[Павел Чесноков]

Дополнил ответ, надеюсь правильно Вас понял.

[crazyASD]

Да, отличный вариант! Но я сделал попроще, через вызов фрагмента на jQuery.

Answer 3

[Игорь Воротнёв]

crazyASD: вам не нужно выводить аяксом весь индекс целиком. Есть 2 пути.

Если вы используете вордпресовский аякс (через функцию, которая подключена на wp_ajax_ и/или wp_ajax_nopriv_, как положено) - тогда в этой функции получите нужный пост с помощью get_post() и отформатируйте как надо, результирующий хтмл отдайте с помощью wp_send_json_success().

Если вариант 1 непонятен (хотя он правильный и корректный), если вы аяксом дергаете непосредственно урл индекса, вспомните, что аякс-запрос позволяет получать не только страницу по урл целиком, но и ее часть, если указать #element_id то будет получен только контент этого элемента.