Практика объектного кеширования в WordPress

Материалы пятого митапа технической серии в латвийской WordPress группе. Митап был посвящён теме «Практика объектного кеширования в WordPress». Доклад осветил различные виды кеширования и теорию объектного кеширования, с примерами практического применения в WordPress

https://kagg.eu/meetup-object-caching-practices-in-wordpress/

Блокировка кнопки Отправить по всплывающем окне плагина Art WooCommerce Order One Click

Проблема: при нажатии на кнопку Отправить в форме Contact Form 7, данные отправляются довольно долго и пользователи могу нажать на кнопку 100500 раз, соответственно и функция отправки будет срабатывать столько же раз, и писем столько же будет приходить. Это плохо.

Решение: ничего кроме костылька блокировать кнопку через js не придумал. Вот такое решение

// disable button after clicking on submit button
<?php add_action('wp_footer', 'mycustom_wp_footer');
function mycustom_wp_footer()
{
?>
    <script type="text/javascript">
        jQuery('.wpcf7-form').submit(function() {
            jQuery(this).find(':input[type=submit]').prop('disabled', true);
            var wpcf7Elm = document.querySelector('.wpcf7');
            wpcf7Elm.addEventListener('wpcf7submit', function(event) {
                jQuery('.wpcf7-submit').prop("disabled", false);
            }, false);
            wpcf7Elm.addEventListener('wpcf7invalid', function() {
                jQuery('.wpcf7-submit').prop("disabled", false);
            }, false);
        });
    </script>
<?php
}?>

В целом, на формах выведенных просто шорткодом это будет работать. Но вот с плагином Art WooCommerce Order One Click это не сработает, так как форма вызывается через ajax и скрипт блокировки надо инициализировать после того как сработало всплывающее оно. В итоге получается вот такой костыль:

/**
 * Блокировка кнопки отправить при отправке формы CF7
 *
 * @author        Artem Abramovich
 * @testedwith    WC 8.4
 * @testedwith    AWOOC 3.0
 */
add_action( 'wp_footer', function () {

  ?>
  <script>
    jQuery( document ).ready( function ( $ ) {

      $( document.body ).on( 'awooc_popup_ajax_trigger', function ( event, data ) {
        $( '.awooc-form-custom-order div.wpcf7 > form' ).on( 'submit', function ( e ) {

          $( e.target ).find( ':input[type=submit]' ).prop( 'disabled', true );

          var wpcf7Elm = document.querySelector( '.wpcf7' );

          wpcf7Elm.addEventListener( 'wpcf7submit', function ( event ) {
            jQuery( '.wpcf7-submit' ).prop( "disabled", false );
          }, false );
          wpcf7Elm.addEventListener( 'wpcf7invalid', function () {
            jQuery( '.wpcf7-submit' ).prop( "disabled", false );
          }, false );
        } );
      } );
    } );
  </script>
  <?php

}, 1000 );

#snippet #woocommerce #awooc

Вот такая есть у меня статья, ба-а-альшая такая подборка плагинов. Можно подобрать нужное для любого сайта

https://wpruse.ru/plaginy/big-bundle-wordpress-plugin/

📩 Необходимые настройки для беспроблемной доставки доменной почты

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

Подробнее

Это про меня! Весело и задороно)

Быстрый курс по фильтрам в WordPress Block

Иногда требуется для удобства расширять существующий функционал штатных блоков. Существует множество способов такое проделать. Можно добавить пользовательский класс CSS к блоку в редакторе, пользовательский стиль или создать вариант блока.

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

👉 Подробнее

Отдельный сайт документации по WooCommerce

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

Cайт документации охватывает широкий круг тем, призванных помочь разработчикам в создании и совершенствовании WooCommerce. Вот краткий обзор того, что вы можете ожидать найти:

Начало работы
В разделе представлены основные руководства и ресурсы, разработанные специально для новичков. Он разработан, чтобы помочь вам начать свой путь разработки WooCommerce. Вы найдете подробную информацию о настройке среды разработки, присоединении к нашему процветающему сообществу Slack для поддержки и налаживания связей и многом другом.

Функции
В разделе представлены исчерпывающие руководства и ресурсы по созданию и улучшению расширений WooCommerce. В нем рассказывается о лучших практиках разработки и инновационных методах создания мощных расширений.

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

➡️ Посмотреть сайт

Создание пользовательского типа записи с помощью Gutenberg и REST API

Пример создания блока для Gutenberg, с отдельной панелью произвольных полей c получением данных в блоке по REST API

https://sanjeebaryal.com.np/custom-post-type-with-gutenberg-context/#create-profile-block