HTML・CSS レスポンシブCSS iphoneのセーフエリアに影響されないCSSによる調整方法を紹介 2022年3月24日 コーディングをしていて、iPhoneなどの実機でスクロールした際に画面下部にあるセーフエリアについてサイトが影響されていることはありませんか。iPhoneX以降から導入されたセーフエリアにより、スマートフォンサイトが影響されているケースが発生している場合があります。 特に画面下部にメニューを配置したデザインなどをされて...
Wordpress Wordpress wordpressの新着情報に期間指定でNEWアイコンを表示する方法 2021年9月27日 wordpressで記事更新をしていると、新着情報のみNEWアイコンなどを付けたいと思いませんか。 HTMLとCSSだけでは新着情報にNEWアイコンの表示はできますが、期間を指定して表示することはできませんよね。そこでwordpressの機能を活用して、期間指定してNEWアイコンを表示する方法をお伝えしていきます。 w...
HTML・CSS コーディングレスポンシブ レスポンシブで適切な画像を読込み画像を変える方法 2021年8月17日 デバイスに合わせた画像の切り替えについて、どうのような方法をとられていますか? 今回はレスポンシブサイトの構築時に、デバイス合わせて適切な画像を読み込み、画像を変える方法について紹介していきます。 PC用の画像とSP用の画像を読み込ませて、display:none;で表示・非表示している場合には、画像の切り替え方法につ...
HTML・CSS コーディングJSフォームプラグイン フォームの入力補完機能Autocompleteを無効にする方法 2021年4月23日 フォームの入力保管機能は便利ですが、サイトの構築内容によっては、思わぬ妨害にもなってしまう場合があると思います。 そこで今回は、フォームの入力保管機能であるAutocompleteを無効にする方法について紹介していきます。 html側でフォームのAutocompleteを無効にする方法 ■フォーム全体にAutocomp...
JQuery コーディングJS jqueryの実行処理をレスポンシブ時に分岐する方法 2020年8月2日 JQueryの実行処理をレスポンシブのブレイクポイントによって、条件分岐したいときが稀にあります。 ユーザーエージェントで分岐する方法もありますが、もっと手軽に使いやすいようにレスポンシブのブレイクポイントに合わせた方法について調べてみました。 目次 ・JQueryの実行処理を条件分岐する ・jqueryの実行処理をレ...
JQuery コーディングJS jqueryを使ってタブ切り替えのイベントを実装する方法 2020年7月29日 Webサイト内で、情報を分かりやすくまとめるために、タブ切り替えのBoxを実装することは、一つの手法であります。今回はそんなタブ切り替えについて、タブとターゲットとなる切り替えBoxが離れていても動作するタブ機能をJQueryを使って実装していきます。 今までタブ切り替えを実装したことがない方は、是非参考にしていただけ...
プラグイン WordpressフォームMW WP Form MW WP Formのメールアドレスの再入力確認をする方法 2020年7月23日 メールアドレスを入力して、再度メールアドレスの入力間違えがないか再確認をするために、メールアドレスを入力するメールフォームが多くのサイトで採用されています。 今回はWordpressメールフォームプラグインのMW WP Formで、メールアドレスを再確認をするための設定を紹介していきます。 目次 ・メールアドレスの再入...
プラグイン WordpressフォームMW WP Form MW WP Formのバリデーションの設定方法と複数の設定 2020年7月21日 前回の記事で、WordpressメールフォームプラグインのMW WP Formの基本的な使い方を紹介しました。今回はメールフォームの入力チェックなどを行う、バリデーション設定について紹介していきたいと思います。 MW WP Formをまだ使ったことがない方は、是非参考にしていただければと思います。 目次 ・MW WP ...
プラグイン WordpressフォームMW WP Form MW WP Formの使い方|wordpressの高性能メールフォーム 2020年7月20日 Wordpressでメールフォームを実装する際に、どのようなフォームをお使いですか? 今回はWordpressのプラグインで、実装の簡単さと高い機能性で定評の高いメールフォームプラグイン「MW WP Form」の使い方について紹介していきます。 Wordpressを使い始めて日が浅い方や、今までMW WP Formを使...
HTML・CSS コーディングJS urlパラメータ渡しをページ内リンクで適用する方法 2020年7月17日 以前の記事でHTMLリンクでパラメータ渡しについて紹介しましたが、今回は同一ページ内でのページ内リンクでパラメータを渡す方法について承知していきたいと思います。 HTMLリンクのパラメータ渡しについて先に知りたい方は、下記記事をお読みください。 ↓↓↓↓ https://fractales.jp/javascript/...