-
JavaScriptで今日の日付や現在時刻を取得する方法【Dateオブジェクト】
サイト上に今日の日付や、現在時刻を表示したいという場面がありますよね。 今回の記事では、JavaScriptのDateオブジェクトを使って、今日の日付と時間を取得する方法を... -
【WordPressプラグイン】カテゴリーの順番を自由に入れ替える方法を紹介！
WordPressカテゴリーの並び順は、デフォルトでは以下のようになっています。 「数字」 → 「アルファベット」 → 「ひらがな」 → 「カタカナ」 → 「漢字」 その上、標準の... -
【サイト高速化】jpg・png画像を圧縮できる「TinyPNG」の使い方
Webサイトやブログに画像をたくさん使う場合、ページの表示速度が気になりますよね。 大きい容量の画像を何枚も表示すると、表示速度が遅くなりユーザビリティの低下に... -
WordPressでSVGをアップロード可能にするプラグイン「Safe SVG」
WordPressでは、SVG画像をアップロードしようとすると以下のエラーが表示されてしまいます。 このファイルタイプはセキュリティ上の理由から、許可されていません。 SVG... -
【CSS】@supportsでブラウザ対応状況を判別して条件分岐させる方法
Web制作をしていると、 という経験がある人も多いのではないでしょうか。 特にIEや古いバージョンのブラウザでは、新しめのCSSプロパティがサポートされていないという... -
【JS&CSS】スマホのアドレスバー・ツールバーを除いた100vhの値を指定する方法
WEBページのファーストビューに画面いっぱいに要素を表示したいとき、heightやmin-heightに100vhを指定することが多いですよね。 PCだと問題なく表示されますが、スマホ... -
簡単にフォームが作れるプラグイン「WPForms」の使い方を紹介【reCAPTCHAの設定も解説】
WordPressには、様々なお問い合わせフォームのプラグインがありますね。 日本ではContact Form 7やMW WP Formが有名ですが、どちらも多少のコーディング知識が必要にな... -
【CSS】ボタンから波紋が広がっていくエフェクトを実装する方法
SNSボタンなどに使えそうな、ボタンから波紋が広がっていくエフェクトを実装してみたので、紹介していこうと思います。 以下が実際のエフェクト付きボタンです。 このボ... -
お問い合わせフォームプラグイン「WPForms Lite」無料版でできること・できないこと
WordPressには様々なお問い合わせフォームプラグインがありますね。 その中でもインストール数300万回以上の大人気のプラグイン「WPForms」を使ってみたので、できるこ... -
【CSS】メディアクエリでIE10・11のみを指定する方法【IE9以下も解説】
Web制作では、まだまだInternet Explorerに対応しなければいけない案件が多いですね。 しかしIEでは未対応のCSSプロパティがあったり、表示が崩れたりといった問題がよ... -
【jQuery無し】素のJSでページ内リンクをスムーススクロールさせる方法
ランディングページのナビゲーションやブログページの目次など、ページ内の特定の場所にリンクを設定することは多いですよね。 ページ内リンクは、デフォルトだとリンク... -
JSとCSSで雪を降らせるエフェクトを実装する方法
冬のキャンペーンサイトなどに使えそうな、雪を降らせるエフェクトを作ってみたので、実装方法を紹介しようと思います。 jQueryなしプラグインなしコピペですぐに使える... -
JSとCSSで落ち葉をひらひらと舞わせるエフェクトを実装する方法
ページ上にカラフルな落ち葉を舞わせるエフェクトを実装しましたので、紹介していこうと思います。 ここではjQueryやプラグインは使わず、CSSと素のJavaScriptのみで実... -
JSとCSSで桜を降らせるエフェクトを実装する方法【コピペOK】
CSSとJSでページに桜を降らせるエフェクトを実装してみたので、紹介していこうと思います。 プラグインなしjQueryなしコピペするだけで使える 今回はjQueryやプラグイン... -
【Vanilla JS】スクロール量をプログレスバーでページ上部に表示する方法
スマホでWebページを開くと、縦長なのでどうしてもスクロール量が多くなりますよね。 PCだと少しのスクロールでページ全体を見ることができますが、スマホだと倍以上の... -
【jQueryなし】素のJSでトップに戻るスムーススクロールボタンを実装する方法
最近では、ページの右下に「TOPへ戻る」ボタンがあるのが一般的ですよね。 1クリックでページの一番上まで戻ってくれるので、かなり便利な機能です。 このトップに戻る...
