2分SHAREツイートシェアはてブLINEPocketこのページでは、カテゴリー別にデザインを変更する方法を解説します。カテゴリーごとに、デザインが変わったらオシャレですよね。映画のレビューブログで、コメディとホラーではデザインを全く別のものにしたりとか。今回はそのような、カテゴリー別、または記事別にデザインを変える方法をメモ程度に解説します。この解説での実行環境パソコンはMacを使用しています。サーバーはXServer、テーマは、SANGOを使用しています。上記の環境でない場合は多少手順が変わるかもしれませんので注意してください。サトリクブログのカスタマイズは自己責任で行ってください!カテゴリーページを変える手順STEP.1Xサーバーにログインします。以下のURLにアクセスしてインフォパネルにログインましょう。https://www.xserver.ne.jp/login_file.phpSTEP.2ファイル管理にアクセス「ファイル管理」を押下しましょう。STEP.3sango-themaにアクセス以下のようにファイルを辿ります。satoriku.com(自分のドメイン)→public_html→wp-content→thema→sango-themaSTEP.4single.phpをダウンロード1single.phpをクリックしてダウンロードします。2左下にダウンロードされるので、デスクトップにドラッグ&ドロップしましょう。STEP.5複製するSTEP4で、保存したsingle.phpを複製します。STEP.6名前を変える名前を変えます。自分の場合は、single-normalとsingle-eclipseと名前をつけます。この3つのファイルは以下のように使うsingle.php→テンプレートを分別する役割single-normal.php→通常のテンプレートsingle-eclipse→今回自分が作りたいテンプレートSTEP.7アップロードするsingle-normal.phpとsingle-eclipse.phpをXServerにアップロードします。STEP.8編集するsingle.phpを選択し、編集を押下します。STEP.9書き換えるsingle.phpを全て削除し、以下のコードをコピペします。'normal');}?>STEP.10スラッグを変えるスラッグというところに、自分が変えたいカテゴリーを入力します。'normal');}?>自分の場合は、特定の記事のデザインを変えたかったので、is_single(‘ページID’)と入力します。スラッグの調べ方ダッシュボードで、投稿→カテゴリーと進み、変更したいカテゴリーにマウスを当てます。すると、下の方にスラッグが表示されます。STEP.11自分の思い通りに作るあとは、自由にsingle-eclipse.phpをいじるだけです。完成これで手順は終わりです。この手順で完成したのが、以下のページです。https://satoriku.com/eclipse/一気に記事の感じが変わります。コメントをキャンセルメールアドレスが公開されることはありません。サトリク21歳のエンジニアです。仕事終わってから1人で淡々とブログを書いています。目標は、このブログを自慢できるほどのコンテンツに仕上げることです。自分が買ったモノの紹介はこちらのブログで紹介しています。