ページ内でもページ外でも特定の場所にジャンプするとき、かっこよく移動すると、それはそれはかっこいいサイトになると思います。

cocoonで、実装されたらきっとみんなうれしいと思いますので、ご検討よろしくお願い致します。m(_ _)m

需要が多い。それほど素敵で他問題もないのであれば、デフォルトで採用されると思います。

見る人が見ればうまくいくだろうと思いますし、できない人は参考ページを見てもできないかもしれないですね。

cocoonで、実装されたらきっとみんなうれしいと思いますので、ご検討よろしくお願い致します。m(_ _)m

たぶん、上記が前提になるかと思います。って言う前提ですが

その状況って、スレ主さん以外にわからないので、『皆ハッピーになるのであれば』その状況を再現できるページやPHPの記載をご提示したほうが良いかも。

せっかく時間を割いて書き込みしているのに、何も伝わってないのが残念だったので、伝わるよう

チャレンジしてください！お願いします❦

他ユーザーさんには、これと言って何も　届かない書き込み＾＾；

スムーズスクロールといっても、いろいろなものがあるので、実例を出していただけると助かります。
ただ、スムーズスクロールという言葉から推測されるものは、結局コンテンツに影響する部分ではなく、どちらかというと装飾（エフェクト）部分なので、優先順位はそこまで高くないかもしれないのはご了承ください。
個人的には、エフェクトよりも、コンテンツに影響があたる部分から実装していきたいと思っています。

※実例を見てみて、サイトパフォーマンスに影響が出ず、簡単に実装できそうなものであれば、実装できればと思います。

そうですね。

あまりにも安易に要望をお願いしてしまったこと反省しております(´・ω・｀)

具体的に言うと、かっこいいスムーズスクロールのイメージもいまいち何もなく…、ただ瞬間移動的にページがジャンプすると見ている人が迷子になりそうな気がして、ページがスクロールして移動するのがちまたにあるのでいいなぁと思ったしだいです。

scroll-behavior: smooth;
というタグがあるようですが、ブラウザによってはまだダメみたいで…。

というのも、スマホなどでサイトを見る場合どうしてもヘッダーなど、目次などページの前置き部分が場所を取り、目的の見出しまではどうしても何回か手動でスクロールが必要になると思います。

例えば個人的なことで申し訳ないですが、スマホで見る場合、メニューのリンクから目的のページのh1の見出しに直接飛ぶようにしたいのですが、
（ここから説明がよりへたくそになります。）グーテンベルグ的にｈ１にアンカーをつける方法がないような…、私が知らないだけのような…、
そして、できればヘッダーなどをスクロールしてジャンプできたら、なおさら良いと思ったのです。

スマホでメニューを押してページが移動しても、ヘッダー部分などが陣とってしまい表示されるページが変わってないように見えるので、何とかできたらと思っていたのです。

大した知識もなくわがままばかり言ってしまって申し訳ありませんm(_ _)m

このたび、サイトヘッダーロゴを非表示にできる機能が追加されたようですので、スマホでのヘッダー部分がだいぶすっきりしました。

わいひら様、ありがとうございます。

たくさんのご要望があるなか優先順位があるのは承知しております。

拙い説明でわかりにくい要望だとは思いますが、実装してもらえる時がきたらありがたいなと思います。

よろしくお願い致します。m(_ _)m

ただ瞬間移動的にページがジャンプすると見ている人が迷子になりそうな気がして、ページがスクロールして移動するのがちまたにあるのでいいなぁと思ったしだいです。

ありますね。そのようなエフィクトのものも。ゆっくりスクロールするとか、なんらかのキーワードで検索して実際やってみるのも良いかもしれないですね。

それでもできないとき、URLを提示してエラーメッセージをそえて　『プログラミング 無料 質問　エンジニア　Q&Aサイト』的なキーワードでHitするサイトさんにWordPressで…などと詳細な事情も書き相談して試してみるのも良いかもですね❦

スマホなどでサイトを見る場合どうしてもヘッダーなど、目次などページの前置き部分が場所を取り、目的の見出しまではどうしても何回か手動でスクロールが必要になると思います。

例えば個人的なことで申し訳ないですが、スマホで見る場合、メニューのリンクから目的のページのh1の見出しに直接飛ぶようにしたいのですが、

これって、メニュー自体に該当ページのh1タグらへんのIDを付けたい。ってことですよね？

テーマ構造的に、main領域の直下にある子要素<article id="post-15335" class="ーーー略ーーー

を指定すればイケなくないかもですけど、どうやってグローバルメニューにそのURLの続きを入れるか。調べなきゃダメかもです。

