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

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

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

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

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

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

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

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

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

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

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

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

WordPressの[タグクラウド]のスタイル変更

WordPressの標準ウィジェットで用意されている[タグクラウド]のスタイル変更をしようとして、少し悩んだので備忘録的に投稿しておきます。

続きを読む WordPressの[タグクラウド]のスタイル変更

CSSでブログに吹き出しを表示

ブログやってますか?最近ブログで目にする吹き出し風の表現のネタです。複数の人物を登場させて会話調で内容を記載したり、読み手へ語りかけるような場合に使われているブログを見かけますよね。 続きを読む CSSでブログに吹き出しを表示

2列の横リストを簡単CSSでレスポンシブルにする

AdSenseの広告ユニットを2枚横並びに記事に貼り付ける方法を考えていて、簡単なスタイルシートでレスポンシブル対応が出来たので備忘録的な記事で投稿します。 続きを読む 2列の横リストを簡単CSSでレスポンシブルにする