チェックページ（Gutenberg）

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

インラインスタイル

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

文字サイズ

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

こんなキャッチコピーもこれはh3タグの見出しです

こんなキャッチコピーもこれはh3タグの見出しです

こんなキャッチコピーもこれはh3タグの見出しです

こんなキャッチコピーもこれはh3タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグの見出しです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh2タグの見出しです下にキャッコピー

画像スタイル

角丸
シャドウ
ワイド
枠線
ポラロイド

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

引用

これは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーです

https://affinger-demo.com/

これは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーです

https://affinger-demo.com/

これは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーですこれは抜粋のダミーです

https://affinger-demo.com/

テーブル

これはh4タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
20%
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
30%
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
50%
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
デフォルト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
60%
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
ストライプ
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
スクロール
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
中央寄せ
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
ラインののみ
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキストダミーのテキストダミーのテキストダミーのテキスト
ダミーのテキスト ダミーのテキスト ダミーのテキスト ダミーのテキスト
ラインのみ2
これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh5タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

ギャラリー

カバーブロック

カバーブロック

これはダミーのテキストです これはダミーのテキストです これはダミーのテキストです

カバーブロック（幅広）

これはダミーのテキストです これはダミーのテキストです これはダミーのテキストです

ボタンブロック

ボタンブロック
ボタンブロック
ボタンブロック

オリジナルブロック

これはダミーのテキストです

これはダミーのテキストです

ポイント

これはダミーのテキストです

これはダミーのテキストです

ポイント

  • これはダミーのテキストです
  • これはダミーのテキストです

見出しテキスト

これはダミーのテキストです

これはダミーのテキストです

見出しテキスト

  • これはダミーのテキストです
  • これはダミーのテキストです

見出しテキスト

これはダミーのテキストです

見出しテキスト

これはダミーのテキストです

これはダミーのテキストです これはダミーのテキストです

見出しテキスト

これはダミーのテキストです

ボタン

ボタン

ボタン

ボタン

外部URLプラグイン

B'z Official Website
B'z Official Website

B'z Official Website

bz-vermillion.com

会話ふきだしプラグイン

これはダミーのテキストです これはダミーのテキストです

これはダミーのテキストです これはダミーのテキストです

記事一覧

EX版

カテゴリ一覧

見出しデザインスタイル「テキストグラデーション背景」

ver20250801以降の機能です 「テキストグラデーション背景」はテキストにグラデーションカラー ...

記事一覧の抜粋を置き換える

本機能はver20250524以上です（オリジナル子テーマ「JET」は非対応） 「記事一覧の抜粋を置 ...

枠線（プリセット）について

投稿画面のサイドメニューにある枠線（プリセット）ではあらかじめ余白を設定した枠線を簡単に付けることが ...

見出しデザインスタイル「テキストグラデーション背景」

ver20250801以降の機能です 「テキストグラデーション背景」はテキストにグラデーションカラーを指定できます。 背景色を切り抜いてデザインしているので色は背景色で指定します。 ”グラデーションを横向きにする” にするとグラデーションが横向きになります。 background: linear-gradient() を使用しているため文字サイズや幅によりグラデーションの見え方が異なります 「記事ごとのヘッダーデザイン」では利用できません デザインの破綻を防ぐため利用できない設定オプションがございます

記事一覧の抜粋を置き換える

本機能はver20250524以上です（オリジナル子テーマ「JET」は非対応） 「記事一覧の抜粋を置き換える」は文字どおり、記事一覧の抜粋部分を任意の情報に置き換える機能です。 設定方法 AFFINGER管理 AFFINGER管理の「全体設定」＞”抜粋設定”で利用できます。 置き換えたい内容をテキストエリアに記入して「有効化」にチェックを入れて保存します。 利用できるショートコード ショートコードはと、 のみ使用可です。 カスタムボタンの抜粋で使用できる特殊な属性として url="self" が ...

枠線（プリセット）について

投稿画面のサイドメニューにある枠線（プリセット）ではあらかじめ余白を設定した枠線を簡単に付けることができます。 枠線（プリセット）の種類 基本 これはダミーのテキストです 太め これはダミーのテキストです 点線 これはダミーのテキストです 点線（太め） これはダミーのテキストです 枠線（プリセット）のカラー変更 一括で変更する方法 「Gutenberg設定」の「全般」＞”ボーダー設定” でカラーと角丸を指定できます。 個別に変更する方法 個別に色を変えたい場合は「枠線（プリセット）」を指定した後でブロック ...

