【無料配布】WordPress日本語ブロックテーマ｜CSS・PHP不要でzipダウンロード

WordPressのブロックテーマなら、PHPの知識がなくても、ローカル開発環境がなくても、「自作テーマ」を作り始めることができます。
🎉 なにより、コードを書く必要はないんです。
WordPressのエディターでブロックを並べて、コピぺするだけです。

▼ 先にテーマだけ欲しい方へ
完成品「Naniwa-No-Code」は無料でダウンロードできます。フルサイト編集（FSE）対応・日本語サイト向けのシンプルな土台です。
→ 無料ダウンロードはこちら

このロードマップで手に入るもの

「自分専用」のオリジナルテーマ
既製品ではない、あなたのこだわりが詰まった唯一無二のテーマです。
ノーコードでのデザイン管理術
CSSを書かずに、WordPressのエディター操作だけでデザインを完結させるスキルが身につきます。
「壊れにくい」サイト構造
theme.jsonを活用した、色や幅を一括でスマートに管理できる最新の仕組みを理解できます。
自由なレイアウト構築力
PCでの2カラムやスマホでの縦並びなど、レスポンシブ対応もブロックの標準機能だけで自在に操れます。

⤴︎ WordPressの始め方ロードマップ

本番環境の準備

こんな環境で始められます

サーバーを借りてWordPressをインストールしただけの状態 → そのままテスト環境になります
サブドメインでテスト環境を作れるレンタルサーバーがほとんど（Xserverなど）
InstaWP（インスタ・ダブリューピー）：期間限定の使い捨て実験室のようなところ

この環境で、自作テーマのフォルダをアップロードして有効化するだけで動きます。

工事中のサイトを外部に見せないための「ひと工夫」をしておきましょう！

「ログインユーザーのみ表示」の設定をfunctions.phpに追加しておけば、自分だけが確認できる状態でテストできます。

あると便利な「前提知識」と「ツール」

前提知識について

最低限あれば楽

テンプレート階層の理解
どのファイルがどのページに対応するか。single.html は投稿ページ、index.html はデフォルト、という感覚があればOK。
HTMLとCSSの基礎
HTML : タグの意味がわかる程度でOK。
CSS : 例えばボックスモデル（padding・margin・border）の概念を知っていると、サイトエディターで余白を調整するときに「なんか詰まってる…」「広げたいのに広がらない」がスッキリ解決できます。
ブロックエディターの操作感
グループ・カラムなど基本ブロックの使い方を知っていると、テンプレートのイメージが掴みやすくなります

なくてもOK

✓PHP：
CSSやJSファイルの読み込み・独自機能の追加・プラグイン的な拡張など、もっと欲張りになってきたら少しずつ必要になります。今はAIに相談しながら書ける時代なので、身構えなくて大丈夫

✓JavaScript：
ページ先頭に戻るボタン・スライダーなど動きのある機能を追加したい場合は必要。とはいえ今はAIに相談しながら作れる時代なので、書けなくても大丈夫

✓ローカル開発環境：
本番環境でテストできます

あると便利な2つのツール（FTP・VSCode）

基本的にWordPressの管理画面だけでできます。

「必須ではないけど、あると作業がラクになる」——そんな2つのツールを紹介します。

● FTPクライアント
テーマフォルダをサーバーの wp-content/themes/ にアップするために使います。管理画面からのzip upload より細かい操作ができて便利です。
・FileZilla（無料・Windows/Mac対応）
・Cyberduck（無料・Mac向け、使いやすい）など

●Visual Studio Code（VSCode）
無料で使える高機能テキストエディターです。ファイルの作成や編集に使います。

最悪のケースでPHPのエラーから管理画面に入ることができず、FTPでしか復旧できないケースがあります。また管理画面から新しいファイルやフォルダを個別に追加はできません。

この2つのツールがあれば、ファイルの追加・編集・バックアップが楽です。