カテゴリーをアコーディオン風にしたい

Simplicityの特徴 フォーラム Simplicityについての質問 カテゴリーをアコーディオン風にしたい

8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #36426 返信
      u
      ゲスト

      こんにちは。
      いつもお世話になっています。
      Simplicity2を使わせて頂いています。
      一つ質問があります。
      カテゴリーが沢山あって階層に分かれているのでアコーディオン風に表示したいと思いました。
      それで、検索して、
      WPB Accordion Menu or Category
      というのを見つけたので、試してみました。
      そうすると、このプラグインは、以下のようなshortcodeを記事に埋め込めば確かにその記事中で、アコーディオンでカテゴリー表示ができました。
      [wpb_category_accordion taxonomy=”category” ‘orderby’ = ‘name’ ‘order’ = ‘ASC’ ‘show_count’ = ‘no’ ‘hide_empty’ = ‘yes’]

      でも、私がやりたいのは、Simplicityの右側に出て来るカテゴリー表示をアコーディオン風にしたいのですが、お勧めの方法がありましたら教えて下さい。

    • #36427 返信
      アバター画像わいひら
      キーマスター

      こんにちは。

      カテゴリのアコーディオン表示ですが、そのショートコードをテキストウィジェットに入れるのではダメでしょうか?

      一応Simplicityは、テキストウィジェットのショートコードに対応しています。

      //テキストウィジェットでショートコードを使用する
      add_filter('widget_text', 'do_shortcode');
    • #36429 返信
      u
      ゲスト

      わいひらさん
      素早いお返事大変ありがとうございました。
      上手く出来ました。
      最初は、
      [S]パソコン用テキストウィジェット
      と言うのに貼ったのですが、そしたら貼ったショートコードが文字列としてそのまま表示されてしまいました。
      次に、
      テキスト
      というのに貼ったら上手く行きました。
      その辺りの違いが良く分かっていないのですが、とにかく上手く行きました。
      大変感謝します。

    • #36431 返信
      Hidekichi
      ゲスト

      フッターのアーカイブだったらレスポンシブで以下のようなサンプルを作ってたんですけれども(笑)

      サンプル: Simplicity フッターアーカイブのデザイン案 | codepen

    • #36449 返信
      u
      ゲスト

      Hidekichiさん、
      サンプル拝見しました。
      とてもよく出来ていると思います。
      この機能もショートコードか何かでWordPressで利用できるようになりませんか?

    • #36457 返信
      アバター画像わいひら
      キーマスター

      「[S]パソコン用テキストウィジェット」ではできません。

      カテゴリのアコーディオン表示ですが、そのショートコードをテキストウィジェットに入れるのではダメでしょうか?

      なのでテキストウィジェットと書きました。
      「[S]パソコン用テキストウィジェット」はSimplicityが独自に機能追加したウィジェットです。
      独自テキストウィジェットをショートコードに対応させる方法が、いまいちわからないので、そのようになっています。

    • #36481 返信
      u
      ゲスト

      わいひらさん
      わざわざお返事ありがとうございました。
      私は、WordPressを5か月くらい使っているのですが、ウィジェットというものが良く分かっていません。
      それで、設定の画面に入ったら、「テキスト」と書いてあるのが
        [S]パソコン用テキストウィジェット
        テキスト
      の二つ有ったのですが、後者は単に「テキスト」なのでそれは「テキストウィジェット」と言う物とは別物かなあと思いました。
      それで、最初に前者を試したのです。
      この「テキスト」と言うのが「テキストウィジェット」なんですね。
      このサポートフォーラムで色々勉強させて頂いています。
      今回も助かりました。
      皆さん大変有難うございます。

    • #36483 返信
      Hidekichi
      ゲスト

      サンプルのは、jQueryのセレクタを変えたらサイドバーでもどこでも適用できると思います。
      ショートコードは結局関数を読み込んで、それにあったhtmlやらデータの出力をしているだけで、デザインやらはcssです。

      アーカイブとかは、サイドバーかフッターぐらいしか使わないと思うので、どちらかあるいはどちらにも適用すればよいだけなんですけど、サンプルのはデフォルトのいわゆるリスト表示で、投稿記事数が入ってないとダメですかね。
      アーカイブの表示方法はウィジェット画面でドロップダウンも選べますが、その場合はhtmlの構造が異なるのでサンプルでは機能しません。

    • #36528 返信
      アバター画像わいひら
      キーマスター

      hidekichiさんの#36431のコードを参考に、次のバージョンで、アーカイブウィジェットの折り畳み機能を実装してみようと思います。
      うまくいくかはわかりませんが。

8件の返信スレッドを表示中
返信先: カテゴリーをアコーディオン風にしたい
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)