タグ
デザイン
クリップメモ
ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。
(メモ)これはダミーです
(おしらせ)ダミーテキストです
(はてな)これはダミーです
(コメント)これはダミーです
(コード)これはダミーです
(ポイント)これはダミーです
(ユーザー)これはダミーです
(初心者)これはダミーです
(注意文)これはダミーです
ミニふきだし
ショートコードで作成するデザインです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。
(基本)これはダミーです
(オレンジ)これはダミーです
(ピンク)これはダミーです
(ブルー)これはダミーです
(グリーン)これはダミーです
(レッド)これはダミーです
複合
自由なテキスト
これはダミーのテキストですこれはダミーのテキストです
ココがポイント
これはダミーのテキストですこれはダミーのテキストです
ココがおすすめ
これはダミーのテキストですこれはダミーのテキストです
ココがダメ
これはダミーのテキストですこれはダミーのテキストです
ココに注意
これはダミーのテキストですこれはダミーのテキストです
さらに詳しく
これはダミーのテキストですこれはダミーのテキストです
◯才女性
これはダミーのテキストですこれはダミーのテキストです
◯才男性
これはダミーのテキストですこれはダミーのテキストです
複合(アイコンなし)
自由なテキスト
これはダミーのテキストですこれはダミーのテキストです
ココがポイント
これはダミーのテキストですこれはダミーのテキストです
ココがおすすめ
これはダミーのテキストですこれはダミーのテキストです
ココがダメ
これはダミーのテキストですこれはダミーのテキストです
ココに注意
これはダミーのテキストですこれはダミーのテキストです
つまづきポイント
これはダミーのテキストですこれはダミーのテキストです
まるもじ(小)
丸い背景の文字を作成します。見出しタグの前などに使用するとポイントになりお薦めです。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。
(基本)これはダミーです (オレンジ)これはダミーです (ピンク)これはダミーです (ブルー)これはダミーです (うすい注意)これはダミーです (注意)これはダミーですポイントこれは見出しに使用したサンプル
まるもじ(大)
丸い背景の大きめの文字を作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。
基本:これはダミーです
(オレンジ)これはダミーです
(ピンク)これはダミーです
(ブルー)これはダミーです
(はてな)これはダミーです
(チェック)これはダミーです
(うすい注意)これはダミーです
(注意)これはダミーです
マイボックス
様々なボックスデザインを作成します。以下はデフォルトで用意されているデザインですが、自分でカスタマイズすることも可能です。
ポイント
(基本)これはダミーです
(しかく枠のみ)これはダミーです
(まるみ)これはダミーです
ポイント
(ポイント)これはダミーです
注意ポイント
(注意ポイント)これはダミーです
はてな
(はてな)これはダミーです
ステップ
「購入の流れ」などステップを使用したい場合のデザインに便利です。カラーなどがカスタマイザーの「オプション」で変更できます
step
1お湯を入れる
これはダミーのテキストです
step
23分待つ
これはダミーのテキストです
step
3完成です
これはダミーのテキストです
こんな方におすすめ
サイトで効果の高い「こんな方におすすめ」リストも簡単に作成できます。カスタマイザーの「オプション」でカラー変更も可能です。
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
<ul class="st-blackboard-list st-no-ck-off">
のst-no-ck-off
をst-no-ck
とすることでアイコンを消せます
本日のメニュー
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
「番号付きリスト(olタグ)」にも対応
今日のやることリスト
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
見出し付きフリーボックス
見出し(全角15文字)
これはダミーのテキストです
メモボックス
メモ
ここに本文を記述
スライドボックス
バナーボックス
flexボックスを使用した様々なデザインを作成できます。背景画像を指定することでバナーのようなボタンを作成することも可能です。
タイトル
これはダミーのテキストです
サンプル例
詳しい御案内はこちら
料金プランやサービスについて
ラベル
レイアウト
その他パーツ
カスタムボタン
自由なボタンを作成します。幅や色、アイコンなどボタンごとに自由なカスタマイズが可能です。
基本
詳しくはコチラ(オレンジ)
詳しくはコチラ(レッド)
詳しくはコチラ(グリーン)
詳しくはコチラ(ブルー)
お問合せ
もっと詳しく(オレンジ)
もっと詳しく(ピンク)
もっと詳しく(ブルー)
人気ランキング
スター
アドセンス
ウィジェット「広告・Googleアドセンスのスマホ用300px」で設定した内容を挿入します
オリジナルショートコード
ウィジェット「オリジナルのショートコード作成ウィジェット」で設定した内容を挿入します
YouTube
YouTube動画の貼り付けは直接URLを貼り付ける方法と、IDを指定して「サムネイル画像」リンクとして表示する方法があります。
URL貼り付け
自動でレスポンシブな動画として表示されます。
IDによるサムネイルリンク
サムネイルリンクとして表示することで複数でも表示が遅くなるのを軽減できます。クリックするとYouTubeに飛んでしまうのが欠点です。
三角(下矢印)
カラーを変更できる三角矢印のショートコードです。
記事一覧
任意の記事の一覧の記事中の好きな位置に表示できます(EX版ではスライドショーにすることも可能)
カテゴリ一覧
任意のカテゴリの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリの除外、閲覧サイズによる列数の指定(3~1)などが可能です。
-
-
【2/3(金)開催】わんちゃんの手作りご飯教室
ペットフーディスト講師が提案する 愛犬家のための講座 「わんちゃんの手作りご飯教室」始まります♪ 是非、大切な家族の一員のわんちゃんのために、手作りご飯=愛情ご飯で喜ばせてあげませんか? ①何が食べれ ...
-
-
【2/17(金)開催】わんちゃんのマッサージ教室
ペットは家族の一員、元気で長生きして欲しい。 毎日の健康管理とコミュニケーションに。 メディカルアロマで人と愛犬のホームケアをしませんか。 1回完結の教室です。 おすすめポイント わんちゃんのリンパマ ...
-
-
【おススメ講座】インテリア雑貨のカフェミナージュ®
インテリア雑貨のカフェミナージュ カフェミナージュ®とは・・・ 眼鏡やウエットティッシュのケースなど、 既製品にお好きな生地や壁紙を貼って作るインテリアデコレーションのことです。 おすすめポイント ...
-
-
【日程変更のお知らせ】基本の料理教室
【日程変更のお知らせ】 2月17日(金)→ 2月10日(金)に変更となります。 まだ申込可能ですので、お問合せお待ちしております。 ≪2月のメニュー≫ ・キンパ ・わかめスープ ・副菜1品   ...
-
-
イベント おすすめ お知らせ キッズ・親子 ニュース ものづくり・クラフト
【イベントのお知らせ】新春特別コラボ・開運イベント
2023年 うさぎ年は飛躍の年 夢や願いを叶えるなら「新春特別コラボ・開運イベント」で運気をアップしませんか? 3つの講座を受けて運気をアップ 全部受けて2,200円 今年叶えたい夢や願いを脳の仕組み ...
カテゴリ一覧スライドショー
上記の一覧を簡易にスライドショーに変えることが可能です。
会話ふきだし
「会話ふきだし」は最大8つまで設定でき、1クリックで呼び出すことが可能です








