サポート » プラグイン » AnsPressの質問ページで子カテゴリーを色分けしたい

  • 解決済 torasan

    (@torasan)


    お世話になります。

    AnsPressというプラグインがあるのですが、カテゴリーを親子関係にしても、質問ページでプルダウン表示される際に親子の区別がありません。
    (子カテゴリーだけ段落が下がるということも無い…)

    親子関係のカテゴリーを、もっとわかりやすく表示したいと考えているのですが、子カテゴリーだけ色を付けるといったことは可能でしょうか?

    出来れば「Yahoo!知恵袋」のように「大分類」「中分類」「小分類」のような分け方をしたいのですが、とりあえず子カテゴリーだけでも色分けしたいと考えております。

    テンプレートファイルを見るに、”ap.min.js”が制御していると思うのですが、私には難しくて分かりませんでした…。

    お力添えを頂ければと存じます。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • CG

    (@du-bist-der-lenz)

    スタイルシートで調整できない、ということですか。

    トピック投稿者 torasan

    (@torasan)

    CG様、返信ありがとうございます。

    >スタイルシートで調整できない、ということですか。

    CSSの編集で何とか出来ればよいのですが、
    AnsPressで親カテゴリー「関東」、子カテゴリー「各都道府県」を設定しますと以下のようなソースになります。

    <select name=”form_question[category]” id=”form_question-category” class=”ap-form-control “>
    <option value=””>一覧から選んで選択して下さい。</option>
    <option value=”1″ >関東</option>
    <option value=”2″ >東京</option>
    <option value=”3″ >千葉</option>
    <option value=”4″ >神奈川</option>
    <option value=”5″ >埼玉</option>
    <option value=”6″ >茨城</option>
    <option value=”7″ >栃木</option>
    <option value=”8″ >群馬</option>
    </select>

    AnsPressの場合、セレクトボックスで親と子が同じ様に表示されるので子カテゴリーにだけstyleを出力させる方法が分からないと、色分けが出来ないということになります。

    トピック投稿者 torasan

    (@torasan)

    色分けが無理ならば子カテゴリーのみインデントさせることはできないでしょうか?
    階層形式で表示させたいのです。

    こんにちは

    AnsPress form and validation API でカスタムフォームを作成すればできそうです。
    https://anspress.io/resources/faq/anspress-form-and-validation-api/

    ただし、それなりの作業(コーディング)が必要そうです。
    JavaScript で変更するのが手っ取り早いかもしれません。

    例:

    function my_enqueue_scripts() { 
    	$script = <<<SCRIPT 
    jQuery(function($) { 
      $(document).ready(function() { 
        $("#form_question option:contains('関東')").prop("disabled", true); 
        $("#form_question option:contains('千葉')").css("color", "#ff0000");
      }); 
    }); 
    SCRIPT; 
    	wp_add_inline_script( 'jquery-core', $script ); 
    } 
    add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
    トピック投稿者 torasan

    (@torasan)

    ishitaka様

    返信ありがとうございます。

    >AnsPress form and validation API でカスタムフォームを作成すればできそうです。
    >https://anspress.io/resources/faq/anspress-form-and-validation-api/

    そのようなのですが、さっぱり分かりません(^^;)
    色々試行錯誤しているのですが、
    1.custom-form.phpはどこに置けばいいのか?
    2.anspress() – > get_form( ‘sample_form’) – > generate();
    はどのファイルに書けばいいのか?
    AnsPressのフォーラムで質問しても全く返答がないので半ば諦め気味です。

    とりあえず強引に”includes/class-form-hooks.php”の38行目以降に、
    新しいフィールドを挿入することまでは出来ました。

    JavaScriptで色分けするコードはテーマのfunction.phpの記述すればよいのでしょうか?

    現在は色々試してみた結果、プルダウン表示の際に、親カテゴリーと子カテゴリーが階層上にならない(子カテゴリだけインデントされない)ので子カテゴリーのの代わりにタグを使い、
    タグをプルダウン化しようと思っているのですが、

    tags.php内の
    ‘type’ => ‘tags’を
    ‘type’ => ‘select’にしてもタグに設定した項目が表示されません。

    ついでにお聞きする形で大変申し訳ないのですが、
    この件について何か良い方法はありますでしょうか?

    AnsPressはカスタマイズが容易ということだったのですが、
    思った以上に難しく、またカスタマイズの参考になるサイトがほとんどないので難渋しております。
    ご指導頂ければ幸いです。

    JavaScriptで色分けするコードはテーマのfunction.phpの記述すればよいのでしょうか?

    はい、テーマの functions.php などに記述します。なお、コードはあくまでも例です。そのままでは動作しません。

    この件について何か良い方法はありますでしょうか?

    すみません、AnsPress プラグインを使用したことがなく詳しいことは分かりません。m(__)m
    プラグインのサポートページ(英語ですが)があるので、そちらを利用されてみてはどうでしょうか?
    https://anspress.io/questions/

    トピック投稿者 torasan

    (@torasan)

    ishitaka様

    はい、テーマの functions.php などに記述します。なお、コードはあくまでも例です。そのままでは動作しません。

    コード動きました。なるほど、こういうやり方があるのですね。

    すみません、AnsPress プラグインを使用したことがなく詳しいことは分かりません。m(__)m
    プラグインのサポートページ(英語ですが)があるので、そちらを利用されてみてはどうでしょうか?
    https://anspress.io/questions/

    こちらこそ無理をいってすみませんでした。
    あとは自力でなんとかします。有難うございました。

    トピック投稿者 torasan

    (@torasan)

    どうも色分けだけだとカテゴリーが増えたときに対応大変そうなので、新たにトピックを立てることにしました。
    アドバイスを頂いた皆様ありがとうございました。、

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「AnsPressの質問ページで子カテゴリーを色分けしたい」には新たに返信することはできません。