公星 様

OSWS井上です。

私も欲しいと思ってます。

https://github.com/opensource-workshop/connect-cms/issues/765

サイズや色、位置や文字自体等々、
考えだすと結構風呂敷が広がってしまうのですが、
サイト管理辺りに追加を検討しています。

設定項目としてこんなものがあってほしいとかあれば、
お知らせ頂ければ実装時に参考にできるのでありがたいです。
（すべてをその時に実装できるとは限らないのですが＾＾；）

ご賛同いただき、ありがとうございます。

とりわけこの公式サイトに設置してほしいです。
（私が長々と書いてしまうために）

この公式サイトにサクッと「トップページへ」が追加できるか試してみました。
結果、うまくいきませんでした。

トップページへを追加するには、JSとCSSを追加する必要があるのですが、固定記事にＪＳもＣＳＳも入れてみたら、管理画面に入れなくなる不具合が出ました。

ちょっと対応するのに手間かかりそうな感じでした。
（既存テーマにJS追加すれば対応できそうなのですが、その対応でいいのかちょっと判断つかず、といったところです。）

とりあえずこんな感じです。

牟田口 様、ありがとうございます。

私のところではフッターに固定記事を置き、［<>］アイコンをクリックして
「ソースコード」にJavascript （これ.txt）を書いているのですが、
もしかして管理画面に入れなくなるなどの危ない方法だったりするのでしょうか？

　
現時点では問題は起こっていないのですが、
割りと不具合が懸念されるなら、別の方法を探さないといけません。
（→ 公式のプラグインを待つ ）

公星さん

具体例ありがとうございます。めっちゃ参考になります。

多分私の固定記事の配置方法のJSの作りが甘かったのが、管理画面に入れない原因ぽいような気がしてきました。

添付のテキストを基に、近日中にリトライしてみようと思います。

公星さん

こんにちは。osws牟田口です。

フッターに固定記事貼り付けでいけました！助かりました。
という事で、公式サイトのトップページへボタン対応できました。

ページトップへ.txt

下記のJSが間違っていたので、公星さんの具体例をもとに修正しました。

牟田口様、
わずか数日で「ページトップへのスクロール」を付けていただき、
ありがとうございます。
　

素人の私がプロにコードを示すなど失礼この上ないのですが、
そもそも以下２つのサイトのコピペであることを白状しておきます。
（ ①基本コード　と　②ページ内リンク対応 ）
　
－－－　

そして、②のページ内リンク対応に関して補足させて下さい。
（そういえばと思い出した）

このスクリプトは、私のサイトのある特定のページで
（〈div id=”○○”〉を使った）ページ内リンクをスムーススクロールにしたかったので導入しました（他のページでも使うかもしれないから、フッターにおいて汎用的にした）。
そのため、単にページトップにスクロールするだけなら不要？なスクリプトかもしれません。

（→ ②を消してから右下の「ページトップ」をクリックしても意図どおりに動く）
（→ 当時、統合的なスクリプトに直すのが面倒だったので、①と②を併用にした）
（→ 提示したスクリプトのメモに『～専用』と書いてあるのはそのような理由から）

－－－

スマートな提示でなくてすみません。
必要性の有無について、念のため、ご確認いただければと思います。

公星さん

こんにちは。osws牟田口です。

> 素人の私がプロにコードを示すなど失礼この上ないのですが、
> そもそも以下２つのサイトのコピペであることを白状しておきます。

いえいえ、プロもコピペ使いますよ^^
かくゆう私も、他サイトで対応したコードをコピペすればいけるかな？位で対応しました。（そのため本来不要なスムーススクロールが混入してても気づきませんでした。お恥ずかしい。）

> そのため、単にページトップにスクロールするだけなら不要？なスクリプトかもしれません。

おっしゃる通りで、ページトップへボタン表示だけなら、スムーススクロール不要でした。
（この公式サイトのトップページへボタンも、スムーススクロール削除しました。問題なく動きました。）

ありがとうございました。

いつもアドバイスいただきありがとうございます。

こちらを参考に、私もHPにボタンを作ってみました。

おかげさまでますますグレードアップしていて、とてもうれしいです。

これからもよろしくお願いいたします。