記事作成パーツ確認用ダミーページ

回り込み解除

<div class="clearfix"> </div>で囲み、floatを解除します

センター寄せ

要素をセンター寄せにします。

下に余白

要素の下に「10px」の余白を付けます

カードスタイル

※記事ID2で設定されています（ない場合は適宜変更して下さい）

ブログカードに別のデザインを設定します（全サイズで縦型）

カードスタイルB

ブログカードに別のデザインを設定します（PC、タブレット閲覧時のみ縦型）

ランキングボックス（AFFINGER版のみ）

「ランキング一覧背景色」と同じスペースを設定します

width100%リセット

max-width: initial; display: inline;を設定してmax-widthをリセットします。

imgインラインボックス

display: inline;を指定します。

テーブル

テーブル（表の作成）には「TinyMCE Advanced」プラグインが便利です。

横スクロール

スマートフォン閲覧時など横幅がはみ出る場合にtableタグを<div class="scroll-box"></div>で囲むことで横スクロールに対応させます。

中央配置

table内のテキストを上下左右の中央に配置します。

装飾なし

テーマで用意されたデフォルトデザインを解除します。

※設定が上手くできない（tableタグを囲めない）場合は「テキストモード」での作業をお勧めします

タグ

デザイン

クリップメモ

ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

ミニふきだし

ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

（基本）これはダミーです

（オレンジ）これはダミーです

（ピンク）これはダミーです

（ブルー）これはダミーです

（グリーン）これはダミーです

（レッド）これはダミーです

複合

複合（アイコンなし）

まるもじ（小）

丸い背景の文字を作成します。見出しタグの前などに使用するとポイントになりお薦めです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

ポイントこれは見出しに使用したサンプル

まるもじ（大）

丸い背景の大きめの文字を作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

基本：これはダミーです

（オレンジ）これはダミーです

（ピンク）これはダミーです

（ブルー）これはダミーです

（はてな）これはダミーです

（チェック）これはダミーです

（うすい注意）これはダミーです

（注意）これはダミーです

マイボックス

様々なボックスデザインを作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。

ステップ

「購入の流れ」などステップを使用したい場合のデザインに便利です。カラーなどがカスタマイザーの「オプション」で変更できます

step
1お湯を入れる

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

step
23分待つ

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

step
3完成です

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

こんな方におすすめ

サイトで効果の高い「こんな方におすすめ」リストも簡単に作成できます。カスタマイザーの「オプション」でカラー変更も可能です。

<ul class="st-blackboard-list st-no-ck-off">のst-no-ck-offをst-no-ckとすることでアイコンを消せます

「番号付きリスト（olタグ）」にも対応

見出し付きフリーボックス

メモボックス

スライドボックス

バナーボックス

バナー風デザインを作成するショートコード

flexボックスを使用した様々なデザインを作成できます。背景画像を指定することでバナーのようなボタンを作成することも可能です。

サンプル例

ラベル

レイアウト

その他パーツ

カスタムボタン

自由なボタンを作成します。幅や色、アイコンなどボタンごとに自由なカスタマイズが可能です。

基本

ボタン

詳しくはコチラ（オレンジ）

詳しくはコチラ

詳しくはコチラ（レッド）

詳しくはコチラ

詳しくはコチラ（グリーン）

詳しくはコチラ

詳しくはコチラ（ブルー）

詳しくはコチラ

お問合せ

お問合せ

もっと詳しく（オレンジ）

もっと詳しく

もっと詳しく（ピンク）

もっと詳しく

もっと詳しく（ブルー）

もっと詳しく

人気ランキング

人気ランキング

スター

アドセンス

ウィジェット「広告・Googleアドセンスのスマホ用300px」で設定した内容を挿入します

オリジナルショートコード

ウィジェット「オリジナルのショートコード作成ウィジェット」で設定した内容を挿入します

YouTube

YouTube動画の貼り付けは直接URLを貼り付ける方法と、IDを指定して「サムネイル画像」リンクとして表示する方法があります。

URL貼り付け

自動でレスポンシブな動画として表示されます。

IDによるサムネイルリンク

サムネイルリンクとして表示することで複数でも表示が遅くなるのを軽減できます。クリックするとYouTubeに飛んでしまうのが欠点です。

三角（下矢印）

カラーを変更できる三角矢印のショートコードです。

記事一覧

任意の記事の一覧の記事中の好きな位置に表示できます（EX版ではスライドショーにすることも可能）

カテゴリ一覧

任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定（3~1）などが可能です。

カテゴリ一覧スライドショー

上記の一覧を簡易にスライドショーに変えることが可能です。

2020/4/2

私が怒る事も９割減った気がします（笑）

