Decoweb– Author –

HTMLでテーブル（表）の幅を均等に揃えたい時があると思います。 例えば4つ並びなら、tdの幅を25%にすればよいですが、セルの幅の増減に合わせて調整が必要になってしまいます。 [crayon-6acec6ca7a36b700965645/] 「table-layout: fixed;」を使用すれば、...

昔の WordPress では、パーマリンク設定の「カテゴリーベース」欄に ./ を入力すると、URL から「/category/」を消すことができました。 例：設定 → パーマリンク → カテゴリーベース → ./結果 → https://example.com/category/news/ → https://example.co...

はじめに 「30代になってからでも、Webデザイナーになりたい。」そんな思いを抱く人は少なくありません。長年続けてきた仕事に区切りをつけ、新しいキャリアに挑戦したい。好きなデザインやWebの世界を仕事にしてみたい。そんな気持ちが強くなり、Webデザ...

はじめに レスポンシブデザインでは「どのCSS単位を使うか」が大きなカギになります。固定の px だけで作ると、画面サイズやデバイスが変わったときにレイアウトが崩れやすくなります。 そこで活躍するのが 相対的な単位（%, em, rem, vh, vw など）。ここ...

CSSにおける単位とは？ CSS（カスケーディングスタイルシート）の単位は「文字サイズ」「余白」「幅や高さ」などを指定するときに使います。大きく分けると「絶対的な大きさを表す単位」と「親要素や画面に依存する相対的な単位」があります。それぞれの特...

WordPressサイトで「ホームページだけに特定のコンテンツを表示したい」という場面はよくありますよね。たとえば、トップページにだけバナーを表示したり、お知らせを出したりといった用途です。 WordPressのテンプレートファイルで「ホームページだけに表...

[crayon-6acec6ca7ac79320477473/] CSSでスタイルを指定していると、:hover や ::before など、コロンが1個のものと2個のものを見かけたことがありませんか？ 「これって何が違うの？どっちを使えばいいの？」と疑問に思った方のために、この記事では「:（...

WordPressでテーマを自作したり、テンプレートをカスタマイズしていると、「あの情報、どうやって表示するんだっけ？」という場面によく出くわします。 そこでこの記事では、よく使うテンプレートタグを目的別に整理して一覧化しました。コピペしてすぐに...

サイトのグローバルメニューやナビゲーションバーを作るときによく使われるのが横並びのメニューです。 flexboxを活用すると、複雑な調整なしに簡単に横並びレイアウトを実現できます。少し前は、横並びレイアウトに floatを使用していましたが、現在はCSS...

レスポンシブデザインの基礎にして最重要テクニック Webサイトをスマホやタブレット、PCなど異なる画面幅に対応させるには、CSSの「メディアクエリ」が欠かせません。ビューポートのサイズに応じてスタイルを切り替えることで、柔軟なデザインを実現できま...