調べてHitしたら、分かる人にはわかるかも知れないって感じだと思われます。

このたび、サイトヘッダーロゴを非表示にできる機能が追加されたようですので、スマホでのヘッダー部分がだいぶすっきりしました。

色々ありましたけど。

ヘッダーなしでご対応済みであれば、当面は解決だけど、実装願いたい！

って言う結果に落ち着いた感じで。それが届けば良いですね❦

scroll-behavior: smooth;系の処理でいいんですね。
だとしたら、そこまで難しくないかもしれません。

最初の書き込みで

ページ内でもページ外でも特定の場所にジャンプするとき、かっこよく移動すると、それはそれはかっこいいサイトになると思います。

「ページ外」と書かれているので、いまいち実装がよくわからなくなりました。
ページ内のみのscroll-behavior: smooth;とかであれば、比較的簡単です（ページ外には対応していません）。
以下は、アンカーリンクをクリックしたときに、スムーズにスクロールするようにしたものです。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

グーテンベルグ的にｈ１にアンカーをつける方法がないような…、私が知らないだけのような…、

これは、見出しブロックの「高度な設定」でHTMLアンカーを設定すればいけるような気がします。

そしてメニュー作成で以下のように呼び出せば良いかと思います。

URL#abc

そして、できればヘッダーなどをスクロールしてジャンプできたら、なおさら良いと思ったのです。

一つ前の返信のファイルはこれには対応していません。
というのもページが変わると、Lazy Loadを有効にしていた場合、飛ぶ場所がずれてしまうからというのもあります。

動作確認していたら「ページ内」スクロールであっても、Lazy Load利用していたら、位置がずれてしまうようです。
やっぱり、以前の仕様のままの方がいいのかも。これを解決できないと、どうしようもないかも。
とりあえず、上のファイルは、しばらくそのまま（スムーズスクロール実装状態）にしておきます。

わいひら様　かうたっく様　ご返信ありがとうございます。

毎度のことながら、理解するのに時間がかかり、返信するのが遅くなってしまいました。(;´･ω･)今さらすぎて申し訳ないです。

https://wp-cocoon.com/site-speed-up/

こちらのページでLazy Loadの利用を推奨しているようなのですが、今まで知らずに有効になっていませんでしたが、特に不都合は感じませんでした。

ということは、Lazy Loadを有効にせずに、

https://github.com/yhira/cocoon の最新ファイルをダウンロードするなら、ページ内のスムーズスクロールは問題なく出来るという認識で良いのでしょうか？

完全に理解に至っておらず、まだダウンロード出来ていないです。
せっかくご用意くださったのに、すみません。(;'∀')

あっ！！ていうか、Lazy Loadを有効にしたらプラグインのShortcodes Ultimateで作ったカルーセルの画像が表示されなくなってしまいました。

なので、Lazy Loadを有効にするのはできないかもですが、有効にしないと問題はあるのでしょうか？

質問が増えてしまいましたが、最後に、

ｈ１にアンカーをつけてヘッダー部分を飛ばしたいことですが、これはモバイルのみその仕様にしたいときは可能なのでしょうか？

お手間を取らせてしまいそうな質問ばかりで申し訳ありません。

お忙しいなか申し訳ないので、
可能かどうかだけのご判断だけでもけっこうです。

なにとぞよろしくお願い致します。m(_ _)m

返信がなかったので、元に戻しました。
Lazy Load有効時にエラーが出るので、それが解決しない限りは今後実装することはないと思います。

なので、Lazy Loadを有効にするのはできないかもですが、有効にしないと問題はあるのでしょうか？

これは、Lazy Loadの効果などを検索で調べた方が早いかと思います。
それを読み込んだ上で、利用するか利用しないかだと思います。

ｈ１にアンカーをつけてヘッダー部分を飛ばしたいことですが、これはモバイルのみその仕様にしたいときは可能なのでしょうか？

可能か不可能かで言えば、可能です。
ただ、PHPもしくはJavaScriptに動的処理を自前で書く必要があるかと思います。

返信が遅くて本当に申し訳ありません。m(_ _)m

大変にお手数をおかけしてしまっているでしょうこと、大変心苦しく思っております。

ただ、PHPもしくはJavaScriptに動的処理を自前で書く必要があるかと思います。

そうなんですね。(´・ω・｀)

PHPもJAVAも全然できないので今回は諦めようかと思います。

今回のことだけではなく今後のcocoonのあらゆるさらなる発展を期待しております。

わいひら様、どうもありがとうございました。(^^)/