Webアイコン
ショートコードに挿入するためのWebアイコンです(アイコンが直接表示されるわけではございません。ショートコードの引数に使用して下さい)
HTMLカラーモード
ショートコードに挿入するHTMLカラーコードです(カラーが直接表示されるわけではございません。ショートコードの引数に使用して下さい)
#e53935
#f44336
#ffebee
#03A9F4
#03A9F4
#E1F5FE
#43A047
#4CAF50
#E8F5E9
#FFC107
#FFF3E0
#212121
#424242
#FAFAFA
#FFFDE7
クイックボタン
エディタの上に表示されているボタンです。クリックするだけでデザインが適応されるので使用頻度の高いものなどを設定しています。
太字
選択したテキストに太字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい
太赤
選択したテキストに太赤字を適応します。テキスト全体の場合は「スタイル」の「太字」をご利用下さい
黄細マ
選択したテキストに黄マーカー(細)を適応します
CT
選択したテキストや見出しに自動カウントを設定します
写真枠
写真に枠線をつけます
角丸背景
角丸のマイボックスを設定します。
ボタンA
HTMLでボタンデザインAを挿入します(AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます)
ボタンB
HTMLでボタンデザインBを挿入します(AFFINGERの場合「ランキング管理」>「CSS」でカラーを変更できます)
カード
記事IDを設定することで内部リンクをブログカード化します