ホームページ作成– category –
-
【CSS】flexboxで要素の間隔を均等にそろえるgapの使い方と例
Flexboxでレイアウトを組むとき、「要素同士の間隔をきれいにそろえたい」と思うことは多いはずです。これまではmarginで調整する方法が一般的でしたが、最近はgapを使うことで、よりシンプルに間隔を指定できるようになりました。 この記事では、flexbox... -
【CSS】長い英数字やURLがはみ出さないように折り返す方法
Webページ内に長い英数字やURLがあると、スマホ表示や狭いカラムで文字がはみ出してしまうことがあります。とくに商品コード、ファイル名、長いリンク先URLなどは、途中で改行されずに横スクロールの原因になりやすいです。CSSを使えば、こうした文字列を... -
【CSS】position: absolute や fixed で配置を縦横中央にする方法
position: absolute ;や position: fixed; で横や縦を中央に配置したい場合があります。要素の幅をあらかじめ決められる場合は、簡単に指定が可能ですが、レスポンシブデザインが主流の現在では、固定幅にすることは難しくなってきています。 その場合、「... -
WordPressでホームページだけに表示させる条件分岐
WordPressサイトで「ホームページだけに特定のコンテンツを表示したい」という場面はよくありますよね。たとえば、トップページにだけバナーを表示したり、お知らせを出したりといった用途です。 WordPressのテンプレートファイルで「ホームページだけに表... -
CSSでボタンをふんわりアニメーションさせる（transition）
ボタンに自然な動きをつけるアニメーション transitionプロパティを使えば、ホバー時などのスタイル変更にアニメーション効果をつけられます。ちょっとした動きが加わるだけで印象が良くなります。 HTML [crayon-6ac3e689dd435729316897/] 基本CSS [crayon... -
ホームページの作成に役立つ便利なツールを公開中
CSSグラデーションジェネレータ― CSSグラデーションジェネレータ―へ 画像トリミングツール 画像トリミングツールへ -
PHPエラー：Warning: Invalid argument supplied for foreach()を解決する
エラー「Warning: Invalid argument supplied for foreach()」は、PHPで foreach によるループを使用する際に、無効な引数が渡された場合に発生します。 foreach ループは配列やオブジェクトを繰り返し処理するために使用されますが、その引数として配列や...
1