内部リンクを現在のウィンドウで、外部リンクを新しいタブで開くように設定する[JavaScript]

JavaScriptの位置

Rank MathなどのSEOプラグインは、SEO(検索エンジン最適化)のためにすべての外部リンクを新しいタブ/新しいウィンドウで開くようにするオプションを提供します。 プラグインを使用せずにすべてのリンクを新しいウィンドウまたは現在のウィンドウで開くようにしたい場合、または内部リンクは現在のタブで、外部リンクは...

続きを読む

JavaScript ポップアップを作成する (feat. ChatGPT)

JavaScript ポップアップを作成する (feat. ChatGPT)

WordPressにはさまざまなポップアッププラグインがあるため、ポップアッププラグインを使用して簡単にポップアップを表示できます。 プラグインが提供する機能を使用して、ポップアップを表示するページ、頻度などを設定することも可能です。 シンプルな画像ポップアップからドラッグアンドドロップ方式で簡単にポップアップを...

続きを読む

JavaScript モーダルポップアップ (Javascript Modal Popup)

JavaScript モーダルポップアップ (Javascript Modal Popup)

WordPressでは、ポップアッププラグインを使用して簡単にモーダルポップアップをサイトに表示できます。 この記事では、JavaScriptを使用してページを読み込むときにモーダルポップアップを表示する方法について説明します。 CSSを使用してDiv要素をクリックすると、モーダルポップアップが表示されるようにしたい場合...

続きを読む

[CSS]テキストをクリックすると、divがポップアップで表示されるようにする方法

[CSS]テキストをクリックすると、divがポップアップで表示されるようにする方法1

CSSを使用してテキストをクリックしたときにdivをポップアップに表示する方法 たとえば、「Contact Us」をクリックすると、問い合わせフォームがポップアップとして表示されるなど、テキストリンクをクリックしたときに特定のdiv領域がポップアップとして表示される効果が望まれます。 この場合に使用します...

続きを読む

Mediumのように上下にスクロールに応じて、ヘッダーの表示/非表示する

Mediumのように上下にスクロールに応じて、ヘッダーの表示/非表示する2

過去、韓国でウェブサイトの製作が比較的初期になったとき、サイトは全体的にフラッシュを使って華やかな効果を重視していました。 私がウェブについて何も知らなかった頃(今もよく分からないが)にポートフォリオホームページを一つ作ったことがありました。 デザインについても、htmlについてもほとんど知らなかったので...

続きを読む

jQueryを使用してDIVをランダムに表示する

jQueryを使用してDIVをランダムに表示する3

ページを読み込むたびに、複数のDIV項目のXNUMXつをランダムに表示したい場合があります。 たとえば、ページにアクセスするたびに複数のバナー画像のいずれかがランダムに表示されるようにしたい場合などです。 この場合、jQueryを使用して...

続きを読む

[jQuery]同一ページ内でスムーズにスクロールさせる

[jQuery]同一ページ内でスムーズにスクロールさせる4

同じページ内でリンクをクリックしたときにスムーズにスクロールするには、次のjQueryスクリプトを使用できます。 $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\/ /,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length .. 。

続きを読む

jQueryを使用してリンクを新しいウィンドウで開く

jQueryを使用してリンクを新しいウィンドウで開く5

特定のリンク(たとえば、単一リンク、すべての外部リンクなど)をクリックしたときに新しいウィンドウで開くようにしたい場合があります。 このような場合、HTMLソースからを挿入すると簡単に解決できますが、ソースコードを変更できない場合はどうすれば...

続きを読む