Подгрузка постов wordpress ajax: Подгрузка постов на AJAX в WordPress, бесконечный скролл

2 года назад

100 просмотров

Фриланс-проекты в категории PHP

• Специалист со знанием JS, а именно фреймворка Vue,JS.
• Поиск человека, который занимаеться модами для игр
• Ищем! Человек, который может описать тех.документ. софта для курсовой
• Написать веб-приложение (игру) до 3.01 задание по предмету в универе
• Внесение поправок в CRM (4 часа) (JS, PHP, баз данных, webhooks, и тд)
• Разработка оплаты криптовалютой на сайте.
• Менторство Next.js
• Катерина Кокс

JournalX — журнальная тема WordPress с бесконечной прокруткой

Оглавление:

1. Особенности JournalX — журнальной темы с подгрузкой постов
   1. Внешний вид
   2. Подгрузка постов и бесконечный скролл
   3. Нет сайдбара
   4. Выносные блоки на всю ширину
   5. Выноски в тексте
   6. Продвинутая сетка записей на главной и в таксономиях
   7. Проработанная типографика
   8. Скорость и современные стили кодирования (чистый код на основе HTML5 и CSS3)
   9. Адаптация для мобильных
   10. Встроенная микроразметка
   11. На русском
   12. Адаптация под Яндекс
   13. Встроенная реклама
   14. Оптимизация SEO
2. Встроенные модули
3. Настройка JournalX WordPress
4. Где скачать версию Nulled и нужно ли?
5. Документация и демо
6. Купить JournalX со скидкой

JournalX – лучшая журнальная тема с подгрузкой постов. Подробный гайд возможностей и преимуществ платного шаблона для WordPress от ребят из WPShop.ru.

Особенности JournalX — журнальной темы с подгрузкой постов

Для шаблонов журнальных сайтов ставятся особые требования – это максимальная выдача контента в любом разделе, удобный шрифт и корректная верстка на всех устройствах. Все это есть в JournalX и будет показано в этом обзоре на примерах.

Внешний вид

Эта «шкурка» для ВордПресс имеет модный дизайн, который достойно отобразит ваш уникальный блог, журнал или новостной сайт. Все элементы оформлены согласно последним веб-стандартам. А поэтому будьте уверены, что контент вашего онлайн-ресурса оценят по достоинству!

Подгрузка постов и бесконечный скролл

Онлайн-журналы нацелены на подачу информации. Эффективный способ это сделать – всегда выдавать посетителю контент, в какой бы части сайта он не находился. Один из вариантов его реализации – это бесконечный скролл. Пользователь, дойдя до конца одной публикации, получает содержимое следующей без перезагрузки страницы. Посты выбираются из той же категории или тега, ищутся по названию.

Боковые панели (или сайдбар) содержат дополнительную информацию. Например, социальные кнопки, список рубрик, форма подписки на новости. Но тема нацелена на контент. А поэтому имеет фиксированный сайдбар, который отображается только при прокручивании страницы в определенном месте и не фиксируется при прокрутке всей страницы. В итоге посетитель получает максимум полезного материала.

Выносные блоки на всю ширину

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

В наличии 8+ профессионально оформленных блоков для визуального выделения контента и привлечение внимания.

Выноски в тексте

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

Продвинутая сетка записей на главной и в таксономиях

5 вариантов карточек постов. Сетка формируется автоматически на основе современной верстки – гридов (Grid). Выбор карточки для каждой записи.

Проработанная типографика

Приятный глазу и ненавязчивый шрифт – залог того, что пост дочитают и не покинут страницу. Тема позволяет задать шрифт, его начертание, цвет и высоту строки для:

• основного текста,
• названия и описания сайта,
• ссылок в меню.

В коробке 30+ фонтов, включая традиционные и Google-шрифты.

Скорость и современные стили кодирования (чистый код на основе HTML5 и CSS3)

В коде разработчики не используют медленных скриптов, фреймворков и тяжелых JS-библиотек, только чистые HTML, CSS и JavaScript.

Адаптация для мобильных

Ребята из WPShop всегда тестируют свои продукты на всех современных и популярных устройствах. В итоге картинки, таблицы и видео одинаково хорошо отображаются на ПК, планшетах и смартфонах.

Встроенная микроразметка

