aタグに電話番号を設定していないのにスマホで確認した時に、電話番号やFAX番号などの数字がクリックできるようになっており、実際にクリックすると電話発信されてしまう現象にあったことがある人は多いのではないでしょうか。 こちらの記事では、スマホで...

こちらの記事では、背景画像background-imageの高さを可変(レスポンシブ)にする方法についてまとめています。 背景画像をレスポンシブ対応させる方法が分からず、今までbackground-imageを使わずにimgタグだけで画像を表示させていた方は、こちらの記事を...

箇条書きや注意事項を文章で書く場合、テキストの前に『※』や『・』などの記号を使うことが多く1つの文章の量が多いと改行され記号の下から文章が始まってしまいます。 spanタグやbrタグなどで改行位置を決めて、余白を空けることをしていたら時間もかかり...

本記事では、HTMLの画像をレスポンシブに切り替えることができるpictureタグの使い方について解説しています。 【pictureタグとは】 pictureタグとは、HTML5で登場した新しいタグです。 現在のWebサイトでは、スマホのキービジュアルが縦長に作られている...

WordPress(ワードプレス)のバージョン5.0から標準搭載されたブロックエディター(Gutenberg)ですが、昔からWordPressを利用している方の中には旧エディターの方が使いやすい理由からClassic Editor(クラシックエディター)をインストールしている人は多いの...

WordPressで記事を書いていると、保存したタイミングなどで勝手に<p>や<br>が挿入されてしまい、デザインが崩れてしまったり余白が大きく空いてしまい見た目が悪くなってしまう場合があります。 こちらの記事では、自動整形される原因について...

CSSのposition:fixedは、ページ上部にグローバルメニューを追従させたい時やモーダルウィンドウで中央に固定表示させるなど様々な場面で活躍する便利なプロパティですが、ある条件下で使用すると固定されない現象が起きます。 こちらの記事では、position:...