no image
ステップスタイルについて

見出しブロックの「ステップ」スタイルのデザインを一新致しました。 アップデートを行うと旧デザインも変更されますのでご了承ください。 新しいデザイン 以下のように見やすいスッキリしたデザインに変更致しました。 ステップA ステップA ステップA 各ステップ見出し下のコンテンツはグループブロックの「左ライン」スタイルを適応しています。 四角いデザインの例 ステップ及びカウントスタイルのカラー反映箇所の変更 ステップのデザインやカラーはカスタマイザーの「オプション（その他）」＞「ステップ・カウント/ポイント（S ...

会員（ログインユーザー）限定コンテンツのつくり方

グループブロックの「表示条件」を利用することでログインしているユーザーとしていないユーザーで表示を分けることができます。 これを活用することで会員（ログインユーザー）限定コンテンツを作ることができます。 会員登録機能はございません。「WP-Members Membership」プラグインなどをご検討ください 会員（ログインユーザー）限定コンテンツのつくり方 会員登録前のユーザーだけに見せたいコンテンツと、会員登録後（ログイン後）だけに見えるコンテンツをそれぞれグループブロックにまとめます。 コンテンツ表示 ...

タグ一覧（EX）

見出しデザインスタイル「テキストグラデーション背景」

ver20250801以降の機能です 「テキストグラデーション背景」はテキストにグラデーションカラーを指定できます。 背景色を切り抜いてデザインしているので色は背景色で指定します。 ”グラデーションを横向きにする” にするとグラデーションが横向きになります。 background: linear-gradient() を使用しているため文字サイズや幅によりグラデーションの見え方が異なります 「記事ごとのヘッダーデザイン」では利用できません デザインの破綻を防ぐため利用できない設定オプションがございます

記事一覧の抜粋を置き換える

本機能はver20250524以上です（オリジナル子テーマ「JET」は非対応） 「記事一覧の抜粋を置き換える」は文字どおり、記事一覧の抜粋部分を任意の情報に置き換える機能です。 設定方法 AFFINGER管理 AFFINGER管理の「全体設定」＞”抜粋設定”で利用できます。 置き換えたい内容をテキストエリアに記入して「有効化」にチェックを入れて保存します。 利用できるショートコード ショートコードはと、 のみ使用可です。 カスタムボタンの抜粋で使用できる特殊な属性として url="self" が ...

枠線（プリセット）について

投稿画面のサイドメニューにある枠線（プリセット）ではあらかじめ余白を設定した枠線を簡単に付けることができます。 枠線（プリセット）の種類 基本 これはダミーのテキストです 太め これはダミーのテキストです 点線 これはダミーのテキストです 点線（太め） これはダミーのテキストです 枠線（プリセット）のカラー変更 一括で変更する方法 「Gutenberg設定」の「全般」＞”ボーダー設定” でカラーと角丸を指定できます。 個別に変更する方法 個別に色を変えたい場合は「枠線（プリセット）」を指定した後でブロック ...

2025/8/1

見出しデザインスタイル「テキストグラデーション背景」

ver20250801以降の機能です 「テキストグラデーション背景」はテキストにグラデーションカラーを指定できます。 背景色を切り抜いてデザインしているので色は背景色で指定します。 ”グラデーションを横向きにする” にするとグラデーションが横向きになります。 background: linear-gradient() を使用しているため文字サイズや幅によりグラデーションの見え方が異なります 「記事ごとのヘッダーデザイン」では利用できません デザインの破綻を防ぐため利用できない設定オプションがございます

ReadMore

2025/5/24

記事一覧の抜粋を置き換える

本機能はver20250524以上です（オリジナル子テーマ「JET」は非対応） 「記事一覧の抜粋を置き換える」は文字どおり、記事一覧の抜粋部分を任意の情報に置き換える機能です。 設定方法 AFFINGER管理 AFFINGER管理の「全体設定」＞”抜粋設定”で利用できます。 置き換えたい内容をテキストエリアに記入して「有効化」にチェックを入れて保存します。 利用できるショートコード ショートコードはと、 のみ使用可です。 カスタムボタンの抜粋で使用できる特殊な属性として url="self" が ...

ReadMore

2025/4/4

枠線（プリセット）について

投稿画面のサイドメニューにある枠線（プリセット）ではあらかじめ余白を設定した枠線を簡単に付けることができます。 枠線（プリセット）の種類 基本 これはダミーのテキストです 太め これはダミーのテキストです 点線 これはダミーのテキストです 点線（太め） これはダミーのテキストです 枠線（プリセット）のカラー変更 一括で変更する方法 「Gutenberg設定」の「全般」＞”ボーダー設定” でカラーと角丸を指定できます。 個別に変更する方法 個別に色を変えたい場合は「枠線（プリセット）」を指定した後でブロック ...

