使って見出しを表示しました。テキストのままじゃ味気ないので見出しを装飾する方法を2つ紹介します。テキストでカテゴリー名を表示して、その背景にCSSのbackground-imageプロパティで画像を指定します。表示する領域より指定する画像のサイズの方が小さい場合はタイルパターンで繰り返し表示されるので注意が必要でが、そこさえ注意すれば割と簡単です。初心者におすすめ♪カテゴリースラッグを使って見出しを画像化する方法WordPressにログインし、「投稿」「カテゴリー」でカテゴリー一覧を確認することができます。ちなみに下の画像はWEB-LABOのカテゴリー一覧です。このスラッグをファイル名に使用することで画像の見出しを実現します。そこで網掛け部分のスラッグを半角英数で入力しておきます。スラッグが空白の場合は、編集をクリックして入力してください。様にスラッグをファイル名に使うわけですが、ファイル名にプレフィックスを付けておくと画像の管理がしやすいです。画像の形式は、jpgでもgifでも構いません。具体的には、こんな感じで作っておきます。簡略化してもいいと思います。見出しを表示する場所にコピペすれば、画像の見出しが表示されますが注意点がいくつかあります。?>.png"></h1>まず、このままコピペして使うには、画像をテーマフォルダの中の「images」の中にアップロードする必要があります。画像をアップロードする場所を変更する場合は、パスを修正してください。見出しにはh1要素を使用しています。ここは適宜変更してください。上のコードでは、画像をpng形式にしていますので、他の形式にする場合はコードの中の拡張子を変更してください。熊本電子ビジネス専門学校のITビジネス科Webコースでは、こんなことも授業の中でやってます。oonishi熊本電子ビジネス専門学校のITビジネス科で、Webをメインに教えています。「Webデザイナーである前に、ビジネスパーソンであれ」がモットーです。「今」の積み重ねによる未来を待つのではなく、未来から逆算して「今」を生きる。CSSフィードRSSAtom。