３歳７ヶ月 男の子　蓮見さん　（1月19日ご購入） 杉浦さま 蓮見と申します。 お世話になります。 講座が届き内容を全て読み終わった時、もっと早くこの講座に出会いたかったな～と心の底から思いました。 講座の内容を読むにつれ、いままでの子供との接し方や考え方、生活全てにおいて考えさせられました。 早速行動に移し、思う存分甘える気持ちをしっかり受け止めました。 すると次の日な・な・なんと！！！！ 「ママ～おしっこ出る」と教えてくれました。 トイレに誘っても出ない・・・と言いその直後に出た～または事後報告で半年 ...

ReadMore

2020/3/22

オムツが２歳で外れて、本当に助かりました。　吉田さん

しずくさんからのプレミアムメール、毎回楽しみに読んでいます。 娘は９月２０日で２歳を迎えました。 今年の夏はとても暑く、娘は早いうちから「あっちー！あっちー！」と言って紙オムツを拒否してました。でも私は思い切って布パンツにかえてあげる勇気を持てずに布パンツ＋パッドという方法にしていました。 それでも娘はあついあついと嫌がり、結局私が妥協して昼間家に居るときだけ布パンツ一枚にしていたんです。その時は娘は教えてくれるものの、トイレに行ってパンツを下ろすと既に出てたり、（パッドの時）布のパンツ一枚の時は間に合わ ...

ReadMore

2020/3/22

１０日で日中はパンツで過ごせるように

魔法のトイレトレーニングについて早速、拝見させていただきました。 2歳になったころから、トイレに誘ったり、おまるでがんばっていたものの、去年の１０月に下の子が生まれてからは失敗の連続でした。 　この4月に上の子の保育園入園をむかえました。入園にあたり、３歳7ヶ月になるのに、オムツがなかなかとれず悩んでいました。そんな中、この魔法のトイレトレー二ングに出会い、是非、読んでみたいと考え購入にいたりました。 これを読み、自分の考えの違いに気づきはっとさせられました。少し、「保育園、入園までに・・・」とあせってい ...

ReadMore

2020/3/22

２日目からは、１回もお漏らしナシ！！

トイレトレーニングの講座を読んで早速○○○○○○を試してみたら１日目は２、３回お漏らししたものの２日目からは、なんと１回もお漏らしナシ！！しかも自分から『おしっこ！』と言ってくれて、とても嬉しかったです。(^-^) でもやっぱりトイレトレを始めてから日が浅いし、まぐれかなぁって思ってたんですが、次の日も自己申告をしてくれて今日で４日目ですがお漏らしナシです！！(^-^)v でも、お昼寝の時間はさすがに漏らしたら嫌だなと思い紙パンを履かそうとしたら布パンの気持ち良さに気付いたのか拒否されて娘を信じて布パンの ...

ReadMore

2020/3/22

６日でオネショも完璧に　坂田さん

はじめまして この度「魔法のトイレトレーニング講座」を購入させていただき、 今日で６日たつのですが．．．なんと　あっさりはずれてしまいました！！ おまけに夜のおねしょもなしです。本当に驚いています。 １周間前は「３歳４ヵ月にもなってなんではずれないの？！」とイライラのしっぱなしで、 まともに子供の顔も見ていなかったのだな．．．と講座を読んで涙が止まりませんでした。 子供の心がリラックスしているだけでこんなに簡単にはずれてしまうなんて．．． 子供の不安や緊張感＝心の余裕のなさを子供がちゃんと○○できて、親は ...

ReadMore

会話ふきだし

「会話ふきだし」は最大8つまで設定でき、1クリックで呼び出すことが可能です

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

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

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

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

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

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

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

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

gmsan2

Webアイコン

ショートコードに挿入するためのWebアイコンです（アイコンが直接表示されるわけではございません。ショートコードの引数に使用して下さい）

HTMLカラーモード

ショートコードに挿入するHTMLカラーコードです（カラーが直接表示されるわけではございません。ショートコードの引数に使用して下さい）

クイックボタン

エディタの上に表示されているボタンです。クリックするだけでデザインが適応されるので使用頻度の高いものなどを設定しています。

太字

選択したテキストに太字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい

太赤

選択したテキストに太赤字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい

黄細マ

選択したテキストに黄マーカー（細）を適応します

CT

選択したテキストや見出しに自動カウントを設定します

写真枠

写真に枠線をつけます

角丸背景

ボタンA

HTMLでボタンデザインAを挿入します（AFFINGERの場合「ランキング管理」＞「CSS」でカラーを変更できます）

ボタンB

HTMLでボタンデザインBを挿入します（AFFINGERの場合「ランキング管理」＞「CSS」でカラーを変更できます）

カード

記事IDを設定することで内部リンクをブログカード化します