ReadMore

no image

2024/11/1

ステップスタイルについて

見出しブロックの「ステップ」スタイルのデザインを一新致しました。 アップデートを行うと旧デザインも変更されますのでご了承ください。 新しいデザイン 以下のように見やすいスッキリしたデザインに変更致しました。 ステップA ステップA ステップA 各ステップ見出し下のコンテンツはグループブロックの「左ライン」スタイルを適応しています。 四角いデザインの例 ステップ及びカウントスタイルのカラー反映箇所の変更 ステップのデザインやカラーはカスタマイザーの「オプション（その他）」＞「ステップ・カウント/ポイント（S ...

ReadMore

2024/7/22

会員（ログインユーザー）限定コンテンツのつくり方

グループブロックの「表示条件」を利用することでログインしているユーザーとしていないユーザーで表示を分けることができます。 これを活用することで会員（ログインユーザー）限定コンテンツを作ることができます。 会員登録機能はございません。「WP-Members Membership」プラグインなどをご検討ください 会員（ログインユーザー）限定コンテンツのつくり方 会員登録前のユーザーだけに見せたいコンテンツと、会員登録後（ログイン後）だけに見えるコンテンツをそれぞれグループブロックにまとめます。 コンテンツ表示 ...

ReadMore

2025年9月
月 火 水 木 金 土 日
1234567
891011121314
15161718192021
22232425262728
2930  

埋め込みURL

内部リンク

https://affinger-demo.com/embed-test/
ラベル

外部リンク

YouYube

Twitter

instagram（カスタムHTML）

これはh2タグの見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

カラムブロック

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

リストスタイル

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
    1. これはダミーのテキストです
    2. これはダミーのテキストです
  3. これはダミーのテキストです
    1. これはダミーのテキストです
  4. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
    1. これはダミーのテキストです
    2. これはダミーのテキストです
  3. これはダミーのテキストです
    1. これはダミーのテキストです
  4. これはダミーのテキストです

背景あり

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです

グループブロック

  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
    1. これはダミーのテキストです
    2. これはダミーのテキストです
  3. これはダミーのテキストです
    1. これはダミーのテキストです
  4. これはダミーのテキストです
  1. これはダミーのテキストです
  2. これはダミーのテキストです
    1. これはダミーのテキストです
    2. これはダミーのテキストです
  3. これはダミーのテキストです
    1. これはダミーのテキストです
  4. これはダミーのテキストです

見出しスタイル

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはダミーの見出しスタイルです

これはh3タグに「ステップ」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh3タグに「ステップ」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh3タグに「ステップ」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

カウント

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これはh4タグに「カウント」を設定しています

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

これは「まとめ用」の見出しです

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

段落スタイル

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

なまけもの

会話ふきだしプラグインこれはダミーのテキストです

会話ふきだしプラグインこれはダミーのテキストです

なまけもの

hoge {
    color: red;
}
hoge {
    color: red;
}

解決しないことは検索もしてみてね

アイコン

AFFINGER6 レイアウト表 ver20240115

1 ファイル 194.78 KB
ダウンロード
アイコン

カスタマイザーパネルリスト_20240115

1 ファイル 173.48 KB
ダウンロード

あなたにおすすめ

デザイン済みデータ配布ページ

コン太

すごくカスタマイズできるのはよくわかったけど、できればボクは簡単にすぐ始めたいんだ。

シカ子

それなら「デザイン済みデータ」を使用するといいわ。デザインは主に「カスタマイザー」「ウィジェット」「テーマ管理」の設定でできているのだけど、それらのデータを完成形でインポートできるの

コン太

わぁ！それは助かる

シカ子

インポートしてから設定やカラーも変更できるから最初のスタートデザインとしても使えるわね。必ず注意事項などを確認してね

デザイン済みデータ配布ページ - 【公式】STINGER STORE
デザイン済みデータ配布ページ

AFFINGER及びEX版専用のデザイン反映データ（子テーマではありません）です。 利用規約及びご承 ...

on-store.net

オススメ記事

no image 1
レイアウト及びウィジェットエリア名称の一部変更について

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2
【サンプルコード付き】トップページを作る

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3
Gutenbergを今より少し使いやすくするステップアップガイド

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

PAGE TOP