シリーズ: ブロックテーマ自作

総仕上げのステップです。 📌 このシリーズの目次・準備編はこちら本番環境の準備や、あると便利な前提知識・ツールは、シリーズの入口「ロードマップ」…

スマホファーストの流れで、海外のブログテーマはほぼ1カラム（サイドバーなし）が主流ですが、日本のブログ文化ではまだまだサイドバーが根強い人気です。今回はカラムブ…

テンプレートが揃ったら、次はブログの「顔」になる投稿一覧ページです。パーマリンクの確認から始めて、クエリループブロックを使って組んでいきましょう。 &#x1f4…

ヘッダーとフッターが揃ったら、次はコンテンツを表示させましょう。どのテンプレートに入れるか、表示設定とテンプレートの関係をつかめば、この先の作業がぐっとラクにな…

前回はヘッダーを組みました。フッターも構造はまったく同じです。「外側・内側・最内側」の入れ子パターンを思い出しながら、同じ要領で組んでいきましょう。 &#x1f…

いよいよブロックを組んでいきます。最初はヘッダーです。ここで「入れ子（ネスト）」の考え方をつかんでおくと、フッターも一覧ページも「同じ要領」で進められるようにな…

カラーパレットの設定をします。この記事では、私がおすすめするslug構成と、実際の使い方を紹介します。 📌 このシリーズの目次・準備編はこちら本…

先にやっておきたいtheme.jsonの設定があります。この設定は2回に分けて進めます。この記事ではレイアウト幅とパーツ登録、次の記事ではカラーパレットの設定を…

最初に「どんなサイトにするか」を決めておくと、必要なファイルが自然と決まります。3つの選択で、自分のサイトに必要なファイル一覧が見えてくる流れを解説します。 &…

WordPressのブロックテーマなら、PHPの知識がなくても、ローカル開発環境がなくても、「自作テーマ」を作り始めることができます。🎉 なによ…