このページでは、記事投稿画面で使用できるボタンや基本のHTMLのタグについて説明します。

 
 

基本のタグ

 
▼bタグ
太字にしたい部分を以下のように<b>タグで囲むと、文字を太字（bold）にします。

↓

 
 
▼linkタグ
リンクを埋め込みたい箇所に以下のように書くと、文字に外部サイトへのリンクを埋め込みます。

↓

 
 
▼imgタグ
文章内に写真やイラストを埋め込みます。

↓

 
 
▼目印リンクタグ・目印タグ
記事投稿画面にて以下のように書くと、ページ内リンクを埋め込みます。

↓

 
 
▼brタグ
文章内に改行を入れます。

↓

 
 

文字の配置

 
文章は基本、左寄せになりますが以下の設定で中央、右にそれぞれ寄せることができます。

 
▼中寄せ

↓

 
 
▼右寄せ

↓

 
 

フォントサイズ

 

 
 

太文字カスタム or 太文字に色 or 文字に色を使う場合

 
<span style=”font-size:ここにfontサイズ; color:ここに色コード;”>
<span style=”color: #d02529;”>
のようなタグを下記の 色コード、#(シャープマーク) + 英数6文字 で置き換えます。

赤にするには 色コード： #d02529
こう書く：   　<span style=”font-size:normal; color:#d02529;”>あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。</span>

↓
こう見える：   　あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

 
 
青にするには　色コード： #3b5998
こう書く：   　<span style=”font-size:normal; color:#3b5998;”>あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。</span>
↓
こう見える：   　あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

 
 
黒にするには　色コード： #000000
こう書く：   　<span style=”font-size:normal; color:#000000;”>あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。</span>
↓
こう見える：   　あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

 
 

マーカー（下線）

[マーカー青]あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

[マーカー赤]あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

[マーカー黄]あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

 
 

画像の回り込み

 

タグ記入例：<img src="https://lifevancouver.jp/images/dummy.png" class="img-left"><p>[クラス名：img-left]あのイーハトーヴォのすきとおった風、………ぎらぎらひかる草の波。</p> <p class="float-clear">ここで回り込み解除</p> または、<br class="float-clear" />

[クラス名：img-left]あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

[クラス名：img-right]あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

 
 
 
 

背景色付きボックス

 
▼色ボックスグレー

 
 
▼色ボックス桃

 
 
▼色ボックス橙

 
 
▼色ボックス青

 
 
▼ふわり

 
 
 
 

引用文

 
引用1

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

山本宏樹

引用2

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

引用3

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

ヒロキ

 
 
 
 

Q & A

 

 
 
 
 

見出し

 

h2コミック

h2角丸ピンク

h2黒リボン

h2fフィルム

h3赤

ノーマルh3

h3下線

 
 
 
 

コレ非表示

一時的に隠しておきたい文章をこれ非表示タグでくくると、記事編集画面では見えるけれども、実際の記事では隠された状態になります。

↓

 
 
 
 

イベント詳細

イベント紹介記事などで最後に情報をまとめる際などに使えます。

 
 
 
 

目次挿入

記事の始めに、目次を自動で入れることができます。記事が長い場合などおすすめです。

目次挿入ボタンを押すと、以下のようなコードが埋め込まれます。

このコードが、記事中のh2タグ、h3タグを自動で拾って、目次を作ります。
この機能を使用するには、記事内に少なくとも3つ以上のh2,h3タグが必要です。