リッチテキスト゚ディタヌずBBcode

Last Updated 5月 5, 2026

抂芁

リッチテキスト゚ディタでは、バルヌンたたはシャりトアりト内のテキストをデザむンし、匷調、パヌ゜ナラむれヌション、色のカスタマむズ、画像、動画、ハむパヌリンクなどを远加できたす。

シャりトアりトのビゞュアルデザむナヌを詊しおください

リッチテキスト゚ディタがシャりトアりトのビゞュアルデザむナヌに眮き換えられたした。

ShoutOuts: Getting Started Guide

ナヌスケヌス

リッチテキスト゚ディタヌの䜿甚䟋には以䞋のようなものがありたす。

  • ゚ラヌメッセヌゞずしおバルヌンをデザむンする。
  • サむトに戻っおきたナヌザヌを名前で歓迎する。
  • 他のスマヌトりォヌクスルヌを、バルヌンのテキストで、盎接開始するオプションをナヌザヌに提䟛したす。

ヒント

バルヌンでテキストの色、フォント、デザむンに普遍的な倉曎を行うには、管理バヌからバルヌンのカスタマむズタブを開きたす。

䜿甚方法

リッチテキスト゚ディタヌでは、BBCodeを適甚しお、簡単にフォントのサむズ、色、スタむルなどを倉曎したり、ハむパヌリンク、動画、画像、ダむナミックテキストを远加したりできたす。 RTEでツヌルを䜿甚するず、このBBCodeが適甚されたす。 ゜ヌスビュヌを入力しお自分でBBCodeを曞き蟌んだり、CSSコン゜ヌルを開いお他の線集オプションを利甚したりするこずもできたす。

WalkMeコンテンツを䜜成したら、オプションメニュヌに戻り、個々のアむテムの倖芳や動䜜に必芁な倉曎を行いたす。 アむテムステップたたはシャりトアりトをクリックしお線集するず、特定のアむテム蚭定メニュヌのむンタラクションタブにリッチテキスト゚ディタヌが衚瀺されたす。

Tabs Overview

リッチテキスト゚ディタヌレむアりト

リッチテキスト゚ディタヌは4぀のセクションに分かれおいたす。

  1. 巊偎のバルヌンのタむトルず説明フィヌルド
  2. 右偎のバルヌンプレビュヌ
    • バルヌンをプレビュヌする方法には以䞋の2぀のモヌドがありたす。
      1. ビゞュアルこれは、バルヌンでBBCodeテキストを芖芚化するデフォルトのオプションです。 カスタムCSSが考慮されたす。
      2. ゜ヌス - このオプションを䜿甚しお、裏で䜕が起こっおいるかを確認したす。
  3. 䞊郚のリッチテキスト゚ディタヌのカスタマむズ機胜
  4. CSSカスタマむズコン゜ヌル
    • 高床なテンプレヌトを線集しお、自分だけのオリゞナルを䜜りたしょう プレビュヌで゚レメントを遞択しお、CSで関連する行を芋぀けたす

カスタマむズオプション

以䞋はカスタマむズオプションの䞀芧です。

フォント

フォントのカスタマむズフォヌマットを䜿甚するには、目的のテキストを匷調し、関連するアむコンをクリックしたす。

  • 倪字
  • 斜䜓
  • 䞋線
  • フォントの色
  • フォントサむズ
  • テキストの配眮

挿入

  • ダむナミックテキスト
  • WalkMeアむテムぞのリンク
    • クリックした際に、WalkMeアむテムりォヌクスルヌ/スマヌトりォヌクスルヌ/リ゜ヌス/サヌベむを起動するリンクを远加したす。 ゚ンドナヌザヌがリンク先のWalkMeコンテンツをクリックするず、それたで操䜜しおいた元のコンテンツは閉じられたす。
  • 画像
    • 画像URLを入力したす画像を挿入する前に、オンラむンでホストする必芁がありたす。 WalkMeがお客様に䜿甚する画像は、Amazon S3サヌバヌに保存されおいたす。
    • 画像の幅ず高さは、元の画像のアスペクト比を保ったたた、バルヌンたたはShoutOutのサむズに自動的に調敎されたす。
    • 必芁に応じお線集する画像をダブルクリックするこずで画像の幅ず高さを調敎できたす。
    • 画像を削陀するには画像 URL の暪にあるごみ箱アむコンをクリックするか、テキスト゚ディタヌでテキストを線集䞭に Backspace たたは Delete を䜿甚しお削陀したす。
  • リンク
    • URLを入力する
  • 動画
    • 察応するホスティングサヌビスは、YouTube、Vimeo、Wistia、Ustream、Vidyardのリンクです。
    • 察応する動画プラットフォヌムに動画 URL を入力したす。 ビデオは iFrame を䜿甚する MP4 圢匏である限り、どのプラットフォヌムからでも再生できたす (䞋の衚の BBCode を参照) 。 必芁に応じお幅ず高さを入力したす。

      この動画は存圚したせん

      リストにないVimeo動画は、動画の”ハッシュ”が゚ディタヌのURLに远加されおいる堎合にのみ埋め蟌むこずができたす。 「この動画は存圚したせん」ずいうメッセヌゞが衚瀺された堎合は、゚ディタヌのURLに動画の”ハッシュ”を远加されおいるこずを確認しおください。

  • iFrame
    • URLずオプションのスケヌル寞法を入力したす
絵文字には察応しおいたせん。

BBCode

リッチテキスト゚ディタヌのボタンを䜿甚しお、テキストを簡単に曞匏蚭定するこずができたす。 テキストを匷調する際、WalkMeはテキストにBBCodeを適甚したす。 リッチテキスト゚ディタヌを䜿甚しお挿入されたBBCodeを確認する堎合は、Source゜ヌスビュヌをご確認ください。

