![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「NO+見出し」の紹介](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_nh_thumbnail_728.gif)
こちらでは、フリーランス主夫が開発・販売するWordPressテーマでつかえる、コンテンツの作成をサポートするオリジナルブロック「NO+見出し」について解説しています。
オリジナルブロック「NO+見出し」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕の開発・販売するWordPressテーマのオリジナルブロック「NO+見出し」を活用すれば、ステップアップのような数字+テキスト(見出し)コンテンツを簡単に作成できます!
NO+見出し
見出しテキスト | 上部と下部にテキスト入力とカラーカスタム可能 |
見出しタグ | H1、H2、H3、H4、H5、H6 |
NOプラス | NOの上部テキスト テキスト入力可能 |
NO(数値) | 数値を設定 カラーピッカーでカスタム可能 |
カラー | NOプラス・ボーダー・NOの縁は共通カラー カラーピッカーでカスタム可能 |
上下余白 | マウス操作で変更可能 |
NO 1 上部テキスト 下部テキストをテスト入力しています
NO 2 上部テキスト 下部テキストをテスト入力しています
NO 3 上部テキスト 下部テキストをテスト入力しています
オリジナルブロック「NO+見出し」の作成方法
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
簡単に色々なバリエーションの数値+見出しコンテンツを作成出来ます!こちらでは作成方法を解説します。
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「NO+見出し」を呼び出します
![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「NO+見出し」の作成方法。STEP.1](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_nh_step1_728.gif)
- 「ブロックを追加」を選択
- オリジナルブロック「NO+見出し」を選択
STEP 2 各種設定 テキスト入力とカスタマイズ設定
![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「NO+見出し」の作成方法。STEP.2](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_nh_step2_728.gif)
- 上部・下部の見出しテキストの入力・文字色設定
- 各種カスタマイズ設定
STEP 3 完成 簡単操作で作成できます
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
テキスト入力以外は全てマウス操作だけで作成できました!下記が「NO+見出し」の完成例です。
EPISODE 1 上部テキスト 下部テキストをテスト入力しています
EPISODE 2 完成例 オリジナルブロック「NO+見出し」の完成例です
WordPressテーマのカスタムブロック
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
ぼくが開発・販売するWordPressテーマには、今回紹介したオリジナルブロック「評価」の他にも、コンテンツの作成をサポートするテーマ専用のオリジナルブロックが多数あります!