-
WordPress で「この記事を書いた人」を作成
管理画面のプロフィールの情報を用いて「この記事を書いた人」を作成。 コーポレートサイトの場合、社長やスタッフのブログに利用できるのではないかと・・・。 まずは functions.php で次を入力し、管理画面のプロフィールページに項目を増やす。 テンプレートで呼び出す場合は以下。
-
マウスオーバーで伸びるアンダーライン
ナビゲーションでよく見かけるものです。 transform-origin を left や right に変更すれば動きが変わります。
-
input[type=”range”] と jQuery
input[type=”range”] という出番が少ないタグですが、使う機会があったので、色々と忘れないように。 ローンのシミュレーションや自動見積もりなどで使うことがあるかと。 まずは HTML。 jQuery は次のように。 カンマ区切りにしたい場合、input[type=”number”] ではカンマ区切りができないので、input[type=”text”] として、次を使う。
-
ヘッダー固定でページ内リンク
検索すれば多数ヒットするのですが、自分がわすれないために。 ヘッダーなどをページ上部に固定させた場合、ページ内リンクを設けるとヘッダーの下に隠れてしまう現象。 アンカーがページの上部に移動し、その上に position:fixed; と z-index を指定したことが原因。 なので、ヘッダーの高さの分だけアンカーをずらせばよい。方法は CSS と jQuery の２通り。 jQuery では、target.offset().top にヘッダーの高さ分を引けばよい。
-
ホームページをリニューアル
1年以上放置していた事務所のホームページをリニューアルしました。 ファーストビューに動画を設置するなど重そうと思いならがも試験的に運営していきたいと考えています。