Загрузка частей страницы сайта на WordPress через Ajax

AJAX — это динамическая загрузка отдельной части содержания страницы сайта с помощью языка программирования JavaScript. На сайте эта часть будет отображается, но в исходном коде страницы — нет. При отключенной поддержке JavaScript в браузере эта часть тоже не будет отображаться.
Поисковые системы не смогут увидеть эту часть, выводимую через AJAX.

Рассмотрим два способа выведения контента через AJAX в Worpress.

Способ 1

I. Создать в папке темы WordPress-темы сайта новый php-файл (пример: ajax_content.php) с таким кодом, содержимое которого и будет подгружаться:

II. В админ-панели WordPress’а создать новую страницу с произвольным названием. Справа в блоке «Атрибуты страницы» выбрать шаблон «AJAX список архивов».

Нужно заметить, что страницу стоит закрыть в «noindex, nofollow» и если на сайте установлены плагины генерации карты сайта (например: XML-Sitemap, Dagon Design Sitemap Generator) — стоит в их настройках исключить данную страницу. ID страницы в WordPress’е видно в строке браузера, при редактировании страницы, например: http://qfurs.ru/wp-admin/post.php?post=9478&action=edit.

III. В том месте файла sidebar.php, index.php, footer.php, где нужно вывести блок, вставить код:

IV. Т. к. AJAX реализуется с помощью jQuery, и если jQuery не подключен к сайту, тогда в файле header.php перед

нужно добавить следующее:

V. Последнее: добавить на сайт скрипт js-файла, который будет загружать требуемый контент. a) Создать файл с расширением .js произвольного названия (к примеру, jscontent.js) c кодом:

b) Созданный js-файл положить в папку темы сайта. c) Подключить в header.php такой строкой перед тегом </head>:

Способ 2

Второй вариант немного короче.
I. Создать в папке темы WordPress-темы php-файл (пример: ajax_content.php) с кодом:

II. В том месте, где необходимо вывести блок, вставить html-код:

III. если jQuery не подключен к сайту, тогда в файле header.php перед

нужно добавить следующее:

IV. Последние операции: добавить на сайт скрипт js-файла, который будет загружать требуемый контент.
a) Создать файл с расширением .js произвольного названия (к примеру, jscontent.js) c кодом:

b) Созданный js-файл положить в папку темы сайта.
c) Подключить в header.php такой строкой перед тегом </head>:

Способы выведения блоков через AJAX взяты у dimox.name, за что ему — спасибо.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *