Simplicityの特徴 › フォーラム › 要望・機能追加など › スライドイン機能のサイドバーとメニューに途中でやめる機能がほしいです。
-
投稿者投稿
-
-
2015年6月1日 12:00 AM #27282
mchan
ゲストお世話になっています。
スマホのスライドインの件です。
サイドバーとメニューを開いた時、上部に「×」が出て便利なのですが、下にスクロールして行き途中で閉じたい時にはどのように閉じるのでしょうか?
わたしが探せていないだけだったらすみません。
上部に「×」が表示されたまま、もしくは途中や最後でもすぐに閉じれれる仕様があるとより便利だと思いました。いかがでしょうか?
-
2015年6月1日 12:34 AM #27283
mchan
ゲストすみません。今「WordPressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法」を読ませていただきました。
使用機種はiPhone5sです。
もしかすると、スライドインしてくるとメニューやサイドバーのボタンが×にかわる機能が上手く表示されていないのでしょうか?もう一つお願いなのですが、スライドインを上部に表示した時にも、下に表示されるトップへ戻るボタンを表示するか否か選べるようにしていただけないでしょうか?
手が小さめなので、スマホを持っている位置によって画面全部には指が届かないのです。わたしは5そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。
-
2015年6月1日 12:40 AM #27284
mchan
ゲスト途中で送信してしまいました。
わたしは5そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。
⇒
そういう時に上下どちらからでもトップに戻れると使いやすいと思いました。わたしは5sですが、6になると画面が大きいので上下にボタンあると手が小さくても片手で操作できるのではないかと思いました。
なので、選べる機能があると嬉しいです。 -
2015年6月1日 6:25 PM #27287
通りすがり
ゲスト「途中で閉じたい時」は元々あったコンテンツの所をタップすれば閉じれます。

