スマホでウィジェットのフローティングメニューを表示したい

Simplicityの特徴 フォーラム Simplicityについての質問 スマホでウィジェットのフローティングメニューを表示したい

  • このトピックには14件の返信、2人の参加者があり、最後にアバター画像わいひらにより11年前に更新されました。
14件の返信スレッドを表示中
  • 投稿者
    投稿
    • #25764
      ひでぞう
      ゲスト

      わいひらさん、みなさん、いつもありがとうございます。

      http://wp-simplicity.com/
      …をスマホ(iPod touch5)で表示させると、フローティングメニューで…、

      Menu Search Top Sidebar

      …と出ますが、私のサイトではこれが出ません。
      この出し方をご教授頂きたく、お願い致します。

    • #25768
      アバター画像わいひら
      キーマスター

      「外観→カスタマイズ→レイアウト(全体・リスト)」の「モバイルメニュータイプ」を「スライドイン(ライト)」などにしてみてください。

    • #25770
      ひでぞう
      ゲスト

      わいひらさん、こんばんは!
      さっそくありがとうございます。

      レイアウト(全体・リスト)→モバイルメニュータイプ、ですが…、
       ・アコーディオン(デフォルト)
       ・モーダルメニュー
      …の2つしか表示されていませんでしたが、完全レスポンシブデザインにするのチェックを外すと「スライドイン」が表示されました。但し…、
       ・表示は「スライドイン」だけであり、「スライドイン(ライト)」となっていない
       ・スマホでフローティングメニューの表示はできましたが、レスポンシブを外しているので当然、スマホに合った大きさの表示にならない。
      …ので困っております。

      simplicityのサイトをスマホで見ると、レスポンシブ(スマホ最適サイズ)になり、なおかつフローティングメニューが出ていますので、最終的にこのカタチにしたいのですが…。
      お手数ですが、再度ご教授のほど、お願い致します。

    • #25778
      アバター画像わいひら
      キーマスター

      機能の説明に以下のようにあるように

      モバイルメニュータイプ
      モバイル時、メニューボタンを押したときのスタイルです。(※スライドイン機能は「完全レスポンシブ」機能がオンの時は利用できません)

      スライドインは、完全レスポンシブ機能がオンになっていると利用できません。このサイトも、完全レスポンシブ機能はオフになっています。

      あと「スライドイン(ライト)」は、最新版から利用できます。
      http://wp-simplicity.com/simplicity1-6-2/

    • #25788
      ひでぞう
      ゲスト

      わいひらさん、ご返信ありがとうございます。

      さっそく最新版(バージョン:1.6.2 20150414)を入れてみましたが、完全レスポンシブをオフにしても…、
      ・アコーディオン(デフォルト)
      ・アコーディオンツリー
      ・モーダルメニュー
      …と表示され、スライドイン(ライト)は表示されません。

      何度もすいませんが、どのようにすればよいでしょうか?

    • #25789
      アバター画像わいひら
      キーマスター

      設定後、テーマカスタマイザー上でリロードをされましたでしょうか?

    • #25797
      ひでぞう
      ゲスト

      はい、グーグルクロームのリロードもしていますし、WordPressの「保存して公開」もしています。

    • #25809
      アバター画像わいひら
      キーマスター

      こちらの、ローカル環境でも、WEB環境でもそのようなことは起こらないので、現状までの情報では、原因がわからないです。

      今は動作不良時のガイドラインを試してみることぐらいしか思いつかないです。

    • #25837
      ひでぞう
      ゲスト

      わいひらさん、こんばんは。
      いろいろとありがとうございます。
      ただ、動作不良時のガイドラインも試しましたが、やはりダメでした。

      フローティングメニューは諦めるとして、スマホで「検索」とか「人気記事」などのウィジェットが表示されないのはやはり不便ですので…、

      サイトタイトル

      記事本文

      ★検索
      ★人気記事
      ★カテゴリー

      …というように表示したいと考えております(★印の項目をスマホでも表示したい。現在、★印の項目はPCサイトだと右側のスクロール追従領域に置いてあります)。

      何度もご面倒をお掛けしますが、何とぞお願い致しますm(__)m

    • #25849
      アバター画像わいひら
      キーマスター

      #25837は、質問なのか質問でないのか、質問だった場合は、質問の意図が、ちょっとわからないです。

    • #25888
      ひでぞう
      ゲスト

      わかりづらくてすいません。

      スマホで表示したとき、記事本文の下に検索や人気記事、カテゴリーなどを表示したいので、そのやり方をお教え頂ければ幸いです。

    • #25889
      アバター画像わいひら
      キーマスター

      以下のプラグインを利用して、「投稿本文下」ウィジェットにウィジェットを放り込むといけるのではないかと思います。
      WordPressのウィジェット単位で条件分岐出来る様にするプラグイン・Widget Logic – かちびと.net
      条件分岐はis_mobile()かwp_is_mobile()あたりにして。

    • #25939
      ひでぞう
      ゲスト

      わいひらさん、こんばんは。 ようやくできました!!
      今回は何度もすいませんんでした&ありがとうございました!

      1. 「スクロール追従領域」に各ウィジェット(テキスト、検索、人気記事ランキング、アーカイブなど)を入れていたのでスマホ表示されなかった(「サイドバー」に入れればPCはもちろん、スマホでも表示される←この仕様を知りませんでしたorz)。
      2. しかしPCで「サイドバー」を表示したくない。
      3. …なので「サイドバー」にも「スクロール追従領域」と同じ各ウィジェットを入れて…、
      4. …プラグイン「Widget Logic」を入れる→「サイドバー」の各ウィジェットの「Widget logic: 」欄に「is_mobile()」と入力する。
      5. するとPCでは「スクロール追従領域」の各ウィジェットが表示され、スマホでは「サイドバー」の各ウィジェットが表示されるようになった!

      …という流れでメデタク解決しました。

      これでまたひとつ、ユーザビリティが向上しました!
      いつもありがとうございます。
      そして今回も本当にありがとうございましたm(__)m

    • #25942
      hiro
      ゲスト

      お世話になってます。
      フローティングメニューなんですが子テーマ(サムネイルリスト)を使うとフローティングメニューが出てきませんがこれはこれでしょうがないのでしょうか?
      因みに管理画面ではスライドの項目があります。

      出来れば子テーマ(サムネイルリスト)でもフローティングメニューを使いたいので方法があれば是非教えてください。よろしくお願いします。

    • #25959
      アバター画像わいひら
      キーマスター

      一度、無印の子テーマを利用してスライドイン機能を利用して試してみてください。

      子テーマを使用しなくても、テーマカスタマイザーから「サムネイルリスト」の設定は、行えるので機能を使って表示させるのがいいかもしれません。

      あとその他の要因として、以下に書かれていることが原因で起こることもありえます。
      動作不良時のガイドライン

14件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)