スキル wordpress-theme-development
🎨

wordpress-theme-development

安全

モダンブロックサポートでWordPressテーマを構築する

テーマアーキテクチャ、テンプレート階層、Gutenbergブロックエディタの統合をカバーする構造化されたワークフローでWordPressテーマ開発を合理化します。スキャフォールディングからテストまで、WordPressのベストプラクティスに従ってレスポンシブでアクセシブルなテーマを作成します。

対応: Claude Codex Code(CC)
📊 69 十分
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「wordpress-theme-development」を使用しています。 Help me create a WordPress theme structure with block editor support

期待される結果:

Gutenbergサポートを備えたWordPressテーマの設定をお手伝いします。まず、基本的なテーマ構造を作成します：

- テーマディレクトリ：your-theme/
- コアファイル：style.css、functions.php、index.php
- テンプレートファイル：header.php、footer.php、single.php、page.php
- ブロックサポート：ブロック設定付きのtheme.json

適切なテーマヘッダー付きのstyle.cssとブロックエディタ設定用のtheme.jsonを作成することから始めます。

「wordpress-theme-development」を使用しています。 Register a custom post type for Portfolio items

期待される結果:

テーマ用のPortfolioカスタム投稿タイプを登録します。以下を含めます：

- 投稿タイプスラグ：'portfolio'
- サポート：タイトル、エディタ、サムネイル、抜粋
- カスタムタクソノミー：'portfolio_category'
- アーカイブテンプレート：archive-portfolio.php
- シングルテンプレート：single-portfolio.php

functions.phpに登録コードを追加し、必要なテンプレートファイルを作成します。

セキュリティ監査

安全
v1 • 2/25/2026

Static analysis detected 40 potential issues (28 external_commands, 12 blocker patterns). All findings are false positives. The 'external_commands' detections are backtick characters in markdown code blocks used for skill invocation examples (e.g., @app-builder, @frontend-developer), not actual shell command executions. The 'blocker' patterns are matches on the word 'block' referring to Gutenberg editor blocks, not cryptographic weaknesses. This is a legitimate WordPress theme development workflow skill with no malicious intent or security risks.

1
スキャンされたファイル
190
解析された行数
1
検出結果
1
総監査数
低リスクの問題 (1)
SKILL.md:31-32SKILL.md:42-44SKILL.md:60-62SKILL.md:77-79SKILL.md:94-96SKILL.md:111-113SKILL.md:129-131SKILL.md:147-149
False Positive: Shell Command Patterns
Static scanner detected backtick characters in markdown code blocks as potential shell command execution. These are documentation examples showing skill invocations like @app-builder and @frontend-developer, not executable code.
監査者: claude

品質スコア

38
アーキテクチャ
100
保守性
87
コンテンツ
23
コミュニティ
100
セキュリティ
83
仕様準拠

作れるもの

カスタムWordPressテーマの作成

クライアントプロジェクト向けに、カスタムテンプレート、スタイリング блокаエディタサポートを備えた独自のWordPressテーマをゼロから设计和構築します。

HTMLデザインからWordPressへの変換

既存のHTML/CSSデザイン、適切なテンプレート階層と動的コンテンツを備えた完全に機能するWordPressテーマに変換します。

ブロックエディタサポートの追加

Gutenbergブロックサポート、カスタムブロックパターン、ブロックテンプレートを追加して、既存のWordPressテーマをモダナイズします。

これらのプロンプトを試す

新しいWordPressテーマの開始 
モダンブロックエディタサポートを備えた「{theme_name}」という新しいWordPressテーマの作成を手伝ってください。基本的なディレクトリ構造、テーマヘッダー付きのstyle.css、必須のテーマサポート機能を備えたfunctions.phpを設定してください。
カスタムテンプレートファイルの作成 
single.php、page.php、archive.php、カスタム投稿タイプ「{custom_post_type}」の投稿用のカスタムテンプレートなど、私のテーマ用のWordPressテンプレートファイルを作成してください。WordPressテンプレート階層のベストプラクティスに従ってください。
カスタム投稿タイプの登録 
{features}のサポートを備えた「{post_type_slug}」というカスタム投稿タイプを登録してください。カスタムタクソノミーとメタボックスを含め、対応するアーカイブテンプレートを作成してください。
Gutenbergブロックサポートの追加 
私のWordPressテーマへの完全なGutenbergブロックエディタサポートを追加してください。ブロックスタイルを有効にし、{number}個のカスタムブロックを登録し、{use_case}用のブロックパターンを作成してください。