Данные каждого поста и структуры веб-ресурса в специальном формате позволяют выводить максимум информации в поисковой выдаче (сниппетах). В JournalX используется традиционная микроразметка schema.org.

На русском

Изначально все элементы дизайна и опции шаблона переведены на русский, что удобно для настройки.

Адаптация под Яндекс

Код темы адаптирован под все требования разметки Яндекса и Google. В итоге владелец ресурса не получит сообщений об ошибках, что код имеет неверные данные или неоптимизирован под мобильные устройства.

Встроенная реклама

Через встроенные инструменты шаблона вы сможете вывести рекламу в 10+ местах:

• после шапки;
• перед, посередине и после контента;
• после абзаца;
• перед и после похожих записей;
• перед подвалом.

С опциями сможете задать рекламные блоки отдельно для ПК и мобильных, вывести их в разных частях сайта, включить/исключить конкретные страницы, показывать через заданное к-во символов и через нужное число ней после публикации.

Оптимизация SEO

Для СЕО реализованы возможности:

• заголовок h2 на главной размещается в логотипе или в дополнительном текстовом блоке;
• h2-H6 только в статьях;
• вывод описания рубрик только на первой странице;
• отсутствие в меню ссылок на текущую открытую страницу;
• возможность замаскировать внешние ссылки с помощью JS.

Встроенные модули

Помимо внешнего вида, журнальный темплейт JournalX в арсенале имеет дополнительный функционал, который заменит отдельные WP-плагины:

• содержание,
• лайтбокс (увеличение изображений по клику),
• хлебные крошки (навигационная цепочка),
• блок автора,
• контактная форма,
• блоки ссылок на социальные профили,
• кнопки поделиться,
• HTML-карта сайта,
• кнопка Наверх,
• счетчик просмотров.

Настройка JournalX WordPress

Осуществляется через встроенный ВордПресс Кастомайзер, в который можно попасть через админ-меню Внешний вид > Настроить.

Все опции логично разделены на секции с понятными названиями. Например, в подразделе Блоки можно изменить вид и поведение отдельных разделов — шапки, подвала, главной, записей/страниц, архивов, комментариев или похожих записей.

Где скачать версию Nulled и нужно ли?

Это взломанные версии цифровых продуктов, которые нелегально распространяются в Сети через торренты или складчины. В Nulled обходят и отключают защиту, чтобы они работали без активации. Обычно нестабильно работают и содержат вирусы. Этот вредоносный код может «поломать» весь сайт, предоставить доступ в админку чужим людям и незаконно передать важные данные.

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

Документация и демо

Создатели JournalX для пользователей предоставляют детальные руководства, FAQ и демо-сайт.

Купить JournalX со скидкой

Все желающие получить этот шаблон для своих проектов, могут воспользоваться промокодом и получить скидку 15%.

Промокод WPShop JournalX

Добавь в закладки и поделись с друзьями:

Как уменьшить нагрузку на сервер WordPress Admin-Ajax

Чтобы улучшить взаимодействие с пользователем, мы всегда увеличиваем скорость сайта. Щелчок по ссылке на веб-сайт кажется простой вещью. Но задумывались ли вы когда-нибудь, сколько запросов мгновенно пингуется в течение нескольких секунд после одного клика? За эти несколько секунд происходит много вещей, которые могут замедлить работу веб-сайта Admin-Ajax, это объясняется здесь. В сегодняшней статье вы узнаете, как уменьшить нагрузку на сервер admin-ajax в WordPress.

Хотя за медленной загрузкой сайта стоят разные вещи. При проверке инструментов проверки скорости сайта иногда отображается предупреждение в файле администратора Ajax.php. Это означает, что файл Admin Ajax.php также является одной из причин медленной загрузки сайта.

Admin-ajax.php является частью WordPress AJAX API. Он также обрабатывает запросы как от бэкэнда, так и от внешнего интерфейса. Ajax позволяет обновлять веб-страницы асинхронно, обмениваясь небольшими объемами данных с сервером за кулисами.

В WordPress 3.6 WordPress представил API Heartbeat. API стимулирует двунаправленное соединение между браузером и сервером. Кроме того, он использовался для автосохранения, блокировки сообщений и предупреждения об истечении срока действия входа в систему, когда пользователь пишет или редактирует.

Heartbeat API инициирует события при получении данных/ответа при создании запросов на связь с сервером. Как правило, это вызывает значительную нагрузку на сервер и, следовательно, замедляет работу веб-сайта.

