Create Block Theme

説明

このプラグインでは、以下のことができます:

  • 新しいテーマ、ブランクテーマ、子テーマ、またはスタイルバリエーションを作成します。
  • テーマに埋め込まれているフォントファミリーやフォントフェイスを一覧表示し、プレビューすることができます。
  • テーマに Google フォントを埋め込む。
  • ローカルフォントのアセットをテーマに埋め込む。

このプラグインは開発専用で、本番サイトでの使用は想定されておらず、新しいテーマを作成するためのツールとして使用されます。

ステップ1 – セットアップ

Create Block Theme プラグインをインストールし、有効化します。

WordPress管理画面の外観の下に、3つの新しいページがあります:

  • Create Block Theme
  • フォントの管理

ステップ2 – スタイルのカスタマイズ

サイトエディターを使って、サイトのスタイルやテンプレートを変更します。また、プラグインオプションを使用して、新しいフォントを含めることができます。

ステップ3 – エクスポート

引き続き WordPress ダッシュボードで、「外観」 > 「Create Block Theme」セクションに移動します。利用可能なオプションの1つを選択し、必要に応じてテーマの詳細をここに追加します。これらの詳細は、style.css ファイルで使用されます。「生成」ボタンをクリックして、テーマを保存します。

一般的なトラブルシューティング

問題がある場合は、以下をお試しください:

  • WordPress の最新版がインストールされていることを確認してください。
  • プラグインの最新版がインストールされていることを確認してください。
  • すべてのプラグインを停止し、問題が解決されるかどうかを確認します。うまくいった場合は、問題のあるプラグインを見つけるまで、プラグインをひとつずつ再有効化します。
  • テーマをデフォルトのテーマに切り替えて、テーマに関連する問題を除外する。
  • 同様の問題がないか、サポートフォーラムをご確認ください。

テーマをエクスポートすると zip ファイルが破損してしまいます

  • まず、上記の一般的なトラブルシューティングの手順に従ってください。
  • wp-config.php ファイルの WP_DEBUG 設定が以下のように false に設定されていることを確認してください: define( 'WP_DEBUG', false );
  • テーマが PHP ファイルを含んでいる場合、それらのファイルがファイル末尾に PHP の閉じタグ?>使用していないことを確認してください。もし使っている場合は、削除してください。

スクリーンショット

FAQ

どのようにサポートを受けることができますか ?

問題にぶつかったら、まずサポートフォーラムを確認するとよいでしょう。フォーラムは、助けを得るための素晴らしい場所です。

問題を報告するにはどうすればよいですか ?

報告すべきバグがある場合は、GitHub リポジトリに issue として提出してください。新しいバグを作成する前に検索して、重複していないことを確認してください。

評価

2023年6月10日 1 reply
Works well with the built-in theme editor. Its a shame the theme editor itself is not better.
2023年6月2日
This is essential for theme devs. Or anyone working with child themes.
2023年5月20日
I love this. In just about a blink of the eye, I can create my own custom version of an already-built theme. Sweet!
2023年4月11日
I love this plugin! It allows me to install fonts from Google easily and quickly. It hosts selected Google fonts locally, which improves the performance and reduces name lookups to load the font off the Google CDN. It works well with 2023 theme and has a simple interface. I had some issues with permissions at first, but I found the solution in the support forum. The development team is very responsive and helpful. Thank you for creating such a great plugin! 👍 Here is a video showing how you can install fonts with this plugin: youtu.be/ERIz3diT9Sk?t=880
2023年3月23日 1 reply
This is amazing work. Fonts, custom patterns, it all gets carried over. For me something important is missing: If I tinker with the theme a bit and export it, there is no way to change the version number. Every time I import a new version of the exported theme it gets imported as a new theme. I tried editing the version number in the zip file but that doesn't change it.
24件のレビューをすべて表示

貢献者と開発者

Create Block Theme はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Create Block Theme” は13ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Create Block Theme” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.13.2

  • Google Fonts の JSON データを API から更新する
  • 初期バージョンを0.0.1から1.0.0に変更
  • 修正: リアクトレンダーの警告
  • Google Fonts の JSON データを API から更新する
  • Google Fonts の JSON データを API から更新する

1.13.1

1.13.0

  • # コンフリクト:

admin/create-theme/theme-readme.php

admin/create-theme/theme-zip.php

  • ブランチ ‘trunk’ を fix/resources-credits-on-save にマージ
  • ブランチ ‘trunk’ を add/subfolder-to-zip にマージ
  • 新規テーマ作成時の著作権情報の永続化
  • Google Fonts の JSON データを API から更新する
  • download_urlのチェックを上の方に移動します
  • フォントアセットのパスには空白や変な文字を使わないようにしましょう。
  • ブランチ ‘trunk’ を add/subfolder-to-zip にマージ
  • テーマスラッグと呼ばれる ZIP サブフォルダにファイルを追加
  • Google Fonts の JSON データを API から更新する

1.12.1

  • replace_namespace の二重置換を修正

1.12.0

  • # コンフリクト:

