応用機能・設定を知りたい
使用できるタグ一覧

こちらではsincloの発言内で使用できるタグの一部を紹介します。
赤字のタグを入れて使用してください。
※一部のタグは選択肢内では利用いたしかねます。

1.タグの一覧

■テキスト

①大きさ

<div class="free-block"><span style="font-size: 15pt">大きさを変更しています♪</span></div>

※大きさ=【15pt】の数字を好きな大きさに変更してください。

②色

<div class="free-block"><span style="color: #ff1493">色を変えています♪</span></div>

※色=【#ff1493】のカラーコードを変更してください。

③太字

<span class="has-inline-color has-vivid-red-color"><strong><div class="free-block"><span style="font-weight: bold;font">太字です♪</span></div></strong></span>

④太字+色+文字の大きさを変更

<span class="has-inline-color has-vivid-red-color"><strong><div class="free-block"><span style="color:#ff1493;font-weight: bold;font-size: 15pt">太字で大きさと色も変更しています♪</span></div></strong></span>

※色=【#ff1493】のカラーコードを変更してください。
※大きさ=【bold;font-size: 15pt】の数字を変更してください。

⑤テキストボックス(スクロール形式)

<span class="has-inline-color has-vivid-red-color"><strong><div class="free-block"><div id="scroll" style="height: 190px; overflow: auto; padding: 15px; border: 8px solid #ff1493; background: #ffffff; border-radius: 20px;"><p>プライバシーポリシー<br>メディアリンク株式会社(以下「当社」といいます。)は、個人情報の重要性を認識し、個人情報の保護のために、以下の方針を定めて運用します。<br>1. 適用範囲</p></div></div></strong></span>

※ボックスの高さ=【height: 190px】の数字を変更してください。
※ボックス内の余白=【padding: 15px】の数字を変更してください。
※ボーダーラインの太さと色=【border: 8px solid #ff1493】の数字・カラーコードを変更してください。
※ボックス内の色=【background: #ffffff】のカラーコードを変更してください。
※段落=【<p>~</p>】内を1段落とみなします。
※テキストの改行=【<br>】を使用します。

■画像・動画

①画像

<img src="画像URL" style="display:block;margin-left:auto;margin-right:auto;width:250px;height:auto;margin-top:10px;margin-bottom:10px;max-width:100%;transform:none;max-height:285px;">

※画像の表示上限値は以下になります。
 幅:265px 高さ:285px

②画像リンク

※上記画像を押下すると、下記コード内に挿入した“サイトURL”に遷移します。

<a href="サイトURL"><img src="画像URL" style="display:block;margin-left:auto;margin-right:auto;width:250px;height:auto;margin-top:10px;margin-bottom:10px;margin-bottom:10px;max-width:100%;transform:none;max-height: 285px;"></a>

※画像の表示上限値は以下になります。
 幅:265px 高さ:285px

③画像リンク(新規ページ)

※上記画像を押下すると、下記コード内に挿入した“サイトURL”に遷移します。

<a href="サイトURL" target="_blank" rel="noopener"><img src="画像URL" style="display:block;margin-left:auto;margin-right:auto;width:250px;height:auto;margin-top:10px;margin-bottom:10px;margin-bottom:10px;max-width:100%;transform:none;max-height:285px;"></a>

※画像の表示上限値は以下になります。
 幅:265px 高さ:285px

④動画

<div class="free-block"><video autoplay="autoplay" muted="muted" preload="auto" style="width: 280px; height: 190px; margin-left: 0px;" controls=""><source src="動画URL" type="video/mp4"></video></div>

⑤youtube

【1】sincloの発言内で再生(PC・スマホ共通)

<div class="free-block"><iframe width="100" height="75" src="URL?playsinline=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

※【<iframe width=~</iframe>】はyoutubeの該当動画の共有>埋め込むより取得したHTMLコードを挿入します。
※上記HTMLコード内のURLの末尾に【?playsinline=1】を挿入します。
※URL部分の【https:】は省略し、【//www.】から始めます。

【2】再生ボタン押下後、全画面で再生(スマホのみ)
※PCはsincloの発言内容内で再生されます。

<div class="free-block"><iframe width="100" height="75" src="URL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

※【<iframe width=~</iframe>】はyoutubeの該当動画の共有>埋め込むより取得したHTMLコードを挿入します。
※URL部分の【https:】は省略し、【//www.】から始めます。

■リンク

①ページ遷移

【1】テキスト

<a href="ここにURLを記載">リンクテキスト</a>

※テキストの改行=【<br>】を使用します。

【2】ボタン型

<a href="ここにURLを記載" style="display: inline-block;width:270px;text-align:center;font-weight: bold;text-decoration: none;background: lightpink;color:#ff1493;padding:10px;border-radius: 20px;max-width: 100%;">リンクテキスト</a>

※ボタンの色=【lightpink】の色を変更してください。
※文字の色=【color:#ff1493】のカラーコードを変更してください。
※ボタンの大きさ=【padding:10px】の数字を変更してください。
※ボタンの丸み=【border-radius: 20px】の数字を変更してください。
※テキストの改行=【<br>】を使用します。

②新規ページ

【1】テキスト

<a href="ここにURLを記載" target="_blank" rel="noopener">リンクテキスト</a>

※テキストの改行=【<br>】を使用します。

【2】ボタン型

<a href="ここにURLを記載" target="_blank" style="display: inline-block;width:270px;text-align:center;font-weight: bold;text-decoration: none;background: lightpink;color:#ff1493;padding:10px;border-radius: 20px;">リンクテキスト</a>

※ボタンの色=【lightpink】の色を変更してください。
※文字の色=【color:#ff1493】のカラーコードを変更してください。
※ボタンの大きさ=【padding:10px】の数字を変更してください。
※ボタンの丸み=【border-radius: 20px】の数字を変更してください。
※テキストの改行=【<br>】を使用します。

■その他

①電話

スマホの場合、リンクをクリックすると発信ができます。

【1】シンプル

<a href="tel:電話番号(ハイフンなし)">03-3455-2700(リンクテキスト)</a>

※テキストの改行=【<br>】を使用します。

【2】太字と色変更

<a href="tel:電話番号(ハイフンなし)"><span style="color: #ff1493;font-weight: bold;font-size: 13pt">03-3455-2700(リンクテキスト)</span></a>

※文字の色=【color:#ff1493】のカラーコードを変更してください。
※テキストの改行=【<br>】を使用します。

②メール

<a href="mailto:メールアドレス">MAIL</a>

※テキストの改行=【<br>】を使用します。

このように、様々なタグが使用できるのでぜひ試してみてくださいね!
使用できるタグは随時更新していきます。
分からないことがあれば、遠慮なく担当へご相談ください。

初めてご利用いただくお客様へ

sincloをご利用開始いただくまでの流れをSTEPごとにご案内いたします。

管理画面のメニューから調べる

sinclo管理画面のメニューからご希望の機能操作マニュアルをお探しいただけます。

メール・チャットでのお問い合わせ

sincloに関するご質問やご不明点などございましたら、メールでも受け付けております。
「お問い合わせはこちら」からお問い合わせください。
画面右下のチャットからも受け付けておりますので、ぜひご利用ください。

お問い合わせはこちら
ページTOPに戻る