2

モバイル対応のテーマを使用して、Joomla 3 の新しいサイトに取り組んでいます。モバイルデバイス（iPhoneなど）の訪問者のためにいくつかのモジュールを非表示にする方法を教えてください。2 つのモジュールに長いバナーがありますが、コンピューターのブラウザーでそのサイトにアクセスすると見栄えがします。しかし、誰かがモバイルデバイスで私のサイトにアクセスした場合、どうすればこのモジュールを非表示にできますか? 長すぎて見晴らしが悪い…

4

3 に答える 3

3

テンプレートが Bootstrap を使用していると仮定すると (ほとんどの 3.0 テンプレートはそうなるでしょう)、モジュールに特別なクラスを追加するだけで、電話に対して非表示にすることができます。モジュールを編集するときは、[オプション] -> [詳細オプション] に移動し、[モジュール クラス サフィックス] を追加するボックスを探します。767px 未満の画面サイズを非表示にするために、「hidden-phone」を追加します (一部のモジュールではスペースが配置されないため、最初にスペースが重要です...)。767px から 979px の幅で非表示にする場合は、「hidden-tablet」もリストに追加します (これもスペースで区切ります)。

于 2013-04-19T20:39:18.323 に答える
2

これが最善の解決策かどうかはわかりませんが、今考えている解決策です。

JBrowser クラスを使用できます

$browser = JBrowser::getInstance(); $browser->isMobile()

ブール値を返します。

モジュールをテンプレートから直接非表示にすることができます。

于 2013-04-19T18:43:06.220 に答える
1

新しいバージョンのブートストラップには、モジュールを非表示にするための新しい css 名があります。http://getbootstrap.com/css/ で確認してください。

例: 「hidden-xs」は古い「hidden-phone」を表します。

ただし、まだ問題があり、「hidden-phone」も「hidden-xs」も機能しない場合。このクラスを自分で追加できます。

次のコードを Css ファイル (style.css または custom.css) の 1 つに追加します。

    @media (max-width : 768px) {
  .hidden-phone {
        display: none;
  }
}

次に、上記のアドバイスに従い、モジュール クラス サフィックスを目的のモジュールに追加します。

モジュールを編集するときは、[オプション] -> [詳細オプション] に移動し、[モジュール クラス サフィックス] を追加するボックスを探します。「隠し電話」を追加

于 2015-10-22T12:27:37.227 に答える