ベストプラクティス

  • 既存のWordPressテーマを変更 всегда use子テーマを使用して、更新時に変更を保持してください
  • PHP、HTML、CSS、JavaScriptのWordPressコーディング標準に従って互換性を確保してください
  • 適切なファイル名とフォールバックテンプレートを使用して、適切なテンプレート階層を実装してください
  • レスポンシブデザインが正しく動作することを確認するため、複数のブラウザとデバイスでテーマをテストしてください

回避

  • 親テーマのファイルを直接編集しないでください - 変更には常に子テーマまたはカスタムプラグインを使用してください
  • 絶対URLやパスをハードコードしないでください - get_template_directory_uri()やhome_url()などのWordPress関数を使用してください
  • query_posts()やwp_reset_query()を使用しないでください - 代わりにWP_Queryまたはpre_get_postsフィルタを使用してください
  • 必要な場合を除き、WordPressのコアスクリプトやスタイルを deregister しないでください

よくある質問

WordPressテーマとプラグインの違いは何ですか？
テーマはウェブサイトの外観とフロントエンド表示を制御し、プラグインは機能と機能を追加します。テーマにはテンプレートファイルとアセットが含まれ、PHP関数とロジックはプラグインに含まれます。プレゼンテーションにはテーマ、功能にはプラグインを使用してください。
クラシックテーマとブロックテーマのどちらを使用すべきですか？
ブロックテーマは最新の標準であり、theme.jsonとブロックテンプレートでGutenbergエディタを完全にサポートしています。クラシックテーマはPHPテンプレートを使用し、ブロックサポートが限られている場合があります。新規プロジェクトではフルサイト編集の利点を得るためにブロックテーマを選択してください。
WordPressテーマを作成するにはPHPの知識が必要ですか？
はい、テーマ開発にはPHPの知識が必要です。テンプレートファイルの作成、テーマ機能の登録、アセットのエンキュー、WordPress APIとの相互作用にPHPが必要です。シンプルなテーマには基本的なPHPスキルで十分上級テーマにはより深い理解が必要です。
テーマがページビルダーと連携するようにするにはどうればいいですか？
ほとんどのページビルダーは適切にコーディングされたWordPressテーマ做任何ものと連携します。テーマが適切なラッパーマークアップを持ち、WordPress CSSクラスを使用し、コンテンツフィルタに干渉しないことを確認してください。特定のページビルダーとの互換性をテストしてください。
BootstrapやTailwindなどのCSSフレームワークをWordPressテーマで使用できますか？
はい、CSSフレームワークを統合できます。functions.phpでフレームワークファイルをエンキューし、デフォルトのWordPressスタイルをオーバーライドしてください。一部のフレームワークはWordPressコアスタイルやブロックエディタ出力と競合する可能性があるため、注意してください。
テーマをアクセシブルでWCAG準拠にするにはどうすればいいですか？
WordPressアクセシビリティガイドラインに従ってください：セマンティックHTML、適切な見出し階層、ARIAラベル、キーボードナビゲーションサポート、十分なカラーコントラストを使用してください。アクセシビリティツールでテストし、すべてのインタラクティブ要素がキーボードでアクセス可能であることを確認してください。WordPressコアは活用すべき多くのアクセシビリティ機能を提供しています。

開発者の詳細

作成者

sickn33

ライセンス

MIT

リポジトリ

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/wordpress-theme-development

参照

main

ファイル構成

📄 SKILL.md