- 2016年11月3日
- 2018年2月18日
要素が画面に入ったらアニメーションをするパララックス【inview.js】と【animeite.css】の使い方
最近ではLPのみならず、通常の企業サイトでもアニメーションを使用して要素を出現させたり動かしたりするサイトが増えてきました。 その中でも最も使いやすく動作が軽いjQueryのプラグイン【inview.js】と、cssのアニメーションプラグイン【Ani […]
最近ではLPのみならず、通常の企業サイトでもアニメーションを使用して要素を出現させたり動かしたりするサイトが増えてきました。 その中でも最も使いやすく動作が軽いjQueryのプラグイン【inview.js】と、cssのアニメーションプラグイン【Ani […]
レスポンシブで固定ヘッダーの高さが可変。アンカースクロールがうまく設定できない。 ヘッダーにposition:fixed;を適用していて固定していると、ページ内スクロールでスルスルーっと移動するときにズレが生じてしまいます。 そんな時はheaderの […]
CSSの”100vh”でも出来るんだけど、ブラウザ対応が気になる。。。 今流行のサイトのファーストビューを画面いっぱいに画像や動画を表示する方法。 cssでもできるんですが、お客様によっては古いブラウザを使用していたりして、height:100vh; […]
色々要望があって、試みていくうちにループが思うようにできなくなった なんてことありますよね。私も昔はよく陥っていました。 archive.phpやcotegory.phpで、複雑なコードを書いてしまって、他のカテゴリが取得されてしまったり、ページ送り […]
ホームページにfaviconを設定する方法の紹介です。 favicon(ファビコン)とは? faviconとは、ホームページに設定されているアイコンのようなものです。 faviconを設定すると何が変わるのか? タブのアイコンに表示されます ブックマ […]
検索数の取得方法 WordPressの検索結果ページにて、何件ヒットしたかという検索結果ヒット数を取得したい時があります。 たった一行をコピペするだけ。超簡単です。 下記をコピペで実装 search.php [crayon-6767b470758ce […]
管理画面のカスタマイズ WordPressの管理画面、左側の【投稿】となっている部分の記載を、お客様のご要望によっては変更することがあります。 例えば、本来【投稿】で商品の情報を入力する場合は【商品】にラベル名を変更したいです。 下記コードをコピペで […]
前回書いた記事 WordPressのカテゴリーページに「カテゴリーの説明」(description)を取得して、更に「カテゴリーの説明」でhtmlを使用する方法 の続きですが、今回は「カテゴリーの説明」ではなく、カテゴリーごとに画像をアップして、アー […]
カテゴリーページにて、カテゴリーやターム毎に文章を変えたい場合があると思います。 そんな時は「カテゴリーの説明」のフィールドを利用して、カテゴリーページ毎に別々の文章を出力しましょう。 1.カテゴリーの説明の入力方法 カテゴリーの項目にある「編集」を […]
YouTubeの埋め込みをレスポンシブ化する方法 YouTubeの<iframe>タグで埋め込みをすると、レスポンシブ対応になっていないため、スマホで閲覧した際にサイトからはみ出してしまいます。 下記のコードをhtmlファイルとcssファ […]