Stinger3 スマホページ読み込み中にカテゴリメニューのアコーディオンが開かないようにする方法
[カテゴリ]デザイン
当サイトではStinger3というWordPressのテーマを使用しています。
多くのサイトで使用されている非常に人気の高いテーマなんですが、以前から微妙に気になる部分がありました。
それは、スマートフォンで表示した時、ページの読み込み中にカテゴリメニューのアコーディオンが開いてしまうことです。
一度くらいなら大して気にならないんですが、ページを移動するたびにアコーディオンが開くので、何ページもみていただく場合はちょっと嫌ですよね。
なので解決方法はないかと検索してみると、Stinger3の開発者であるENJIさんがご自身のサイトで解決方法を書かれていました。
<参考:WordPressテーマのSTINGER3公式サイトより>スマートフォンで読み込み時にメニューのアコーディオンが開かないようにする
Stinger3でスマホページ読み込み時にアコーディオンメニューが開かないようにする方法
WordPressの管理画面の、
外観 >> テーマ編集 >> smart.css
の中にある
.acordion_tree
の中に、
display: none;
と追記するだけでスマホページ読み込み中にアコーディオンメニューが開かないようになります。
.acordion_tree { display: none; }
あっさりと解決しました。
こんなことなら早くやっておけばよかったです。
Stinger3を使用されているサイトをいくつかチェックしてみると、既に対応済みの方もいれば、未対応もサイトもありました。
なのでスマホページ読み込み中に開いてしまうアコーディオンメニューが気になっている方は、サクッと解決しちゃいましょう。
関連コンテンツ
-
おすすめのwebデザインリンク集サイト『MUUUUU.ORG(ムーオルグ)』
webサイトをデザインする際やクライアントとデザインイメージを共有する際に活用することが多い「webデザインリンク集サイト」。 「webデザイン リンク集」…
-
ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト
10月31日のHalloweenに向けて、様々なキャンペーンやイベントの特設サイトがリリースされてきています。そこで、ハロウィーン関係のキャンペーンページや特…
-
バナー広告のデザイン制作で参考になるデザインリンク集まとめ厳選3サイト
バナー広告のデザインってほんとに奥が深いですよね。 あの小さなサイズの中にデザインのノウハウやマーケティング戦略、ブランド戦略などがギッシリと詰まっているわ…
-
スマホサイト制作の参考になるデザイン集サイトまとめ
ここ数年の間にスマートフォンが急速に普及したことで、webデザイナーにとってもスマホサイト制作のスキルが必須となってきました。 私自身もスマホサイト制作のご…
-
“カワイイ”webデザインの多くはおっさんが作っている3つの理由
キャラクターやアイドル、レディースアパレルといったジャンルを中心に、世の中にあふれる“カワイイ”webデザイン。 実はその多くがおっさん(中年男性)によって…
-
なぜWebデザイン制作を依頼する人は、やたらと高級感を求めるのか
仕事でwebデザインを制作する際、依頼いただいたクライアントから希望のデザインイメージについて着手前にヒアリングをするのですが、この時なぜか「高級感を出して」…
-
バナーをデザインする時に意識すべきこと
webデザインの仕事をしている方なら、常日頃から多くのバナーを作っていますよね。 私自身も普段さまざまなジャンルのバナー制作を依頼されてデザインしています。…
-
初めてスマホサイトをデザイン制作する時の注意点12項目
ここ数年、メディアで取り上げられるweb・IT系の話題はスマートフォンに関係するものが多く、パソコンは影の薄い存在になりました。 私は普段仕事で主にPCサイ…