Из-за этого Heartbeat API Admin-ajax.php генерирует запросы каждые 15 секунд. Запрос может быть любой связью с сервером. И, таким образом, отправляя слишком много запросов, серверу требуется много времени для отображения вашего контента или загрузки веб-сайта.

Ускорение панели администратора WordPress

Таким образом, лучшим решением для ускорения серверной части сайта является отключение Heartbeat API. Вместо этого установите плагин управления Heartbeat. Плагин управления сердцебиением позволяет легко управлять частотой API сердцебиения WordPress. С помощью этого плагина API сердцебиения можно полностью отключить. Так что отличный способ уменьшить нагрузку на сервер admin-ajax в WordPress

Примечание:   Если вы используете какой-либо подключаемый модуль кэширования, отключите кэширование объектов, прежде чем двигаться дальше. Это значительно ускорит работу панели управления WordPress.

Чтобы установить плагин Heartbeat Control, чтобы уменьшить нагрузку на сервер Admin-Ajax в WordPress

1. Войдите в свою панель администратора WordPress  Dashboard.
2. Перейдите к Плагины >> Добавьте новый и найдите Heartbeat Control .
3. Сейчас,  Установить и Активировать .

Конфигурация плагина управления сердцебиением:

1. Перейдите в настройки, а затем выберите «Управление сердцебиением» ( «Настройки» >> «Управление сердцебиением »), чтобы уменьшить нагрузку на сервер admin-ajax в WordPress.
2. Теперь выберите места. Локации имеют три варианта на выбор.
   • Отключить везде
   • Отключить на странице панели инструментов
   • Разрешить только на странице редактирования сообщения
3. Насколько я понимаю, ваш сайт регулярно посещают более 1 пользователя. Итак, я предлагаю выбрать Разрешить только в местоположении Post Edit   Страница , чтобы отключить плагин.
4. Вы должны выбрать временной интервал для выполнения запросов admin-ajax в меню Override Heartbeat Frequency.
5. Установите интервал времени 60 секунд . При этом запросы будут генерироваться каждые 60 секунд. Это резко снижает нагрузку на сервер.
6. Теперь найдите подключаемый модуль, который использует Heartbeat API .
   • Для этого перейдите на сайт GTMetrix и проанализируйте свой сайт. Теперь перейдите на вкладку «Водопад» и проверьте, какой файл требует много времени для подключения и ответа.
   • Теперь прокрутите вниз и посмотрите, есть ли запись для POST-admin-ajax.php.
   • Если да,  разверните его и перейдите на вкладку  Post  , чтобы найти подключаемый модуль.
7. Теперь все готово.

Как использовать Ajax с PHP в WordPress (пошаговое руководство) перезагрузка веб-страницы. Следовательно, это поможет вам улучшить интерактивность, скорость и удобство использования вашего сайта. AJAX работает каждый раз, когда вы выполняете такие действия, как оставление комментария или публикация твита.

В этой статье я расскажу вам, что такое AJAX и как использовать AJAX в WordPress (также известный как WP AJAX). Давайте читать дальше!

Содержание

• Что такое AJAX?
• Как работает AJAX?
• Как использовать AJAX в WordPress?
• Как плагины перегружают admin-ajax.php?
• Ускорьте панель управления WordPress
• Обнаружение подключаемых модулей, использующих Heartbeat API

Что такое AJAX?

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

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

Управляемый хостинг WordPress от 10 долларов в месяц

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

ПОПРОБУЙТЕ 3 ДНЯ БЕСПЛАТНО

Как работает AJAX?

Миссия AJAX — служить мостом между вашим сайтом и сервером. Ядром этой асинхронной технологии является объект XMLHttpRequest, который обеспечивает обмен данными. Вот основные шаги для совершения вызова AJAX:

– Источник: W3Schools

• Укажите информацию для отправки
• Настроить вызов
• Используйте объект XMLHttpRequest для отправки данных
• Получить и обработать ответ от сервера

Хорошо, что этот процесс можно упростить с помощью библиотеки jQuery.

Как использовать AJAX в WordPress?

WordPress изначально поддерживает AJAX. Вы можете увидеть «admin-ajax.php» внутри папки wp-admin.

Изначально он был создан для всех функций, которые делают запросы AJAX от администратора WordPress. Он также используется для общедоступной части Интернета.

