はじめにとは?
はじめにはクリエイションの中で最も重要な表示エリアであり、ユーザーが詳細ページを開いたときに最初に目にするコンテンツです。優れたはじめには、単なる説明文ではなく、作品全体の顔であり、招待状でもあります。
豊富な画像、ポスター、こだわりのレイアウトなどを通じて、はじめに独自のビジュアルスタイルを与え、ユーザーの注意を瞬時に惹きつけ、さらに探索したいという気持ちを高めることができます。内容に奥行きがあり魅力的であるほど、ユーザーが作品のテーマや雰囲気を素早く理解し、自然に没頭できるようになります。
HTML リッチテキストのサポート
はじめには以下の HTML タグのみサポートしています。記載のないタグ(<script>、<iframe>、<a> など)はサポートされておらず、フィルタリングされます:
- 見出し(
<h1>~<h6>) - 段落・改行(
<p>、<br>) - ブロックコンテナ(
<div>、<span>) - リスト(
<ul>、<ol>、<li>) - 強調(
<b>、<i>、<em>、<strong>、<u>、<sub>、<sup>) - 引用ブロック(
<blockquote>) - 水平線(
<hr>) - テーブル(
<table>、<tr>、<td>、<th>) - 定義説明(
<dd>) - 図表コンテナ(
<figure>)
外部画像のサポート
<img> タグを使って外部画像 URL を参照し、カバー画像・シーン画像・雰囲気画像などをはじめに挿入できます:
html
<img src="https://your-image-url.com/cover.png" />スタイルサポート
はじめには以下のインライン style 属性のみサポートしています。記載のない属性(flex、position、transform など)、<style> タグ、CSS クラスはいずれもサポートされません:
- テキスト:
color、font-size、font-weight、font-style、font-family、text-align、text-decoration、line-height、letter-spacing、word-spacing - ボックスモデル:
margin(各方向含む)、padding(各方向含む)、width、height、max-width、max-height - 背景・ボーダー:
background-color、background(色のみ)、border(各方向含む)、border-radius - その他:
display(block / inline / none)、vertical-align