src/plugin-sidebar.js

  • 画像クレジットの入力追加
  • テーマの version ロジックを更新し、isset() を使用するように更新
  • Google Fonts の JSON データを API から更新する

1.11.0

  • Google Fonts の JSON データを API から更新する
  • プラグインリポジトリの表示を修正するために、readme のハイフンリストの前に改行を追加
  • readme.txt のフォントクレジットに余分な空白が生じないようにする
  • Google のフォント: onClick ハンドラを onChange に変更
  • WordPress/fix/escape-template-text からのプルリクエスト #374をマージする」
  • 必要な node のバージョンを更新し、依存関係を更新

1.10.0

  • Google Fonts の JSON データを API から更新する
  • トラブルシューティング FAQ の追加
  • 生成されたテーマの「最低限必要なもの」フィールドの更新
  • フォントライセンスエラーの処理を改善
  • tabIndex プロップを修正
  • ローカルフォントのフォントライセンス情報を自動で追加

1.9.0

  • ブランチ ‘trunk’ を add/handle-google-font-credits にマージ
  • Google Fonts の JSON データを API から更新する
  • prepareThemeNameValidation 関数のコンソールエラーの修正
  • readme.txt に FAQ セクションを追加
  • Google fonts のフォントライセンス情報を自動で追加
  • 寄付のリンクを削除

1.8.2

  • ブランチ ‘trunk’ を update/tested-up-wp-version-62 にマージ
  • 更新中テスト済みです: 6.2 WordPress バージョン
  • エクスポートしたテーマでタグの重複を修正
  • エラーチェックの修正
  • Google Fonts の JSON データを API から更新する
  • react アプリのコードを汎用的にリファクタリング
  • php の除外リストにビルドディレクトリを追加
  • テーマの上書き時に replace_template_namespace を呼び出さないようにする
  • ブランチ ‘trunk’ を fix/314 にマージ
  • 投稿エディターでテンプレート編集モードに切り替えたときのエラーを修正
  • 空白のテーマに useRootPaddingAwareAlignments を追加
  • Google Fonts の JSON データを API から更新する
  • ブランチ ‘trunk’ を fix/314 にマージ
  • style.css が空の場合、テンプレート情報を追加しないようにする
  • フォント名がフォントフォントと異なる場合、フォントファミリー / フェイスを削除するように修正
  • テーマ名の検証を追加
  • サイトエディターからテーマをエクスポートできるように修正
  • スタイルシートを印刷する前にエスケープ文字を取り除く
  • リンティングされていないファイルをリンティング

1.8.1

  • style.css と readme.txt に現在の WordPress のバージョンを追加
  • Google フォントファミリーチェックボックスコントロールの周りにラベルを追加
  • クローン、子テーマ、兄弟テーマのテーマのスラッグ、テキストドメイン、テンプレートを修正。
  • テンプレートからメディアの URL を取得した後、テンプレートのテーマスラッグを置換

1.8.0

  • ユーザーが行った変更だけでスタイル バリエーションをエクスポートする
  • バージョンアップ時にパッケージロックが更新されない問題を修正
  • export_theme_data() 呼び出し時のエラーを回避するため、an にデフォルト値を追加する。
  • 画像のダウンロードがうまくいかない場合があるのを修正
  • Google Fonts の JSON データを API から更新する
  • サイトエディターにエクスポート (クローン) を追加する

1.7.1

  • スクリーンショットを更新
  • theme.json に設定がない場合に、UI とバックエンドでフォントを管理するように修正
  • フォントウェイトの可変範囲

1.7.0

  • フォントのマイナーリファクタリングを管理。PHP から react へ要素を移動
  • oft フォントファイルのアップロードを許可
  • React によるローカルフォントセクションの実装
  • サイドバーのフォントのアウトライン
  • Google Fonts の JSON データを API から更新する

1.6.3

  • (リファクタリング回帰の修正) テーマスラッグから空白を取り除く

1.6.2

  • font-management クラスのリファクタリング
  • create-block-theme クラスのリファクタリング
  • テーマのフォントメニューのケーシングの管理を修正
  • PHP8.0 非互換エラーを回避するための phpcs 例外の追加
  • ブランクテーマのスクリーンショットの致命的なエラーを修正
  • オートフィクサーツールを使って lint の問題を解決する
  • Google Fonts の JSON データを API から更新する
  • CSS lint の不具合を修正
  • PHP の lint に関する問題を修正
  • JS lint の問題を修正
  • PR ワークフローに lint バリデーションを追加
  • パッケージロック同期問題を修正

1.6.1

  • 追加: テーマタグの入力
  • TT3 へのプレースホルダー URL 変更
  • テーマスラッグから空白を削除

1.6.0

  • メインの readme を更新し、サポート ドキュメントを更新
  • 非推奨警告を修正
  • クリーンアップ 管理 テーマ フォント UI
  • テンプレート画像をテーマアセットに束ね、URL を相対化する
  • クローンテーマ: readme.txt と style.css にオリジナルのテーマ名を追加する
  • フォントファミリーはデフォルトで折りたたまれている
  • 修正: シェブロンを折りたたむCollapse chevronをクリックしたときの予期しないアクション
  • すべての CSS ファイルを Lint する
  • 修正: composer スクリプトが Windows で機能しない
  • 利用可能な場合は、Gutenberg テーマの JSON リゾルバを使用する
  • Google Fonts の JSON データを API から更新する
  • mkdir() 呼び出しを WordPress の wp_mkdir_p() 関数に置き換える

