Как сделать некоторые ссылки меню сайта на ajax?

Question

[Ressive]

Здравствуйте господа и дамы программисты, разработчики.

Ваша помощь нужна в следующем:

Мне нужно некоторые ссылки с главного меню подгружать ajax-ом, дабы их не было в исходном коде страницы, но что бы они были видны пользователям.

У меня сайт на вордпрессе, и я пока не нашел решение...

Подскажите пожалуйста каким кодом или плагином это можно реализовать.

Answer 1

[Максим Тимофеев]

зачем ajax? Jquery Вам в помощь. Просто после загрузки страницы добавьте их в меню и все.

Comments

[Ressive]

Можно пример?

[Максим Тимофеев]

$('#ulВкоторыйВставить').append('моя ссылка');

[Ressive]

Не до конца понятен пример.
К примеру вот ссылка с меню, которую генерирует вордпресс:
< a title="Купить детскую кровать" href="#"> Детские кровати < /a >

Каким кодом можно заменить ссылку, что бы ее не было в исходном коде (и ее не видели поисковые системы), но что бы она быстро подгружалась, и была доступна для пользователей?

Или тут нужно весь тег ссылки обернуть?

[Максим Тимофеев]

Ressive: 1.Что бы спрятать от поисковиков, можно добавить rel=nofolow
2. Я так понимаю, что вывод меню Вы переписать не в состоянии, поэтому можно при загрузки находить нужные ссылки с помощью jquery и проводить любые манипуляции. Удалять, добавлять и т.д.
Если У вас проблема только с поисковиками (хотя я не понимаю, зачем от них прятать ссылки меню), то пункта 1 вам должно хватить

Answer 2

[Alex]

Примерно так

На клиенте:

jQuery.getJSON(alaxMenu.URL, alaxMenu.params, function(resp) {
	if (resp.success === true) {
		jQuery('menu').append(resp.data);
	}
});

в function.php

wp_localize_script('views-counter', 'alaxMenu', array(
	'url'		=> admin_url('admin-ajax.php'),
	'params'	=> array(
		'action'	=> 'ajax_menu',
		'_ajax_nonce'	=> wp_create_nonce('ajax_menu_nonce'),
	)
));


function get_ajax_menu( $post_object ) {
	check_ajax_referer('ajax_menu_nonce');
	wp_send_json_success(wp_nav_menu( array(
		'theme_location'	=> 'ajax_load',
		'container'			=> false,
		'echo'				=> false,
		'items_wrap'		=> false
	) ));
}


add_action('wp_ajax_get_ajax_menu', 'get_ajax_menu');
add_action('wp_ajax_nopriv_get_ajax_menu', 'get_ajax_menu');

Comments

[Ressive]

Здравствуйте, спасибо за ответ, только у меня есть еще парочка уточняющих вопросов:
1. jQuery.getJSON(alaxMenu.URL, alaxMenu.params, function(resp) {
if (resp.success === true) {
jQuery('menu').append(resp.data);
}
});
этот код нужно поместить в раздел странички "хид" ?

2. Как мне выделить конкретную ссылку в меню, которую нужно подгружать позже, что бы в исходном коде ее не было?

[Alex]

Ressive: 1. Этот скрипт нужно передать на клиент. Любым удобным для вас способом: можно добавить его к уже используемому .js файлу. Или добавить новый файл с помощью функции wp_enqueue_script.

2. Вы должны использовать два меню: первое загружается сразу. Второе создается при ajax запросе и отправляется на клиент. И скрипт на клиенте добавляет его к первому меню.

[Ressive]

А как мне регулировать меню которое загружается аяксом? А в целом, в идеале, было бы прекрасно в одном меню некоторые ссылки подгружать аяксом, это можно как то реализовать?

[Alex]

Ressive: Так же как и первое - из админ. панели.

[Ressive]

Каким образом? Благодаря данным функциям в админке будут кнопки которые включают или выключают аякс для меню или одной ссылке из меню?