ボタンクリックしてもなにも起こらない

  • 初めまして。
    プラグイン制作?提供誠にありがとうございます。

    あまりWordPressなど詳しくないので恐縮ですが
    導入方法についてご教示いただけたらと思います。

    利用しているWordPressバージョン：5.8.2

    【困っていること】
    1. ボタンをクリックしてもなにも起きない
    2. my_favorite_select_button以外表示されない

    行った内容は以下です。
    1. プラグインインストール＋有効化
    2. ショートカットコードを以下のようにphpファイルに設置

    <?php 
    $postID = the_ID();
    echo do_shortcode('[ccc_my_favorite_select_button post_id="'. $postID .'" text="favoriteButton" style="myStyleName"]'); 
?>

<?php echo do_shortcode('[ccc_my_favorite_list_menu slug="favorite" text="test" style="string"]'); ?>
<?php echo do_shortcode('[ccc_my_favorite_list_results class="string" style="string" posts_per_page="" excerpt=""]'); ?>

    3. ブラウザ上で出力を確認

    <div class="ccc-favorite-post-toggle" data-ccc_my_favorites-select_button-style="myStyleName">
　　<a href="#" class="ccc-favorite-post-toggle-button" data-post_id-ccc_favorite="6296">
　　　　<span class="text">favoriteButton</span>
　　</a>
</div>

<div class="ccc-favorite-post-count" data-ccc_my_favorites-menu-style="string">
　　<a href="//localhost:3000/favorite/">
　　　　<span class="num"></span>
　　　　<span class="text">test</span>
　　</a>
</div>

<div id="ccc-my_favorite-list" data-ccc_my_favorites-list-style="string" data-ccc_my_favorite-excerpt="0" data-ccc_my_favorite-posts_per_page="100" class="string"></div>

    画面上にはボタン（my_favorite_select_button）は表示されますが、クリックしてもなにも起きません。
    （select.jsが動作してない？）

    また、Googleの検証ツールで確認したところ
    .ccc-favorite-post-count がdisplay:noneになっており画面上に表示されないようなのですが
    具体的にはどの属性地にどのようなものを入力したらうまく表示されたり動いたりしますでしょうか。

    備考：
    functions.phpなどはなにも書き加えておりません。
    https と localhostで検証しておりますがともに事象に変わりありません。

    拙い質問で申し訳ございません。
    ご確認よろしくお願いいたします。

    • This topic was modified 2 years, 1 month ago by suzumee.
    • This topic was modified 2 years, 1 month ago by suzumee.
    • This topic was modified 2 years, 1 month ago by suzumee.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takashi Matsuyama

    (@takashimatsuyama)

    こんにちは @suzumee さん
    ご質問ありがとうございます。

    まずは、お使いのテーマやコア、その他のプラグインとの互換性があるのか確認するために、
    管理画面の投稿エディターにショートコードを追加してください。

    No.1： ショートコードブロックに追加
    [ccc_my_favorite_select_button]

    No.2： ショートコードブロックに追加
    [ccc_my_favorite_list_menu]

    No.3： ショートコードブロックに追加
    [ccc_my_favorite_list_results]

    まずは、No.1 のみを試してください。
    そして、その投稿を表示して動作確認してください。
    これが動作していれば、次に No.2 と No.3 を順番に試してください。

    これらが全て動作すれば、互換性はあると思います。
    その後、テンプレートにPHPで記述した際に動作しなくなるのであれば、他の問題を探す必要があります。

    まずは、上記の動作確認を試していただければ幸いです。

    —-

    Hello, @suzumee
    Thank you for your question.

    First, to make sure we are compatible with your theme, core, and other plugins
    Please add the shortcode to your post editor in the admin panel.

    No. 1: Add to the shortcode block.
    [ccc_my_favorite_select_button]

    No.2: Add to shortcode block.
    [ccc_my_favorite_list_menu]

    No.3: Add to shortcode block.
    [ccc_my_favorite_list_results]

    First, try only No. 1.
    Then, display the post and check that it works.
    If this works, then try No. 2 and No. 3 in turn.

    If all of these work, then I think there is compatibility.
    If they then stop working when written in PHP in the template, then you need to look for other problems.

    I would be happy if you could try the above operation checks first.

    Thanks

    Thread Starter suzumee

    (@suzumee)

    @takashimatsuyama
    早速ご確認いただきましてありがとうございます。
    大変感謝でいっぱいでございます。

    結論PHP上で入力した際と変化ありませんでした。

    PHPではなく管理画面からそれぞれ入力してみました結果、以下のようになりました。
    No.1　：「ハートマーク」のみ表示される（クリック時の挙動はやはりなし）
    No.2：HTML上には出力されているものの、display:noneで画面上表示なし
    No.3：HTML上には出力されているものの、overflow:hiddenで画面上表示なし
    （※１：No.1、２、３それぞれ単体入力とすべて入力時で試しています）
    （※２：「投稿エディター」とございましたがサイト構造上固定ページから試しています。）

    他試せる方法などございますでしょうか。
    他にない場合、ここから推測するに他プラグインが邪魔している可能性が高いということなのでしょうか。

    お手数をおかけしておりますが、よろしくお願いいたします。

    • This reply was modified 2 years, 1 month ago by suzumee.
    Plugin Author Takashi Matsuyama

    (@takashimatsuyama)

    こんにちは @suzumee
    試していただき、ありがとうございます。

    No.1 – 3 が全て動作しないということは、お使いのテーマと互換性が無いか他のプラグインと競合している可能性が高いです。

    他に試せる方法としては、下記のような方法が考えられます。

    • お使いのテーマで他のプラグインを停止して No.1 – 3 を試してください。
    • 標準のテーマ（Twenty Twenty-One 等）で他のプラグインを使用して No.1 – 3 を試してください。
    • 標準のテーマ（Twenty Twenty-One 等）で他のプラグインを停止して No.1 – 3 を試してください。

    —-

    Hello, @suzumee
    Thank you for trying.

    If No. 1 – 3 all do not work, then it is most likely incompatible with your theme or conflicts with other plugins.

    Other possible methods you can try include the following

    • Try No. 1 – 3 with your theme with other plugins deactivated.
    • Try No. 1 – 3 with other plugins in a standard theme (e.g. Twenty Twenty-One).
    • Try No. 1 – 3 with the standard theme (e.g. Twenty Twenty-One) with other plugins deactivated.

    Thanks

    Thread Starter suzumee

    (@suzumee)

    @takashimatsuyama
    ご確認ありがとうございます。
    試してみたところ、プラグイン側ではなくどうやらテーマファイルに互換性がないようです。
    既存のTwenty Twenty-One 等のテーマファイルで確認したところ問題なく動作しました。
    （クリック後の挙動も確認済み）

    これ以降はおそらく私側で原因の調査および解消を実施すべき範疇かと存じますので
    ここまでご協力いただきましたこと誠にありがとうございました。

    本プラグインの制作に留まらず本件の温かいサポート、本当にありがとうございました。
    引き続きこちら利用できるよう頑張ります。

    Plugin Author Takashi Matsuyama

    (@takashimatsuyama)

    こんにちは @suzumee

    その後どうですか？
    もしかすると、お使いのテーマはjQueryを使用していないか、もしくは挿入される順番がこのプラグインより後ろになっているなどが原因かもしれないですね。

    Hi, @suzumee

    How about after that?
    Maybe the theme does not use jQuery, or the order in which it is inserted is later than this plugin, etc.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘ボタンクリックしてもなにも起こらない’ is closed to new replies.