Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
アコーディオンの中にアコーディオンを入...
 
通知
すべてクリア

アコーディオンの中にアコーディオンを入れ子で設置したときに、上位のアコーディオンのカラーが入れ子のアコーディオンのカラーに影響を及ぼす

4 投稿
2 ユーザー
0 Likes
692 表示
kono0503
(@kono0503)
投稿: 5
メンバー
Topic starter
 

例えばですが、
h2属性のアコーディオン中にh3属性のアコーディオンを設置した場合

h2アコーディオンにメインカラーを設定してしまうと、入れ子のh3アコーディオンのカラーが上位のアコーディオンのカラーに影響されてしまい変更できない

逆にh2アコーディオンのカラーをデフォルト、入れ子のh3アコーディオンのカラーがメインカラーに設定した場合、別々の色にアコーディオンのカラーをすることができます。

よろしくお願い致します。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.8.3
利用中のPHPバージョン
8
OS
Windows
利用中のWordPressバージョン
6.3
利用中のサーバー会社
エックスサーバー
ブラウザ
chrome
利用中のプラグイン一覧

EWWW Image Optimizer
Pretty Links
SEO SIMPLE PACK
XML Sitemap & Google News

 
投稿済 : 27/08/2023 11:25 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

ちょっと確認してみます。
アコーディオンをネストするのってあまり見かけないんですが、どういうユースケースですかね?

SWELL開発者です。

 
投稿済 : 02/09/2023 9:20 pm
kono0503
(@kono0503)
投稿: 5
メンバー
Topic starter
 

@loos_ryo 

お世話になっております。

 

https://ai-sns.com/seo-taisaku/

閲覧キーワード:000

 

上記のようにアコーディオンをメインに使っているマニュアルサイトだと

アコーディオン(h2)の中に、さらにアコーディオン(h3、h4)などを設置する入れ子状態にしています。

 

h4まで階層が下がるとアコーディオンの色が同じだとユーザーが混乱してしまいます。

h2は濃い色、h3、h4は別の色にできるとメリハリがついてユーザーが使いやすくなると考えております。

 

お手数をおかけしますが

ご検討いただけると嬉しいです。

 

現状、個別でアコーディオンの色を調整する機能は無いので

メインカラーとデフォルトカラーの2種類を使っています。

 

デフォルトカラーで設定したアコーディオン内(入れ子)にメインカラーを設定したアコーディオンを設定すると

デフォルトカラー、メインカラーで問題なく設定できます。

 

メインカラーで設定したアコーディオン内(入れ子)にデフォルトカラーを設定したアコーディオンを設定すると

下の入れ子のアコーディオンがデフォルトカラーではなく、メインカラーで表示されてしまいます。

 

よろしくお願い致します。

 
投稿済 : 03/09/2023 11:59 am
kono0503
(@kono0503)
投稿: 5
メンバー
Topic starter
 

@loos_ryo 

 

お世話になっております

アコーディオンの色分けの件、いかがでしょうか?

 

CSSで個別対応したほうが良いでしょうか…。

 

お手数をおかけしますが

よろしくお願いします

 
投稿済 : 17/09/2023 3:01 pm
共有: