jQuery jQuery – スクロール時にグローバルナビゲーションメニューをページトップに固定
Webページのスクロール時に、ヘッダーナビゲーションメニューをページトップに固定するJavaScriptのご紹介です。UIデザインの好みやバランスにもよるかと思いますが、私の場合は、ヘッダーメニューはスクロールでページトップ固定もしくは最初...
jQuery
jQuery jQuery jQuery – PCとモバイルの表示を変える（ユーザーエージェントを判別してbodyタグにクラス付加）
以前、PCではスプライトアニメーションを表示し、モバイルでは静止画にしたい時がありました。下記コードはユーザーエージェントを判別して iPhone か Android なら bodyタグに mobile-viewクラスを追加します。 jQu...
jQuery jQuery – 半角英数字と全角英数字を相互に変換する
これは特殊な例だと思いますが、以前、Webサイトの制作で、トップページのみナビゲーションメニューの各テキストを大きく表示させてレイアウトするデザインをしました。 その際に、どうしてもテキストを全角文字にして日本語も英数字も等幅にしたかったの...
WordPress WordPress – ユーザーページ（author.php）をナビゲーションに追加、アクティブに！
ある案件でテーマのナビゲーションにユーザーページ（author.php）へのリンクを追加する必要があったのですが、当然のことながらログインユーザーによってURL（ユーザー名）のユーザー名部分が変わります。 ナビゲーションのリンク自体は ex...