WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(スマホ対応版)

先回、YouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示されるように、アイキャッチ画像を動かす仕組みをタッチスクリーンなどに対応したスマホ対応版として投稿します。

続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(スマホ対応版)

WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(最終版)

先回から作っているWordPressのアイキャッチ画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptを使った仕組みで最後の仕上げをした部分を最終版として投稿します。

続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(最終版)

JavaScriptのイベント追加コードでthisキーワードの使用

先回、WordPressサイトでアイキャッチ画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptでコードを書いている時によく分からない部分でハマってしまった部分を備忘録として投稿します。

続きを読む JavaScriptのイベント追加コードでthisキーワードの使用

WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(改良版)

先回、YouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示されるように、JavaScriptを使って変更した部分を実際に動かしてみたら、思いもよらない部分が出てきたので、修正した部分を改良版として投稿します。

続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる(改良版)

WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる

最近のYouTubeや動画の視聴サイトで、サムネイル画像にマウスカーソルを重ねた時にプレビューが表示される挙動になっているのを、WordPressのアイキャッチ画像でやってみようと調べたところ、記事を見かけなかったので実際にやってみた記録を備忘録的に投稿します。

続きを読む WordPressのアイキャッチ画像をマウスのホバーでアニメーションさせる

C#で起動中のGoogle Chromeを取得する方法

先回の[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を作ってみましたが、実行中のGoogle Chromeを取得する方法に手間取ったので備忘録的に投稿します。

続きを読む C#で起動中のGoogle Chromeを取得する方法

Seleniumで起動中のChromeを操作する方法

Google Chromeの[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を備忘録的に投稿します。

続きを読む Seleniumで起動中のChromeを操作する方法

C#でChromeのダウンロードページの詳細を取得する方法

Google Chromeの[ダウンロード]ページに表示されるファイルのダウンロード速度を記録したくて Selenium を使ってC#から取得する方法を備忘録的に投稿します。

続きを読む C#でChromeのダウンロードページの詳細を取得する方法

C#でShadow-rootの要素を取得する手順

Google Chromeの[ダウンロード]メニューで表示されるページに使われている[#Shadow-root]要素を Selenium を使って取得する方法を備忘録的に投稿します。

続きを読む C#でShadow-rootの要素を取得する手順

Revive Old Postsの最小間隔が5時間になってしまったので過去記事のツイート機能を自作した

WordPressに投稿した過去記事をランダムに選んでSNSに投稿してくれるプラグイン「Revive Old Posts」のバージョンアップで、無償版で投稿する間隔の最小値が5時間になってしまったので、同じ機能をPHPで自作した時の記録です。

続きを読む Revive Old Postsの最小間隔が5時間になってしまったので過去記事のツイート機能を自作した