他のテーマからNishikiテーマへ移行された方へ トップページやアイキャッチ画像など ウェブサイトの見栄えがよくなる 「テーマ専用おすすめ設定」を紹介しています。 ぜひ一度、ご確認ください!テーマ専用おすすめ設定を見る

WordPressテーマ Nishiki では、ページ内にアンカーリンクがあった場合、スルスルっとスムーススクロールする仕組みがあります。このスクロールを意図的に停止する方法があります。

文章でうまく書けないので、下のリンクをクリック または タップしてください。どちらのリンクもアラートが表示されますが、アラートを消した後の動作が違います。

どちらも同じ URL のアンカーリンクですが、下の例のように class 属性に「noscroll」をつけると、意図的にスムーススクロールさせないようにできます。

<ul>
 <li><a href="#" onclick="alert('アラートを閉じたら上にスクロール');return false;">アラート+ページ上にスクロール</a></li>
 <li><a href="#" class="noscroll" onclick="alert('アラートを閉じてもスクロールしません');return false;">スクロールしません</a></li>
</ul>

例えば、オリジナルのツイートボタンを a 要素で作っていて「クリックした際にツイート画面が別ウィンドウで表示される」などの場合に使える方法です。

Nishiki テーマ専用プラグイン無料配付中 ウェブサイト運営に役立つ機能を搭載しています。 ↓プラグインのダウンロード↓ Download Nishiki Growing Beauty 本体 nishiki-growing-beauty.zip(165 KB) インストール方法はこちら Nishiki 子テーマ無料配布中 Nishiki テーマをカスタマイズしたい方は、子テーマでの運用をおすすめします。 ↓子テーマのダウンロード↓ Download Nishiki 子テーマ nishiki-child.zip(1 KB) インストール方法はこちら

Nishiki テーマに関する情報は#wpnishikiをチェックしてください。

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社 AnimaGate(アニマゲート) という会社をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。YouTube Liveでオンラインサポートを始めますので、チャンネル登録いただけると大変嬉しいです。→ブログはこちら