Все AJAX-запросы WordPress должны проходить через PHP-скрипт. Другими словами, admin-ajax.php должен быть файлом PHP, через который вызывается действие, возвращающее контент.

Еще в 2013 году WordPress представил WordPress Heartbeat API, который предоставлял несколько важных функций, таких как функция автосохранения, истечение срока действия входа и предупреждение о блокировке сообщения, когда другой пользователь пишет или редактирует сообщение WordPress.

Две важные функции Heartbeat API:

1. Автосохранение

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

– Автосохранение в WordPress

2. Блокировка поста

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

— Post Lock в WordPress

Вышеупомянутые функции стали возможными благодаря WordPress Heartbeat API, который создает соединение между сервером и браузером для соответствующей связи и ответов.

WordPress Heartbeat API генерирует запросы на связь с сервером и запускает события при получении данных/ответа. Обычно это увеличивает нагрузку на сервер и в конечном итоге замедляет работу администратора WordPress.

Живой пример

Я захожу в свою панель управления WordPress и начинаю писать пост. Затем я оставляю вкладку открытой на несколько минут и начинаю просматривать другие вкладки. Панель управления все еще находится в системе, и вы можете видеть, что admin-ajax постоянно отправляет запросы.

— admin-ajax.php Отправка запросов на сервер

Согласно указанному выше билету, admin-ajax.php в WordPress генерирует запросы каждые 15 секунд. Запрос может быть любой связью с сервером.

Как плагины перегружают admin-ajax.php?

Большинство проблем в admin-ajax.php в WordPress можно отнести к запросам установленных плагинов. Эти плагины замедляют администратора WordPress, отправляя запросы на получение определенных функций, таких как запуск всплывающего окна или обновление счетчика социальных сетей.

Тем не менее, запросы не обязательно будут увеличивать файл admin-ajax.php. Если запросы обрабатываются правильно, а разработчики подключаемых модулей следуют передовым методам использования вызовов AJAX в своих подключаемых модулях, файл admin-ajax.php будет в порядке. Следовательно, также важно диагностировать любой плагин перед его деактивацией.

Как диагностировать плагин в WordPress?

Важно правильно диагностировать плагин, чтобы определить его влияние на файл admin-ajax.php, который может замедлить работу администратора WordPress. Для этого мы будем использовать два инструмента: GTmetrix и WebPageTest.

В случае с GTmetrix перейдите на вкладку Waterfall для получения полного списка запросов. Присмотревшись к списку, вы увидите запросы POST, сделанные файлом admin-ajax.php.

— Диагностика плагинов в WordPress

В моем случае эти запросы в основном были сделаны плагином для обмена в социальных сетях. Этот конкретный плагин отправляет ajax-запрос учетным записям социальных сетей через API каждые 15 секунд, чтобы получить обновленный счетчик общего доступа.

Разверните вкладку для получения подробной информации. На вкладке ответа показано точное место, которое вызывает эти запросы.

Chrome поставляется с инструментами разработчика, которые могут помочь анализировать запросы, сделанные различными плагинами. Чтобы проверить это, откройте веб-сайт в Chrome, нажмите CTRL + Shift + I и перейдите на вкладку «Сеть».

– admix-ajax.php Запросы в Chrome

Перезагрузите страницу и посмотрите, как список заполняется обновленными запросами. В поле фильтра введите ajax или admin-ajax, чтобы отфильтровать нужные файлы. Это дает вам представление о количестве запросов, а также об их частоте и источнике запроса.

Затем щелкните файл, чтобы просмотреть дополнительную информацию. На вкладке ответа это дает вам некоторый намек на плагин, вызывающий этот запрос. В моем случае на этот раз это было вызвано плагином WP Popular (WPP), плагином, который выделяет самые популярные посты за определенный период времени.

Чтобы избежать этого, убедитесь, что используемый вами плагин обновлен. Если это не так, попробуйте открыть тикет в службу поддержки, чтобы разработчики могли исправить проблему. Если возможно, вы также можете заменить его другим плагином, который обновлен и не перегружает файл admin-ajax. php.

Прежде чем избавляться от какого-либо плагина, важно провести тщательную диагностику, поскольку некоторые плагины имеют решающее значение для вашего сайта WordPress. Эти инструменты могут помочь вам найти основную причину и выбрать наилучшее решение для ее устранения.

