コンテンツへスキップ

Kansuke program note

WordPressへの様々な機能の実装方法を記事にしていきます。「わかりやすく」を念頭に置いてメモを残します。

  • ホーム
  • blog
  • WordPress
  • PHP
  • jQuery
  • CSS
  • tips
  • お問い合わせ

カテゴリー: jQuery

2021年2月14日 jQuery

【jQuery】reCAPTCHAの表示・非表示を判定してページトップへ戻るボタンの位置を切り替える方法

過去に下記のような記事を書きました。 この記事を参考にしてreCAPTCHA(リキャプチャ)を実装すると、 reCAPTCHAのマークはどのページにも表示されてしまいます。reCAPTCHAの表示は問い合わせページだけで [...]

続きを読む
2021年2月10日 jQuery

【jQuery】特定の横幅になったらクラスを追加・削除する簡単な方法

レスポンシブデザインのサイトを実装する際に、CSSにメディアクエリを書き込んで特定の横幅の場合は表示を変えたりしますよね。メディアクエリだけで対応できれば良いのですが、中にはメディアクエリだけでは対応が難しい場合もありま [...]

続きを読む
2021年1月1日 jQuery

WordPress5.6にアップデートしたら一部のjQueryが動かなくなった際の対処方法

WordPressの最新版(バージョン5.6)が2020年12月9日にリリースされました。アップデートに伴い、私が管理しているいくつかのサイトで不具合が出たので、その対処方法をメモとして残します。 【現象】バージョン5. [...]

続きを読む
2019年12月16日 jQuery

【jQuery】特定の秒数で画像などの要素を順番に回転させて表と裏の要素を交互に表示する方法

昨日にこんなブログを書きました。 記事の最後の方にサンプルを設置したのですが、ぱっと見何があるのかわからないので、文章で「 ※クリックすると回転します。 」と補足を入れています。 回転する要素に「ここをクリック!」とか入 [...]

続きを読む
2019年12月14日 jQuery

【jQuery】ボタンや画像をクリックして要素を回転させて裏側に仕込んだ要素を表示する方法

たまに見かける下記のようなくるっと回るボタンを、ホバーではなくてクリックで回転させて、かつ裏側に仕込んだ別の要素を表示する方法をメモします。 回転 回転させる要素を用意する 回転して「表」と「裏」を表示するので、表と裏の [...]

続きを読む
2019年12月12日 jQuery

【jQuery】animatedModal.jsで動きのあるモーダルウインドウを簡単に実装する方法

animatedModal.jsを入れると動きのあるモーダルウィンドウが簡単に実装できたので、メモとして残しておきます。 そもそもモーダルウィンドウって何? 名称だけだと何かわかりませんが、最近は「Webサイトのロード画 [...]

続きを読む

広告

書いてる人


「Kansuke(かんすけ)」と申します。
普段はWebサイトやWebサービスの実装のお仕事をしています。
忘れがちなコード、新しく学んだ技術、思いついたプログラムを記事にしていきます。

よく読まれている記事

  • XAMPPにXdebugを入れたのにVSCodeのブレークポイントで止まらない現象の解決法 224件のビュー
  • 【jQuery】ボタンや画像をクリックして要素を回転させて裏側に仕込んだ要素を表示する方法 146件のビュー
  • WordPressの子テーマ化をした際にスタイルシートの重複読み込みを回避する方法 46件のビュー
  • 【jQuery】animatedModal.jsで動きのあるモーダルウインドウを簡単に実装する方法 42件のビュー
  • スクロールで画像や文字がふわっと現れるギミックを実装するための参考記事をメモ 37件のビュー

最近の投稿

  • Google AdSenseに再申請して合格した際に改善した三つのこと
  • 【WordPress】WordPressやプラグインの更新後にrecaptchaの表示制限などをしているプログラムが効かなくなった際の対処方法
  • GoogleChromeの検索履歴のキーワード候補を消す、または非表示化する方法
  • 【WordPress】HTMLやCSSなどのコードを記事に書くと半角の括弧が「&lt」「&gt」に文字化けしてしまう場合の対処方法
  • 【CSS】画像やアイコンにマウスを合わせた際にくるっと45度ほど回転させる方法

カテゴリー

  • blog (1)
  • CSS (1)
  • jQuery (6)
  • PHP (3)
  • tips (2)
  • WordPress (12)

アーカイブ

  • 2021年3月 (5)
  • 2021年2月 (4)
  • 2021年1月 (1)
  • 2020年12月 (1)
  • 2019年12月 (6)
  • 2019年11月 (1)
  • 2019年9月 (1)
  • 2019年7月 (1)
  • 2019年6月 (1)
  • 2019年5月 (2)

サイト内検索

  • プライバシーポリシー