CSSで横並びを表現できる5パターンとそれぞれの役割(使い所)

初心者の最初のハードルとして横並びがあるかと思います。縦に並べるだけなら、それなりにポチポチ触ればできますが、横並びになった途端に「うわあああああ」って。 この記事では、CSSで横並びを表現する5パターンとそれぞれの特徴 […]

WordPressの固定ページをテンプレートで指定する書き方

複雑っぽい構成のデザインの場合は管理画面の固定ページから編集できるエディタじゃ限界があったりします。 そこで、固定ページ専用のテンプレートを作れる機能がWordPressに存在していて、「固定テンプレート」と呼ばれていた […]

ドロワーやモーダルをCSSだけで実現する方法

ドロワーやモーダルといった、いかにもクリックアクションをJavaScriptで操作している系の動きも実はCSSだけで実現できたりします。 仕組みの大枠としては、以下の3つを組み合わせる感じです。 チェックボックにあるチェ […]

【SNSの時代に必須】静的なWebサイトでのOGPの設定の仕方

OGPはTwitterやFacebookなどのSNS媒体に投稿された時に、「どのような見栄えで表示させるか」を指定できる規格です。 HTMLのメタタグとしてフォーマットが決まっているので、ルールに沿ってタイトルや画像など […]

レイアウトの基本である.innerの中央寄せを覚えよう!

中央揃えってサイト制作し始めた初心者にとっては最初の難題かと思います。 この中央揃えですが、実はレイアウトの肝の部分で当たり前に使われる要素なので、最低でもレイアウトの左右中央揃えだけは覚えておかなければなりません! こ […]