カテゴリー: Wordpress

  • WordPress Category Listing ERROR on KANSO Theme

    WordPress Category Listing ERROR on KANSO Theme


    widget_embedder.js:106 [Deprecation]Listener added for a ‘DOMNodeInserted’ mutation event. Support for this event type has been removed, and this event will no longer be fired. See https://chromestatus.com/feature/5083947249172480 for more information.


    エラー メッセージは次のようになっています:

    widget_embedder.js:106  [Deprecation] Listener added for a 'DOMNodeInserted' mutation event. Support for this event type has been removed, and this event will no longer be fired. See https://chromestatus.com/feature/5083947249172480 for more information.

    これは、DOMNodeInserted というミューテーションイベント(DOM変化イベント)が非推奨になり、サポートが廃止されたことを示しています。ミューテーションイベントは、DOM(ドキュメントオブジェクトモデル)に変更が加えられたときにトリガーされるイベントのことです。しかし、このイベントはパフォーマンスの問題やブラウザのクラッシュを引き起こす可能性があるため、最新のブラウザではサポートされなくなりました。

    修正方法

    このエラーを修正するには、MutationObserver を使用して同様の機能を実装することをお勧めします。MutationObserver は、DOMの変更を監視し、指定された変更が発生したときにコールバック関数を実行する新しいAPIです。以下に簡単な例を示します:

    // 古いミューテーションイベントの使用例
    target.addEventListener('DOMNodeInserted', event => doSomething(event.target));
    
    // 新しい MutationObserver を使用したコード
    const observer = new MutationObserver(mutationList => {
      mutationList.forEach(mutation => {
        if (mutation.type === 'childList') {
          mutation.addedNodes.forEach(doSomething);
        }
      });
    });
    
    observer.observe(target, { childList: true, subtree: true });

    このように、MutationObserver を使うことで、DOMの変化に対して効率的かつ安全に対応できます。

  • Font Family in WordPress

    Font Family -ABeeZee

    Font Family -Abel

    Font Family -Abhaya Libre

    Font Family -Aboreto

    Font Family -Abril Fatface

    Font Family -Abyssinca SIL

    Font Family -Aclonica

    Font Family -Acme

    Font Family -Actor

    Font Family -Noto Sans

    Font Family -Montserrat

    Font Family -Roboto

    Font Family -Playfair Display

    Font Family -Raleway

    Font Family -Oswald

    Font Family -Comfortaa

    Font Family -Baskerville

    Font Family -Bebas Neue

    Font Family -Arvo

    Font Family -Lato

  • WordPressのCronシステムを表示、管理する。WP Control

    WP Crontrol – WordPress plugin | WordPress.org

    WP Crontrolを使用すると、WP-Cronシステムで何が起こっているかを表示し、制御することができます。
    管理画面から次のことができます。

    • すべての cron イベントとその引数、繰り返し、コールバック関数、およびそれらが次の期限になるときも表示します。
    • すべての cron イベントを編集、削除、および直ちに実行します。
    • 新しい cron イベントを追加します。
    • cron イベントを一括削除します。
    • カスタム cron スケジュールを追加および削除します。

    WP Crontrol はタイムゾーンを認識しており、アクションがないイベントやスケジュールを逃したイベントを警告し、cron システムが動作していない場合(サーバーがスケジュールされた cron イベントを起動するために自分自身に接続できない場合など)、警告メッセージを表示します。

  • WordPressでtagの一覧を取得する方法

    $terms = get_tags();

    これでtagの一覧が取得できる。
    ところが、tag登録していても利用されていないtagはこの一覧に出てこない。

    WP_Term_Query::__construct() | Method | WordPress Developer Resources

    $this->query_var_defaults = array(
            'taxonomy'               => null,
            'object_ids'             => null,
            'orderby'                => 'name',
            'order'                  => 'ASC',
            'hide_empty'             => true,
            'include'                => array(),
            'exclude'                => array(),
            'exclude_tree'           => array(),
            'number'                 => '',
            'offset'                 => '',
            'fields'                 => 'all',
            'count'                  => false,
            'name'                   => '',
            'slug'                   => '',
            'term_taxonomy_id'       => '',
            'hierarchical'           => true,
            'search'                 => '',
            'name__like'             => '',
            'description__like'      => '',
            'pad_counts'             => false,
            'get'                    => '',
            'child_of'               => 0,
            'parent'                 => '',
            'childless'              => false,
            'cache_domain'           => 'core',
            'update_term_meta_cache' => true,
            'meta_query'             => '',
            'meta_key'               => '',
            'meta_value'             => '',
            'meta_type'              => '',
            'meta_compare'           => '',
        );

    ‘hide_empty’ => true の指定をfalseに変更すればいい。

    $args = array(
      'hide_empty' => false
    );
    $terms = get_tags($args);