AJAX или асинхронный JavaScript и XML, это группа методов, используемых в веб-разработке, которые позволяют веб-страницам обмен данными с сервером без перезагрузки страницы. С использованием AJAX, приложений в интернете могут обмениваться данными с сервером без вмешательства в существующие веб-страницы. Хотя “Х” предназначен для для XML, не надо использовать XML для обмена данными. Json можно использовать вместо этого.

В компьютерных программах, ‘асинхронными’ называют операции если они функционируют независимо от других процессов. Именно поэтому веб-страницы не должны быть перезагружен для того, чтобы отправить информацию на сервер. Точный метод для этого использует так называемый объект XMLHttpRequest, который фактически представляет собой интерфейс, который позволяет выполнять сценарии для выполнения AJAX-запросов.

AJAX-это не одна технология. Все эти технологии работают вместе, чтобы создать один запрос http или https. Следующие технологии включаются:

• HTML-код
• В CSS
• Объектная Модель Документа
• В XML
• Объект XMLHttpRequest
• JavaScript

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

Одной из новых функций, которые мы добавили в наш новый дизайн, эта функция называется “знакомства”. При нажатии пользователем на кнопку, происходит перенаправление на случайный пост на сайте. Ранее, мы сделали так, что пользователи не были направлены на страницу, которая будет отображать случайный пост. Было несколько проблем с этим. Одна из которых была в том что пользователь не знал фактический URL страницы. Во время моей сессии, я написал этот фрагмент. Ну короче говоря, в этой статье, мы расскажем, как перенаправлять пользователей на случайный пост.

Откройте ваш файл темы functions.php или создайте пустой файл плагина и вставьте нижеприведенный код:

add_action('init','add_random_rewrite');

function add_random_rewrite() {

global $wp;

$wp->add_query_var('random');

add_rewrite_rule('random/?$', 'index.php?random=1','top');

}

add_action('template_redirect','template_random');

function template_random() {

if (get_query_var('random') == 1) {

$ran_posts = get_posts('post_type=post&orderby=rand&numberposts=1');

foreach($ran_posts as $ran_post) {

$ran_link = get_permalink($ran_post);

}

wp_redirect($ran_link,307);

exit;

}

}

Вот и все, что Вам надо сделать. Теперь создадим кнопку, со ссылкой на yourdomain.com/random/, а фрагмент выше позаботиться об остальном.

Объяснение фрагмента:

Этот фрагмент сначала добавляет в запрос случайную переменную. Затем он использует template_redirect из WordPress, получает пост случайным образом. Потом делает простой 307 редирект.

Поэтому сниппет использует 307 редирект (временное перенаправление). Браузеры часто кэшируют 302 редирект, который становится известен, как временное перенаправление.

Несколько ошибок с которыми мы столкнулись:

Если у Вас стоит плагин W3 Total Cache и у вас есть кэширование на базу данных, то Вам необходимо применить следующие правила:

/random/

/index.php?random=1

Если вы пользуетесь плагином Yoast’s WordPress SEO, то не используйте флажок  перенаправление сломанных URL иначе наш код не будет работать.

Теперь вы можете создать и изучить кнопки которые есть на нашем сайте.

Вы когда нибудь хотели добавить специализированный контент для вашего сайта на WordPress пост или страницу, и не знали, как? Может вы хотели встроить виджет Twitter или другой контент из сайтов или API. Как можно добавить тип контента в пост вашего сайта на WordPress? К счастью, WordPress предоставляет то, что называется шорткод для того, чтобы такая задача чрезвычайно проста. Этот учебник научит Вас процессу создания, установки, и использования шорткодов в вашей WordPress. Давайте начнем.

Что такое Шорткод в WordPress?

Коротко, короткий номер — это специальный тег, который Вы можете ввести в сообщение, которое заменяется разный контент при непосредственном просмотре поста на сайте. Если вы когда-либо использовали встроенный в WordPress галерею на блоге, то вы уже видели как построен короткий код.

При загрузке страницы блога с шорткодом «gallery», WordPress заменяет шорткод «gallery» на код, который на самом деле отображает галерею из ваших изображений. P.s. Замените ковычки на квадратные скобки.

Как вы можете видеть из приведенного выше примера, короткий тэг похож на HTML-тег, но заключен в квадратные скобки вместо угловых скобок. Этот код заменяется на некоторый другой код, когда страница загружается в веб-браузер. Крутая вещь заключается в том, что WordPress позволяет создавать свои собственные пользовательские шорткоды для отображения почти ничего! Вы можете использовать его для вывода видео с YouTube, показать ваши последние твиты, или даже настроить его, как вам нравится.

В случае, если не имеет смысла, давайте рассмотрим пример. Допустим, я хочу выводить объявлению Adsense в моем посте. Я мог бы перейти в режим HTML в Вордпресс контент-редактор и скопировать и вставить код Adsense блок в него, но это было бы утомительно и отвлекает потенциально со всеми дополнительными разметки в моем посте. Кроме того, если я хотел изменить рекламный блок, я бы вернуться в каждый пост, чтобы сменить его на новый. Способ попроще и более надежный способ добавить блок Адсенса везде, где я хотел бы использовать Adsense с шорткодом. Короткий код может выглядеть так:

[adsense]

На самом деле глядя на пост на вашем сайте, короткий номер будет заменен на рекламный блок Адсенса. Итак, как же создать этот шорткод в WordPress? Давайте рассмотрим.

Как создать Шорткод?

К слову, в WordPress позволяет сделать ваши собственные шорткоды довольно таки просто, так что давайте на самом деле идти по реализации шорткода [adsense]. Первое, что нам нужно сделать, это определить функцию, которая выводит фактический код Adsense. Все следующие коды будут идти в functions.php в вашей теме (это также может перейти в автономный файл-плагин). Понятно? Итак, давайте посмотрим на эту функцию.

function get_adsense($atts) {

    return '<script type="text/javascript"><!--

google_ad_client = "pub-296324648221577";

/* 468x60, created 10/07/15 */

google_ad_slot = "77323465768";

google_ad_width = 350;

google_ad_height = 115;

//-->

</script>

<script type="text/javascript"

src="https://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

';

}

Эта функция довольно проста – она просто возвращает мне Гугл Адсенсе код в виде строки. Все, что возвращает эта функция, мой короткий код будет заменен.

Теперь, когда у нас есть функция, которая возвращает то, что мы хотим через шорткод? Теперь надо подключить этот код к WordPress API-интерфейсу. Еще раз посмотрим на то, как мы делаем это, а затем объяснить, что происходит. Вот подключение шорткода адсенсе.

add_shortcode('adsense', 'get_adsense');

Первый передаваемый параметр-имя шорткода, так что в нашем случае, ‘adsense’ рассказывает WordPress, чтоб надо создать шорткод [adsense]. Второй параметр определяет функцию, которая будет вызываться, когда новый шорткод будет встречаются. Опять же, в нашем случае, ‘get_adsense’ рассказывает WordPress, что надо заменить [adsense] на нашу функцию get_adsense.

Не так уж плохо, да? Сейчас это очень простой шорткод, WordPress позволяет сделать гораздо больше ваших шорткодов, включая добавление параметров (может быть, вы хотите выбрать между блоками в Adsense?). Полный API-интерфейс можно увидеть на Кодексе WordPress.

Как использовать Шорткод?

Эта последнее, просто добавьте

 [adsense]

шорткод в HTML или визуальный вид в пост или страницу редактора содержимого. Вы создали свой первый шорткод.