[ 解決済 ] アンカーリンクが機能しない
[ 解決済 ] アンカーリンクが機能しない
- このトピックには7件の返信、3人の参加者があり、最後に
により1日、 20時間前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.7.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.29.4■ Pro Unit のバージョン
0.29.4■ スキンの種類
Origin III■ 期待する動作
グローバルメニューで設定した、ページを跨ぐアンカーリンクがきちんと動作することアンカーメニュー設定ボタン
登録・お問い合わせ >
・人材紹介のご登録
・人材派遣のご登録
・アンバサダー制度のご登録
（会社概要 > 事業概要 ：ここだけはきちんと動作する）■ 自分で試した事
・アンカーリンクのURL変更（フルアドレスor子ページからのアドレス、#以下の簡略化）
・アンカーの場所の変更（見出し→直上のスペーサー）■ 症状が発生するブラウザ
Chrome■ 実際の症状
アンカーリンクを設定しているボタンをクリックしても、当該ページのトップに遷移するだけで、アンカーの場所に行かない。
同一ページ内でクリックした場合にはきちんと機能する。
exp）ページAにいるときに、ページBのアンカーリンクbをクリックしても、ページBのトップに移動するだけ
ページBにて、ページBのアンカーリンクbをクリックすると、その位置まできちんと移動する■ その他特記事項
期待する動作に記載の当該ページに、外部サービスのフォームを使ったショートコードを設置しています（これはこれで、なぜか表示できなくなった）。
このショートコードブロックを削除したところ、アンカーリンクがきちんと動作しました。
しかし、このフォームは設置したいため、基本的に削除は考えていません。ショートコードを設置した上で、アンカーリンクが動作させたいです。
何卒よろしくお願いいたします。
該当URL : https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます
弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。
まず私の手元の環境で確認する限り問題なく動作しました。
> このショートコードブロックを削除したところ、アンカーリンクがきちんと動作しました。
とも記載のあるとおり、おそらくそのフォーム関連のプラグインが状態取得などのためにページを自動的にリロードしたりしているような空気を感じます。
私の環境ではアンカーリンク先のページに Contact Form 7 のフォームを配置しても問題なくページ内リンクしましたので、何か Contact Form 7 のアドオンか何かが自動的に再読み込みしてアンカーリンクを削除してきているのではないかと思います。
弊社製プラグインと Contact Form 7 以外のプラグインを停止して確認してみてください。
＠石川様
ご確認、ご返答ありがとうございます。
フォームですが、contact form7ではなく、また別の外部サイトから読み込んでいるフォームとなります。
そのため、プラグインなどはありません。
念の為、contact form7を実装するページ（お問い合わせ）にもアンカーリンクを設置、テストしてみたところ、問題なく動作しました。なお、ショートコードに記載しているコードは下記となります。
<script type="text/javascript" src="https://app-webparts-hrbc.porterscloud.com/po-b.js" data-template-id="20456"></script><script type="porters/webparts"></script>> なお、ショートコードに記載しているコードは下記となります。
ショートコードの所にスクリプトタグを埋め込んでも無視されるだけですので、ショートコードで該当のコードを出力するようにしているという解釈で良いですよね？
と、言いますか、
> 外部サイトから読み込んでいるフォーム
との事で、このフォームがページを再読み込みするような動作をしている都合上、
弊社の方でどうにかできる問題ではないように思います。このフォームの開発元に WordPress での設置及びページ内リンクについてお問い合わせください。
横から失礼します。
https://app-webparts-hrbc.porterscloud.com/po-b.js に記述されている
location.hash = ""によってアンカーが無効になっているみたいです。間違って解決済みにしちゃいましたが…
@石川様
>ショートコードの所にスクリプトタグを埋め込んでも無視されるだけですので、ショートコードで該当のコードを出力するようにしているという解釈で良いですよね？
→こちらについてはショートコードではなく、カスタムHTMLの間違いでした。
失礼しました。>との事で、このフォームがページを再読み込みするような動作をしている都合上、
>弊社の方でどうにかできる問題ではないように思います。
→それは百も承知です。
ただ、Lightningを使っていて、かつこれまでに出たことのない現象なので、何か見落としなどがないかと思い、
こちらで質問させていただきました。>このフォームの開発元に WordPress での設置及びページ内リンクについてお問い合わせください。
→そうさせていただきます。
ありがとうございました。＠対馬俊彦様
>https://app-webparts-hrbc.porterscloud.com/po-b.js に記述されている location.hash = “” によってアンカーが無効になっているみたいです。
→ありがとうございます。
表示されなくなった原因を確認する際に、併せて確認するようにいたします。みなさま、ありがとうございました。
- このトピックに返信するにはログインが必要です。