В следующем разделе мы увидим, как мы можем уменьшить эти запросы и предотвратить перегрузку файла admin-ajax.php.

Уверены, что ваш хостинг-провайдер не взимает дополнительную плату?

Используйте Калькулятор экономии на веб-хостинге БЕСПЛАТНО, чтобы мгновенно найти идеальный хостинг, который лучше всего соответствует вашим требованиям.

РАССЧИТАТЬ

Ускорение панели управления WordPress

Чтобы ускорить серверную часть WordPress, лучше всего отключить Heartbeat API или, по крайней мере, установить более длительный временной интервал, чтобы он не попадал на сервер каждые несколько секунд.

Установить плагин Heartbeat API

Войдите в панель администратора WordPress. Перейдите к Плагины → Добавить новый → найдите Breeze → Установите и активируйте его.

— Установить Breeze в WordPress

Настройка подключаемого модуля Breeze

Перейдите в «Настройки» → Breeze → Heartbeat API. Там вы найдете 4 различных варианта настройки Heartbeat.

1. Control Heartbeat: Вы можете переключить кнопку, чтобы включить или выключить Heartbeat API для вашего внутреннего интерфейса, редактора сообщений и внешнего интерфейса.
2. Интерфейс Heartbeat: это позволит вам изменить поведение вашего интерфейса или полностью отключить его.
3. Редактор сообщений Heartbeat: это позволит вам изменить поведение вашего редактора сообщений WP или полностью отключить его.
4. Heartbeat Backend: это позволит вам изменить поведение вашего Backend или полностью отключить его.

— Настройки Heartbeat API в Breeze

Создание нескольких правил

По умолчанию вы получаете частоту WordPress Heartbeat API по умолчанию, но вы можете создать несколько правил в зависимости от ваших требований. Например, вы можете захотеть, чтобы WordPress Backend (Dashboard) запускался через 2 минуты (120 секунд), а Post Editor — через 3 минуты (180 секунд). Для этого вам нужно создать два правила: одно для панели управления WordPress, а другое — для редактора записей. Установите их частоты на 2 и 3 минуты соответственно.

Обнаружение подключаемых модулей, использующих Heartbeat API

Теперь, когда вы все настроили, пришло время проверить, какие подключаемые модули используют файл admin-ajax.php и замедляют работу веб-сайта.

Перейдите в GTmetrix и введите URL своего сайта. Анализ сайта займет несколько минут. После этого перейдите на вкладку Waterfall, и вы увидите, сколько времени требуется файлу для подключения и ответа. Прокрутите немного вниз и посмотрите, есть ли запись для POST admin-ajax.php. Если да, разверните его и перейдите на вкладку Post. Отсюда вы можете определить плагин-виновник.

В моем случае плагин «переключатель рабочего стола» использует файл admin-ajax. php и постоянно отправляет запросы на сервер. Это время для принятия решения; либо замените его другим плагином, либо скрестите пальцы.

– POST admin-ajax.php

Резюме

Учитывая набор функций, Heartbeat API очень полезен на вашем веб-сайте WordPress. Однако при неправильном использовании он может увеличить время загрузки бэкэнда и внешнего интерфейса WordPress, отправляя туда и обратно запросы WordPress Ajax.

Есть только два решения этой проблемы. Вы можете отключить Heartbeat API/включить его только в нескольких местах или перейти на управляемый хостинг, который может обрабатывать нагрузку запросов и сокращать время отклика сервера.

В: Что такое WordPress admin-Ajax?

AJAX — это набор скриптов и технологий, позволяющих обновлять веб-страницы без перезагрузки всей страницы. WordPress admin-ajax — это файл, содержащий кодировку Ajax-запросов в WordPress. Admin-ajax строит соединение между сервером с помощью Ajax и клиентом.

В: Работает ли AJAX с WordPress?

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

Поделитесь своим мнением в разделе комментариев. КОММЕНТАРИЙ СЕЙЧАС

Поделиться этой статьей

Мустаасам Салим

Мустаасам — менеджер сообщества WordPress в Cloudways. Где он активно работает и любит делиться своими знаниями с сообществом WordPress. Когда он не работает, вы можете найти его играющим в сквош со своими друзьями, защищающимся в футболе и слушающим музыку.

Подключайтесь по телефону: Твиттер Форум сообщества

×

Получить наш информационный бюллетень