スライドイン機能のサイドバーとメニューに途中でやめる機能がほしいです。

Simplicityの特徴 › フォーラム › 要望・機能追加など › スライドイン機能のサイドバーとメニューに途中でやめる機能がほしいです。

26件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27282
      mchan
      ゲスト

      お世話になっています。

      スマホのスライドインの件です。

      サイドバーとメニューを開いた時、上部に「×」が出て便利なのですが、下にスクロールして行き途中で閉じたい時にはどのように閉じるのでしょうか?

      わたしが探せていないだけだったらすみません。

      上部に「×」が表示されたまま、もしくは途中や最後でもすぐに閉じれれる仕様があるとより便利だと思いました。いかがでしょうか?

    • #27283
      mchan
      ゲスト

      すみません。今「WordPressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法」を読ませていただきました。

      使用機種はiPhone5sです。
      もしかすると、スライドインしてくるとメニューやサイドバーのボタンが×にかわる機能が上手く表示されていないのでしょうか?

      もう一つお願いなのですが、スライドインを上部に表示した時にも、下に表示されるトップへ戻るボタンを表示するか否か選べるようにしていただけないでしょうか?

      手が小さめなので、スマホを持っている位置によって画面全部には指が届かないのです。わたしは5そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。

    • #27284
      mchan
      ゲスト

      途中で送信してしまいました。

      わたしは5そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。
      ⇒
      そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。わたしは5sですが、6になると画面が大きいので上下にボタンあると手が小さくても片手で操作できるのではないかと思いました。
      なので、選べる機能があると嬉しいです。

    • #27287
      通りすがり
      ゲスト

      「途中で閉じたい時」は元々あったコンテンツの所をタップすれば閉じれます。

      試していませんが、右下の上に戻るボタンを無効にしないようにするにはbutton-go-to-top.phpの5行目
      if ( is_go_to_top_button_visible() ): //トップへ戻るボタンを表示するか?>
      と最下部
      <?php endif; ?>
      を削除すれば無効にしないように出来ると思います。

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

      通りすがりさんありがとうございます。
      スライドを解除するには、通りすがりさんの方法でできます。
      「WordPressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法」は、以前の方法です。
      最近仕様を変更しました。
      詳しい経緯は以下を参照してください。
      トピック: スマホ閲覧時、画面を下へスクロールすると、スライドイン(ライト)が浮き上がってしまいます

      ボタンは、スタイルで非表示にしているだけなので、子テーマのstyle.cssなどに以下のように書けば表示できるかと思います。

      #page-top{
        display: block !important;
      }

      機能で追加すると、設定名が「スライドインメニューが上の時トップに戻るボタンを表示」みたいなややこしいことになるので、今のところ機能追加までは考えていません。

    • #27304
      mchan
      ゲスト

      >通りすがりさん

      ありがとうございます!
      元々あったコンテンツの所のところをタップすればいいのですね。ご親切に画像まで貼っていただいたので、良くわかりました^^

      トップへ戻るボタンですが、すみません、phpをいじるのが怖いです・・・。何かを書き込む度に不具合が起きてしまっています。もう少し勉強してから挑戦したいと思います!ありがとうございました。

    • #27305
      mchan
      ゲスト

      >わいひらさん

      トピック読ませていただきました。そういう経緯で現在の仕様になったのですね。

      ありがとうございます。
      教えていただいたコードを「Simplicity child: スタイルシート (style.css)」にコピペしてみましたが、戻るボタンは表示されません…。

      このように貼りました。表示されると嬉しいのですが、これでいいのでしょうか?

      /* Simplicity子テーマ用のスタイルを書く */

      #page-top{
      display: block !important;
      }

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

      こうするといけるかも。

      div#page-top {
          display: block !important;
      }
    • #27320
      mchan
      ゲスト

      >わいひらさん

      ありがとうございます!

      お陰さまで戻るボタンは表示されたのですが、常に点滅している状態になってしまっています。
      点滅を止める方法があれば教えていただけますか?

      お忙しいのに何度もすみません。

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

      確かに。
      スクロールにより、JavaScriptで表示を操作しているので、そうなってしまうようです。
      これは、やはりこちら側で何とかしないとだめかもしれません。
      近日中に、表示できるようにするものをアップしたいと思います。
      ちょっと今、どうしたらよいものか考え中です。

    • #27328
      通りすがり
      ゲスト

      試してみたのですが
      footer-mobile-buttons.cssの221行目
      #page-top,
      を削除するだけで正常に表示できました。
      お試しください。

    • #27337
      mchan
      ゲスト

      >わいひらさん

      ありがとうございます!

      お仕事を増やしてすみません><

      でも、実装していただけたらとても嬉しいです。どうぞよろしくお願いします。

    • #27338
      mchan
      ゲスト

      >通りすがりさん

      試して下さって、ありがとうございます。

      >footer-mobile-buttons.cssの221行目
      >#page-top,

      ごめんなさい、どこにあるのかがわかりません。。親テーマにあるのでしょうか?

    • #27343
      通りすがり
      ゲスト

      はい。
      親テーマのcssフォルダ内にあります。

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

      #page-top,の削除でも行けるのですが、それだと次のアップデートで元に戻ってしまうので再編集しなければならないかもしれません。
      ただ、実装も、なかなかうまい方法はまだ思いついていないです。

      mchanさんに一つ質問なんですが、スライドインボタンを下に設定するのではダメなのでしょうか?

    • #27379
      mchan
      ゲスト

      >通りすがりさん

      ありがとうございます。
      でも、やっぱりどこにあるか探せません>< すみません。
      わたしは、ダッシュボード⇒テーマ編集で見ているので行数も出て来ていないんです…。
      後でもう一度探してみます。

    • #27380
      mchan
      ゲスト

      >わいひらさん

      ありがとうございます!

      おっしゃる通り 親テーマですとアップデートで再編集が必要になると思いますので、できましたら実装して頂けると助かるのですが、大変そうでしょうか。

      スライドインは上下どちらの設定でも 本来はいいと思っています。
      ただ、スライドインを下に設定した場合、どなたかも書かれていましたが、2度のタップが必要になってきます。

      例えば、サイドバーボタンを一度タップ⇒スライドメニュー?の下に、ブックマークやメール送信の新たなバーが出てくる⇒もう一度サイドバーボタンをタップになると思うのです。

      一度目のタップでサイドバーが出てこないので、わたし自身も最初 うん?と思いしたし、、ブログに来てくれてタップしてくれた人も サイドバーをタップしたのにおかしいな?と感じるのかなと思い、上に設定しています。

      なので、今の状況ですと1度のタップでサイドバーが出て来てくれる 上部の設定の方がいいと思っているのです。

    • #27382
      hidekichi
      ゲスト

      全部ちゃんと読んでないのですが、点滅するっていうのはトップページへ戻るボタンなら、僕も色々カスタマイズする時にopacityの値が動いているのをソースを見て気づきました。
      おそらく、現在の自分のサイトでは出てないので、スクロールしている間ずっとスクリプトが動作しているのが起因していると思います。

      修正方法としては、スクロール部(トップへ戻るのスクリプト、javascript.js内)で、スクロールが停止した時にだけ動作させればいいので、

      var timer = null;
      
      jQuery(function(){
      
        clearTimeout( timer );
      
        //スクロール開始
      
        timer = setTimeout(function(){
      
        //スクロール中の処理の部分
      
        },200);
      
      });

      というような形にすれば、スクロールが停止して0.2秒後にスクロール中の処理の部分が動作するようになります。
      参考: Simplicityをちょっと改造してみた part8 トップへ戻るボタン編の真ん中辺りのスクリプトを参考にしてみて下さい。まぁうちのサイトはfadeInやらを今はしてないので、直るかは定かではないですけれども、たぶんイケます(笑)

    • #27384
      hidekichi
      ゲスト

      ああああ、

      clearTimeout( timer );
      と、
      //スクロール開始
      が逆ですやん(涙)

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

      手元のファイルをちゃんと表示できるようには変更しました。
      ただ、CSSだけでは無理そうなので、子テーマでbutton-go-to-top.phpを編集する仕様になると思います。

      次のバージョン(多分1.7安定版)が出たら、アップデートして、子テーマフォルダに親テーマのbutton-go-to-top.phpをコピーして、以下の行を
      if ( is_go_to_top_button_visible() ): //トップへ戻るボタンを表示するか?>
      以下のように変更してください。
      if ( true ): //トップへ戻るボタンを表示するか?>

    • #27422
      mchan
      ゲスト

      >hidekichiさん

      ありがとうございます。

      前回も全く分からずで申し訳なかったのですが、今回もわかりません><

      もしかして、私宛の投稿ではないかも知れませんが、考えて下さってありがとうございます!

    • #27423
      mchan
      ゲスト

      >わいひらさん

      お忙しいのに、ありがとうございます!

      現在公開されているバージョン:1.7.0 20150604aをダウンロードして変更して大丈夫ですか?

      子テーマフォルダというのは、テーマ編集の中にあるテンプレートのことでしょうか?
      テンプレートだとしましたら、3つクリックするところ(footer-insert.php テーマのための関数 header-insert.php)がありますが、親テーマのbutton-go-to-top.phpはどこにコピーしたらいいのでしょうか?

      テンプレートのことでなければ、子テーマのフォルダがあるところを教えていただけますか?

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

      現在公開されているバージョン:1.7.0 20150604aをダウンロードして変更して大丈夫ですか?

      それでいいです。
      子テーマについては、一度「Wordpress 子テーマ」で出でくる説明をいろいろ読んでください。
      こちらなどでも説明しています。
      WordPressテーマをカスタマイズするなら子テーマを使った方が良い理由、使い方など

      このフォーラムで、1から子テーマについて全てを説明するわけにもいかないので。前提知識がないと、カスタマイズに失敗する可能性も高いです。
      一通り、読んだところでわからないところを質問してください。

    • #27509
      mchan
      ゲスト

      >わいひらさん

      ありがとうございます。

      リンク先の記事を読ませて頂いて、子テーマを使い始めました。でも、後半から難しく思えて きちんと読んでいなかったので読み直してみました。

      お聞きしたいのですが、記事の中に書かれています
      >親テーマの「single.php」を子テーマ内にコピーして、そのテンプレートファイルをカスタマイズすれば・・・

      このコピー先がわかりません。
      子テーマの中に 新しく必要なファイル(single.phpのファイル)を作るという作業をするのですか?

      今回教えていただいたbutton-go-to-top.phpも上記の例と同様の作業だと解釈したのですが、あっていますか?

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

      今回教えていただいたbutton-go-to-top.phpも上記の例と同様の作業だと解釈したのですが、あっていますか?

      そうです。そうです。
      あとは、子テーマフォルダ直下(style.cssとかがある場所と同じ階層)に親テーマのbutton-go-to-top.phpをコピーして#27395の変更を行ってください。
      そしてそのフォルダごと、FTPソフトか何かでサーバーのテーマフォルダ内にアップロードしてください。(Wordpress管理画面からでも良いですが。)

      button-go-to-top.phpは、頻繁に変更する場所でもないので、アップデートへの影響はほぼないかと思われます。

    • #28258
      mchan
      ゲスト

      わいひらさん

      ありがとうございます!
      お返事を頂いたままですみませんでした。

      今の運営サイトで やってみるのが不安でしたので、練習用のサイトを作ってやってみることにしましたが、データーベースをわけるところから躓いてしまい、ゆっくり出来る時にと思っていたら今日になってしまいました。

      先程サイトを作りやってみました。練習用のサイトでは無事に表示することができました!

      ただ、実際に運営しているサイトでやってみると出来ませんでした。
      サーバーのファイルマネージャーのthemesにフォルダを追加したのですが、使っている独自ドメインの中のthemesにsimplicityがなく、初期ドメイン?別のフォルダ?の中にありました。
      そこに練習で出来たように追加してみたのですが、サイトに反映されませんでした。

      運営している独自ドメインのthemesにsimplicityが入っていれば、練習と同じようにできたのかなと思うのですが、これ以上触るのが怖いので今回は諦めることにします。
      練習のサイトでは出来たのでちょっと悔しいですが。。

      お忙しい中、本当にご親切にありがとうございました!
      また何かありましたら、よろしくお願いします^^

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

      本番用のサイトがどのような構造なのかはわからないですが、練習サイトでできたのなら、よっぽどのことがない限り、通常の環境ならできると思います。
      本番サイトが、変わった構造をしているのなら、確かによくわからずに触るのは良くないかもしれません。

26件の返信スレッドを表示中
  • トピック「スライドイン機能のサイドバーとメニューに途中でやめる機能がほしいです。」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)