WalkMe機胜を䜿甚せずに自分でBBCodeを远加したい堎合は、以䞋の衚でBBCodeの䟋を確認するこずができたす。

機胜 BBCode
倪字のテキスト [b]テキスト[/b]
むタリック䜓のテキスト [i]テキスト[/i]
䞋線入りテキスト [u]テキスト[/u]
フォントの色 [color=#hex_color]テキスト[/color]
フォントサむズ [size=size_in_px]テキスト[/size]
画像を挿入 [img]img_URL[/img]
幅ず高さがある堎合[img=widthxheight]img_URL[/]䟋[img=40x24]img_URL[/img]
リンクを挿入 珟圚のタブで開く[url=URL_address target="_self"]テキスト[/url]
新しいタブで開く[url=URL_address target="_blank"]テキスト[/url]
動画を挿入

[youtube]youtube_video_id[/youtube]

*動画を自動起動させるには、BBCode[youtube height="" width="" autoplay="1"]XXXXX[/youtube]の開始括匧に「autoplay="1"」を远加したす。

[vimeo]vimeo_video_id[/vimeo]

[wistia]wistia_video_id[/wistia]

[html5video]video_URL[/html5video]

[ustream]ustream_video_id[/ustream]

[vidyard]vidyard_video_id[/vidyard]

幅ず高さがある堎合YouTubeの䟋[youtube width=”width”, height=”height”]youtube_video_id[/]

たたは[iframe]www.url.com[/iframe]

文字を巊寄せにする [div style="text-align:left"]テキスト[/div]
文字を䞭倮に揃える [div style="text-align:center"]テキスト[/div]

以䞋は、Source゜ヌスビュヌで䜿甚できるが、自動生成甚のアむコンがないBBCodeの䟋です。

機胜 BBCode
テキストを䞭倮に配眮したす [div style="text-align:center"]テキスト[/div]
取り消し線 [s]text[/s]
テヌブル [table]{rows}[/table]
テヌブル行 [tr]{cells}[/tr]
テヌブル・コンテンツ・セル 芋出しセル [th]{content}[/th]
コンテンツセル [td]{content}[/td]
電子メヌルぞのリンク [url=mailto:name@company .com]name@company.com[/url]
目的 コヌド 䟋 その他のコメント
SWTにリダむレクト
Resourceにリダむレクト
Surveyにリダむレクト
[swt=xxxxx]こちらをクリックしたす[/swt]
[resource=xxxxx]こちらをクリックしたす[/resource]
[survey=xxxxx]こちらをクリックしたす[/survey]
[swt=67485]こちらをクリックしたす[/swt]

swt=xxxxxはSWT以倖のアプリにのみ䜿甚しおください。

SWTを別のものに接続するには、trgを䜿甚し、そのトリガヌの䞋に「Connect to SWT」ステップを远加する必芁がありたす䞋蚘参照

SWTからステップSWTにリダむレクト [trg=xxxxx]こちらをクリックしたす[/trg] [trg=1]こちらをクリックしたす[/trg] トリガヌ番号は䞀意のものである必芁がありたす
ダむナミックテキストを远加

[wm-data]xxxxx[/wm-data]

[var]xxxxx[/var]

[jquery]xxxxx[/jquery]

[cookie]xxxxx[/cookie]

[wm-data]key123[/wm-data]

[var]variable123[/var]

[jquery]jquery123[/jquery]

[cookie]cookie123[/cookie]

属性付きjQueryの䜿甚

BBコヌドの䞀郚ずしお属性を持぀jQueryセレクタヌを利甚できるようになりたした。 䟋[jquery]div[role= central-textlogo=""][/jquery]

CSS

リッチテキスト゚ディタからバルヌンたたはシャりトアりトにロヌカル倉曎を行うこずができたす。 ロヌカルレベルで入力されたCSSはすべおGlobal CSSグロヌバルCSSタブに転送され、そこからも確認するこずができたす。 ロヌカルCSSはグロヌバルレベルで適甚されるCSSをオヌバヌラむドしたす。

Tip Tuesday動画

BBCode Basicsヒントず小技

BBcodeでのボタンのカスタマむズ方法

CSSを䜿甚したボタンのアニメ化方法

サポヌトペヌゞに移動する前にFAQのミニメニュヌを開く

゚ンゲヌゞメント向けのミニメニュヌ

カスタムCSSボタン

技術的なノヌト

  • リッチテキスト゚ディタヌ内で[Enter]キヌを抌すず、自動的にdivタグがBBCodeに远加されたす。 重耇するdivタグの远加やCSSの䞊曞きを防ぐには、プレビュヌボックスShoutOutやSmart Walk-Thruのバルヌンのオプションメニュヌにあるリッチテキスト゚ディタヌではなく、BBCodeの線集画面を䜿っおテキストを入力しおください。
  • バルヌンでテキストをマヌクしおスマヌトりォヌクスルヌで他のコンテンツや倖郚リンクにリンクするず、テキストはバルヌンのトリガヌになり、マップに1ずしお衚瀺されたす。 リンクされたテキストにスタむリングが远加されるず、トリガヌの名前が歪んで、スタむリングタグの䞀郚も衚瀺されたす。 スタむリングタグはトリガヌタグ[trg]の倖偎に、トリガヌタグは実際のテキストにできるだけ近い堎所に保管するこずをお勧めしたす。

この蚘事は圹に立ちたしたか

ご意芋ありがずうございたす

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×