1.5.1

  • DISALLOW_FILE_EDIT をチェックし、パーミッション チェック ロジックを簡素化する
  • url から google fonts のデータを読み込む
  • スタイルとテンプレートの分離、リセット
  • Google フォントのロード中に空白ページを表示するのではなく、スピナーを表示するようにした
  • 追加: コード linting スクリプト
  • Google Fonts の JSON データを API から更新する
  • Github アクションのコミット前の検証を回避し、linting の問題によるアクションエラーを防ぐ

1.5.0

  • 修正: ブラウザーのコンソールエラー
  • 修正: 一部の Windows 環境で生じるフォントエラーの追加あるいは削除
  • 基本のテーマにプレースホルダースクリーンショットを追加
  • リファクタリング: Google フォントセクションを vanilla JS から React app に移動
  • デモのテキスト設定の追加

1.4.0

  • node と npm のバージョンを指定し、nvmrc ファイルを追加
  • テーマクリーンショットのアップロードを追加
  • フォントを管理: サンプルテキスト編集可
  • Google Fonts の JSON データを API から更新する

1.3.10

  • フォントフェイスの削除: フォントファミリーの不要な削除を回避します。
  • オプションラベルに足りないスペースを追加

1.3.9

  • アップデート 動作確認済み: 6.1
  • I18N: いくつかの新しい UI 文字列は翻訳できません
  • 現在のテーマをアクティブテーマ (または現在アクティブなテーマ) に置き換える
  • 末尾のスペースを削除することにより翻訳プロセスを改善
  • フォント: フォントフェイス/ファミリーが削除された場合、テーマのアセットフォルダからフォントファイルを削除します。
  • コアメソッドを使用する代わりに、生の theme.json データを読み込むようにリファクタリング
  • Google Fonts の JSON データを API から更新する

1.3.8

  • 定義のスペルミスを修正
  • readme 寄稿者の修正
  • readme 投稿者のユーザー名を追加
  • 推奨されない警告を避けるため、GitHub アクションの更新
  • Google Fonts の JSON データを API から更新する
  • Google Fonts の JSON データを API から更新する
  • ファイルの書き込み権限を必要とする機能を実行する前に、権限を確認する
  • システムフォントのプレビューを可能にする

1.3.7

  • リリースアクションで自動更新されるアセットファイルの移動

1.3.6

  • github のアクションを使ったアセット自動更新

1.3.5

  • 自動リリース: 更新された PHP ファイルを新しいバージョンでコミットします

1.3.4

  • php ファイルの自動更新バージョン

1.3.3

  • 自動リリースの改善

1.3.2

  • 自動リリースの改善

1.3.1

  • .distignore の更新

1.3.0

  • google fonts データの更新
  • Google フォントのプレビューを読み込むために https を強制します
  • すべての google font variant を選択 / 解除する機能を追加
  • ブランチ ‘trunk’ を try/manage-fonts にマージ
  • レポアクションで google fonts の JSON データを更新する
  • ブランチ ‘trunk’ を release-action にマージ
  • ブランチ ‘trunk’ を try/manage-fonts にマージ
  • ブランチ ‘try/manage-fonts’ を release-action にマージ
  • テーマフォントの管理
  • リリースの自動化: ビルド、バージョンアップ、チェンジログ、wp.orgへの配備
  • リリースの自動化

1.2.3

  • 翻訳ドメインの追加 (#121)
  • nonce のインデックスをチェックする (#120)
  • サーバー側でフォントファイルの mime タイプを検証する (#119)

1.2.2

  • 能力と nonce のチェックを追加しました (#118)

1.2.1

  • バージョン番号の修正

1.2.0

  • Google フォントとローカルフォントファイルをテーマに埋め込む (#113)
  • ボタンのテキストを変更 (#112)
  • テンプレートとパーツフォルダに対するチェックとディレクトリ作成を追加しました。(#110)
  • Gutenberg がインストールされていない場合、空白のテーマの theme.json スキーマを変更します。(#107)

1.1.3

  • アップデートリンク、新しい変更のスクリーンショット (#97)
  • $schemaを追加し、Gutenberg のクラスを使用する (#99)
  • 最新の機能を含むようにreadmeを更新 (#100)
  • コアと同じ方法で $schema URLを生成する。(#105)

1.1.2

  • テーマのバリエーションを保存する (#90)
  • UI 文字列「Create Block Theme」を翻訳できるようにした (#92)

1.0.1

  • 空白のテーマを作成するオプションを追加。(#70)
  • フォームの説明の改善 (#76)
  • フォームのクリーンアップとテーマ名のチェック (#77)
  • 正しくマージされた theme.json データを取得する (#88)

1.0

  • 初期バージョン。