cssのみで作成したマウスホバーエフェクトで、画像にマウスを重ねると画像の上又は下に吹き出しが表示されます。写真の内容についての説明をする時に使えるかもしれません。
このブログでもjQueryのプラグインを紹介していますが、jQueryプラグインの詳しい設置方法を書いていなかったので、jQuery本体の読み込み、プラグインの読み込み、プラグインの初期化の順で説明します。
Googleが提供している「Google Maps JavaScript API」を使って地図を表示します。
APIを使用することで埋め込み式よりも色々なカスタマイズが出来ます。ここではスクロールズームを無効にしたシンプルな地図を表示します。
軽量でレスポンシブ対応のDarkboxを紹介したいと思います。名前はダークですが、全然そんな感じはなく、ポップアップ開始と終了時のアニメーションが良い感じです。
ページをスクロールするとウィンドウの右下に表示されるトップへ戻るボタンの作り方を書き留めます。CSSでサンプルボタンを作成しましたので、そのまま使用しても良し、改良しても良いです。
wordpressのテーマを修正しなくてもサイドバーに最近の投稿を表示することはできますが、アイキャッチ画像が表示されません。そこでプラグインを使用しないでアイキャッチ画像を表示できるように作成しました。
このスライドショーのjqueryプラグインは、軽量コンパクトでレスポンシブな3Dイメージスライダーです。画像の切り替えが立体的になっていて見ていて楽しいです。
これはcssのみのマウスホバーエフェクトで、画像をマスクしてその上に文字列(キャプション)を表示します。今回は割とシンプルな動きのあるものを13種類作成しましたので書き留めておきます。
以前「私がadd_theme_support(title-tag)を使わない理由」という記事を投稿しましたが、wordpress4.4にバージョンアップしたところ、不具合も解消されてtitleタグの内容も改善されたので、add_theme_support('title-tag')を使用します。
続きを読む»