フォーラム掲示板について

以下の目的、注意点などご確認いただき、ご使用ください。

目的
Connect-CMSのユーザやConnect-CMSに興味のある方同士で自由に意見交換できる場を提供する目的で、コミュニティ掲示板として提供しています。
投稿方法
このサイトにユーザー登録することで、投稿することができます。
投稿内容
投稿内容は公開されます。
Connect-CMSに無関係な内容が記載されたと判断した場合、削除することがあります。
バグ情報
バグ(不具合)はGithub のIssues(https://github.com/opensource-workshop/connect-cms/issues)に記載していただくと、開発者に伝わりやすくなります。
また、セキュリティなど重大な事象の場合は、お問い合わせページよりお知らせください。優先的に調査いたします。
また、貢献ガイド(https://connect-cms.jp/abount/contributions)も参照をお願いします。
ユーザ登録
当サイトへのユーザ登録は以下のお問い合わせフォームよりお願いいたします。
https://connect-cms.jp/contact

フォーラムでのサポート範囲

当フォーラムでは、Connect-CMSのトラブルなどの相談も記載いただけますが、作業を肩代わりするものではありません。
作業の依頼は、株式会社オープンソース・ワークショップの調査メニューなどをご検討ください。
https://opensource-workshop.jp/service/rescue

フォーラム掲示板

Re7: ページトップへ

2021年5月6日 13時36分 [公星]

 

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

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

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

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

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

---

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

 

スレッドの記事一覧
2021-05-02 [公星]

 

私が長々と書くことによる不便でもあるのですが、
このWebサイトの右下に(▲PageTop)のようなスクロールボタンが欲しいです。

 [例]さわやかちば県民プラザ( Webサイト
 [例]東京農工大学図書館  ( Webサイト

ご検討いただければ幸いです。

 

2021-05-05 [(OSWS)井上 雅人]

公星 様

OSWS井上です。

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

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

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

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

2021-05-05 [公星]

 

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

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

 

2021-05-05 [osws牟田口]

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

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

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

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

2021-05-05 [公星]

 

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

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

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

 

2021-05-06 [osws牟田口]

公星さん

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

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

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

2021-05-06 [システム管理者]

公星さん

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

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

ページトップへ.txt

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

// スムーズスクロール
$('a[href^="#"]').click(function() {

↓下記に修正

$('a[href^="#"]:not(a.carousel-control-prev, a.carousel-control-next, a.nav-link, a.dropdown-item, a[data-toggle="collapse"], a[data-toggle="tab"])').click(function(){

Re7: ページトップへ
2021-05-06 [公星]

 

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

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

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

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

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

---

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

 

2021-05-06 [システム管理者]

公星さん

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

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

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

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

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

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

2021-05-09 [mipo]

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

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

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

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