<!-- wp:group {"className":""} -->
<div class="wp-block-group"><!-- wp:heading {"className":"is-style-st-heading-custom-line"} -->
<h2 class="is-style-st-heading-custom-line">NEW</h2>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:st-blocks/st-catgroup {"orderBy":"rand","slide":true,"slidesToShow":"3,2,1","slideDate":false,"slideCenter":true,"slideType":"text"} -->

レビューボックス / 画像付きコメント

埋め込みURL(ブログカード)~内部リンク・外部リンク

no image

電話番号を追加する

ヘッダーメニュー(PC※960px以上)

カテゴリページのカスタマイズ


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/st-catgroup {"page":2} -->
見出しデザインスタイル「テキストグラデーション背景」

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

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

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


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/my-button {"textBold":false,"customTextColor":"#777777","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#777777","borderRadius":0} -->
<p class="wp-block-st-blocks-my-button st-mybtn st-btn-default" style="color:#777777;background-color:#ffffff;border-width:1px;border-color:#777777;border-radius:0px;font-weight:normal;box-shadow:none"><a href="#" style="color:#777777;font-weight:normal">Read More<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button -->
<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"className":"is-style-st-heading-custom-line"} -->
<h3 class="is-style-st-heading-custom-line"><span class="st-h-copy">category-a</span>カテゴリA</h3>
<!-- /wp:heading -->
<!-- wp:st-blocks/st-catgroup {"card":false,"slide":true,"slidesToShow":"1","slideType":"text"} -->

2025/8/1

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

2025/5/24

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

2025/4/4

枠線(プリセット)について

no image

2024/11/1

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

2024/7/22

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


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/st-catgroup {"page":2,"card":false} -->
見出しデザインスタイル「テキストグラデーション背景」

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

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

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


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/my-button {"textBold":false,"customTextColor":"#777777","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#777777","borderRadius":0} -->
<p class="wp-block-st-blocks-my-button st-mybtn st-btn-default" style="color:#777777;background-color:#ffffff;border-width:1px;border-color:#777777;border-radius:0px;font-weight:normal;box-shadow:none"><a href="#" style="color:#777777;font-weight:normal">Read More<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"level":3,"className":"is-style-st-heading-custom-line"} -->
<h3 class="is-style-st-heading-custom-line"><span class="st-h-copy">category-b</span>カテゴリB</h3>
<!-- /wp:heading -->
<!-- wp:st-blocks/st-catgroup {"card":false,"slide":true,"slidesToShow":"1","slideType":"text"} -->

2025/8/1

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

2025/5/24

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

2025/4/4

枠線(プリセット)について

no image

2024/11/1

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

2024/7/22

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


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/st-catgroup {"page":2,"card":false} -->
見出しデザインスタイル「テキストグラデーション背景」

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

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

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


<!-- /wp:st-blocks/st-catgroup -->
<!-- wp:st-blocks/my-button {"textBold":false,"customTextColor":"#777777","customBackgroundColor":"#ffffff","borderWidth":1,"customBorderColor":"#777777","borderRadius":0} -->
<p class="wp-block-st-blocks-my-button st-mybtn st-btn-default" style="color:#777777;background-color:#ffffff;border-width:1px;border-color:#777777;border-radius:0px;font-weight:normal;box-shadow:none"><a href="#" style="color:#777777;font-weight:normal">Read More<i class="st-fa st-svg-after st-svg-chevron-right st-css-no" aria-hidden=""></i></a></p>
<!-- /wp:st-blocks/my-button --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

あなたにおすすめ

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

コン太

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

シカ子

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

コン太

わぁ!それは助かる

シカ子

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

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

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

on-store.net

オススメ記事

no image 1

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

2

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

3

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

PAGE TOP