В этой статье рассказывается о том, как сделать ajax подгрузку постов на WordPress.

Содержание

  • 1. Ajax подгрузка постов WordPress.
  • 2. Структура плагина.
  • 3. Backend. ajaxer.php
  • 4. Frontend. ajaxer-script.js
  • 5. Стили. ajaxer-style.css
  • 6. Как пользоваться плагином


1. Ajax подгрузка постов WordPress

Ajax подгрузка постов WordPress это необходимы функционал на современном сайте. Сейчас в современном мире все стремятся сделать свой сайт более интерактивным и удобным. Для тех кто на знает, ajax это технология обмена данными между клиентом и сервером без перезагрузки страницы.

В этой статье я хочу рассказать вам, как сделать ajax подгрузку постов на WordPress.

Фото: Ajax подгрузка постов WordPress

2. Структура плагина

Лучше всего данный код оформлять в виде плагина. Итак начнем.

Создадим папку под названием ajaxer и в этой папке 3 файла:

ajaxer.php — backend
ajaxer-script.js — frontend
ajaxer-style.css — стили


3. Backend. ajaxer.php

4. Frontend. ajaxer-script.js

5. Стили. ajaxer-style.css

6. Как пользоваться плагином

Ищем файл темы в котором выводится список постов. К примеру index.php. В этом файле находим место с циклом вордпрес. Оборачиваем цикл в div с классом sp_ajax_result и задаем data атрибут data-step=’2′ (это шаг с которым будут добавляться посты).

Пример:



Скачать готовый плагин


Оформить заказ
Итого: 400 руб.

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Обратный звонок

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Задать вопрос
Какой то текст

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Задайте вопрос
Если у Вас есть вопрос, напишите

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Произвольная форма

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Контактная форма

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Обратный звонок
Закажите звонок и мы вам перезвоним