試していませんが、右下の上に戻るボタンを無効にしないようにするにはbutton-go-to-top.phpの5行目
if ( is_go_to_top_button_visible() ): //トップへ戻るボタンを表示するか?>
と最下部
<?php endif; ?>
を削除すれば無効にしないように出来ると思います。 -
2015年6月1日 8:05 PM #27288
わいひらキーマスター通りすがりさんありがとうございます。
スライドを解除するには、通りすがりさんの方法でできます。
「WordPressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法」は、以前の方法です。
最近仕様を変更しました。
詳しい経緯は以下を参照してください。
トピック: スマホ閲覧時、画面を下へスクロールすると、スライドイン(ライト)が浮き上がってしまいますボタンは、スタイルで非表示にしているだけなので、子テーマのstyle.cssなどに以下のように書けば表示できるかと思います。
#page-top{ display: block !important; }機能で追加すると、設定名が「スライドインメニューが上の時トップに戻るボタンを表示」みたいなややこしいことになるので、今のところ機能追加までは考えていません。
-
2015年6月2日 1:36 AM #27304
mchan
ゲスト>通りすがりさん
ありがとうございます!
元々あったコンテンツの所のところをタップすればいいのですね。ご親切に画像まで貼っていただいたので、良くわかりました^^トップへ戻るボタンですが、すみません、phpをいじるのが怖いです・・・。何かを書き込む度に不具合が起きてしまっています。もう少し勉強してから挑戦したいと思います!ありがとうございました。
-
2015年6月2日 1:42 AM #27305
mchan
ゲスト>わいひらさん
トピック読ませていただきました。そういう経緯で現在の仕様になったのですね。
ありがとうございます。
教えていただいたコードを「Simplicity child: スタイルシート (style.css)」にコピペしてみましたが、戻るボタンは表示されません…。このように貼りました。表示されると嬉しいのですが、これでいいのでしょうか?
/* Simplicity子テーマ用のスタイルを書く */
#page-top{
display: block !important;
} -
2015年6月2日 2:49 PM #27311
わいひらキーマスターこうするといけるかも。
div#page-top { display: block !important; } -
2015年6月2日 9:22 PM #27320
mchan
ゲスト>わいひらさん
ありがとうございます!
お陰さまで戻るボタンは表示されたのですが、常に点滅している状態になってしまっています。
点滅を止める方法があれば教えていただけますか?お忙しいのに何度もすみません。
-
2015年6月2日 9:58 PM #27324
わいひらキーマスター確かに。
スクロールにより、JavaScriptで表示を操作しているので、そうなってしまうようです。
これは、やはりこちら側で何とかしないとだめかもしれません。
近日中に、表示できるようにするものをアップしたいと思います。
ちょっと今、どうしたらよいものか考え中です。 -
2015年6月2日 10:32 PM #27328
通りすがり
ゲスト試してみたのですが
footer-mobile-buttons.cssの221行目
#page-top,
を削除するだけで正常に表示できました。
お試しください。 -
2015年6月3日 7:51 AM #27337
mchan
ゲスト>わいひらさん
ありがとうございます!
お仕事を増やしてすみません><
でも、実装していただけたらとても嬉しいです。どうぞよろしくお願いします。
-
2015年6月3日 7:58 AM #27338
mchan
ゲスト>通りすがりさん
試して下さって、ありがとうございます。
>footer-mobile-buttons.cssの221行目
>#page-top,ごめんなさい、どこにあるのかがわかりません。。親テーマにあるのでしょうか?
-
2015年6月3日 10:54 AM #27343
通りすがり
ゲストはい。
親テーマのcssフォルダ内にあります。 -
2015年6月3日 7:15 PM #27352
わいひらキーマスター#page-top,の削除でも行けるのですが、それだと次のアップデートで元に戻ってしまうので再編集しなければならないかもしれません。
ただ、実装も、なかなかうまい方法はまだ思いついていないです。mchanさんに一つ質問なんですが、スライドインボタンを下に設定するのではダメなのでしょうか?
-
2015年6月4日 1:53 PM #27379
mchan
ゲスト>通りすがりさん
ありがとうございます。
でも、やっぱりどこにあるか探せません>< すみません。
わたしは、ダッシュボード⇒テーマ編集で見ているので行数も出て来ていないんです…。
後でもう一度探してみます。 -
2015年6月4日 2:18 PM #27380
mchan
ゲスト>わいひらさん
ありがとうございます!
おっしゃる通り 親テーマですとアップデートで再編集が必要になると思いますので、できましたら実装して頂けると助かるのですが、大変そうでしょうか。
スライドインは上下どちらの設定でも 本来はいいと思っています。
ただ、スライドインを下に設定した場合、どなたかも書かれていましたが、2度のタップが必要になってきます。例えば、サイドバーボタンを一度タップ⇒スライドメニュー?の下に、ブックマークやメール送信の新たなバーが出てくる⇒もう一度サイドバーボタンをタップになると思うのです。
一度目のタップでサイドバーが出てこないので、わたし自身も最初 うん?と思いしたし、、ブログに来てくれてタップしてくれた人も サイドバーをタップしたのにおかしいな?と感じるのかなと思い、上に設定しています。
なので、今の状況ですと1度のタップでサイドバーが出て来てくれる 上部の設定の方がいいと思っているのです。
-
2015年6月4日 3:26 PM #27382
hidekichi
ゲスト全部ちゃんと読んでないのですが、点滅するっていうのはトップページへ戻るボタンなら、僕も色々カスタマイズする時にopacityの値が動いているのをソースを見て気づきました。
おそらく、現在の自分のサイトでは出てないので、スクロールしている間ずっとスクリプトが動作しているのが起因していると思います。修正方法としては、スクロール部(トップへ戻るのスクリプト、javascript.js内)で、スクロールが停止した時にだけ動作させればいいので、
var timer = null; jQuery(function(){ clearTimeout( timer ); //スクロール開始 timer = setTimeout(function(){ //スクロール中の処理の部分 },200); });というような形にすれば、スクロールが停止して0.2秒後にスクロール中の処理の部分が動作するようになります。
参考: Simplicityをちょっと改造してみた part8 トップへ戻るボタン編の真ん中辺りのスクリプトを参考にしてみて下さい。まぁうちのサイトはfadeInやらを今はしてないので、直るかは定かではないですけれども、たぶんイケます(笑) -
2015年6月4日 3:43 PM #27384
hidekichi
ゲストああああ、
clearTimeout( timer );
と、
//スクロール開始
が逆ですやん(涙) -
2015年6月4日 6:15 PM #27395
わいひらキーマスター手元のファイルをちゃんと表示できるようには変更しました。
ただ、CSSだけでは無理そうなので、子テーマでbutton-go-to-top.phpを編集する仕様になると思います。次のバージョン(多分1.7安定版)が出たら、アップデートして、子テーマフォルダに親テーマのbutton-go-to-top.phpをコピーして、以下の行を
if ( is_go_to_top_button_visible() ): //トップへ戻るボタンを表示するか?>
以下のように変更してください。
if ( true ): //トップへ戻るボタンを表示するか?> -
2015年6月5日 3:03 AM #27422
mchan
ゲスト>hidekichiさん
ありがとうございます。
前回も全く分からずで申し訳なかったのですが、今回もわかりません><
もしかして、私宛の投稿ではないかも知れませんが、考えて下さってありがとうございます!
-
2015年6月5日 3:22 AM #27423
mchan
ゲスト>わいひらさん
お忙しいのに、ありがとうございます!
現在公開されているバージョン:1.7.0 20150604aをダウンロードして変更して大丈夫ですか?
子テーマフォルダというのは、テーマ編集の中にあるテンプレートのことでしょうか?
テンプレートだとしましたら、3つクリックするところ(footer-insert.php テーマのための関数 header-insert.php)がありますが、親テーマのbutton-go-to-top.phpはどこにコピーしたらいいのでしょうか?テンプレートのことでなければ、子テーマのフォルダがあるところを教えていただけますか?
-
2015年6月5日 8:27 AM #27428
わいひらキーマスター現在公開されているバージョン:1.7.0 20150604aをダウンロードして変更して大丈夫ですか?
それでいいです。
子テーマについては、一度「Wordpress 子テーマ」で出でくる説明をいろいろ読んでください。
こちらなどでも説明しています。
WordPressテーマをカスタマイズするなら子テーマを使った方が良い理由、使い方などこのフォーラムで、1から子テーマについて全てを説明するわけにもいかないので。前提知識がないと、カスタマイズに失敗する可能性も高いです。
一通り、読んだところでわからないところを質問してください。 -
2015年6月7日 6:25 PM #27509
mchan
ゲスト>わいひらさん
ありがとうございます。
リンク先の記事を読ませて頂いて、子テーマを使い始めました。でも、後半から難しく思えて きちんと読んでいなかったので読み直してみました。
お聞きしたいのですが、記事の中に書かれています
>親テーマの「single.php」を子テーマ内にコピーして、そのテンプレートファイルをカスタマイズすれば・・・このコピー先がわかりません。
子テーマの中に 新しく必要なファイル(single.phpのファイル)を作るという作業をするのですか?今回教えていただいたbutton-go-to-top.phpも上記の例と同様の作業だと解釈したのですが、あっていますか?
-
2015年6月7日 6:49 PM #27511
わいひらキーマスター今回教えていただいたbutton-go-to-top.phpも上記の例と同様の作業だと解釈したのですが、あっていますか?
そうです。そうです。
あとは、子テーマフォルダ直下(style.cssとかがある場所と同じ階層)に親テーマのbutton-go-to-top.phpをコピーして#27395の変更を行ってください。
そしてそのフォルダごと、FTPソフトか何かでサーバーのテーマフォルダ内にアップロードしてください。(Wordpress管理画面からでも良いですが。)button-go-to-top.phpは、頻繁に変更する場所でもないので、アップデートへの影響はほぼないかと思われます。
-
2015年6月24日 4:20 PM #28258
mchan
ゲストわいひらさん
ありがとうございます!
お返事を頂いたままですみませんでした。今の運営サイトで やってみるのが不安でしたので、練習用のサイトを作ってやってみることにしましたが、データーベースをわけるところから躓いてしまい、ゆっくり出来る時にと思っていたら今日になってしまいました。
先程サイトを作りやってみました。練習用のサイトでは無事に表示することができました!
ただ、実際に運営しているサイトでやってみると出来ませんでした。
サーバーのファイルマネージャーのthemesにフォルダを追加したのですが、使っている独自ドメインの中のthemesにsimplicityがなく、初期ドメイン?別のフォルダ?の中にありました。
そこに練習で出来たように追加してみたのですが、サイトに反映されませんでした。運営している独自ドメインのthemesにsimplicityが入っていれば、練習と同じようにできたのかなと思うのですが、これ以上触るのが怖いので今回は諦めることにします。
練習のサイトでは出来たのでちょっと悔しいですが。。お忙しい中、本当にご親切にありがとうございました!
また何かありましたら、よろしくお願いします^^ -
2015年6月24日 6:49 PM #28267
わいひらキーマスター本番用のサイトがどのような構造なのかはわからないですが、練習サイトでできたのなら、よっぽどのことがない限り、通常の環境ならできると思います。
本番サイトが、変わった構造をしているのなら、確かによくわからずに触るのは良くないかもしれません。
-
-
投稿者投稿
- トピック「スライドイン機能のサイドバーとメニューに途中でやめる機能がほしいです。」には新しい返信をつけることはできません。