アーティストプロフィールや映画の作品紹介やボックスについて解説します。
該当するところを差替えれば簡単に更新できると思います。
1.アーティストプロフィール
表示例
けやき坂46Keyakizaka46
秋元康総合プロデュースによるグループ。明るくポップな曲調で、みんなを励ます曲や共感できる恋愛ソングなど、歌詞を重視したパフォーマンスが特徴。笑顔が似合う“ハッピーオーラ”をモットーに活動している。’18年6月20日にデビューアルバム『走り出す瞬間』をリリースした。
DISC INFO
debut album 『走り出す瞬間』 【通常盤】 ¥2,800(tax in) now on sale |
ソース
※以下をそのままコピーしてください。(編集画面のものはエスケープ処理しているため別物です)
HTML
<div class="profile-box">
<div class="artist-name dfont"><span class="big-name">けやき坂46</span><span class="small-name">Keyakizaka46</span></div>
秋元康総合プロデュースによるグループ。明るくポップな曲調で、みんなを励ます曲や共感できる恋愛ソングなど、歌詞を重視したパフォーマンスが特徴。笑顔が似合う“ハッピーオーラ”をモットーに活動している。'18年6月20日にデビューアルバム『走り出す瞬間』をリリースした。
<p class="disc-info">DISC INFO</p>
<table>
<tr><td><img src="https://www.ch-files.net/wp-content/uploads/2018/08/1808o_interview_keyaki_cd-300x300.jpg" alt="" width="300" height="300" class="aligncenter size-medium wp-image-4654" /></td>
<td>debut album
『走り出す瞬間』
【通常盤】
¥2,800(tax in)
now on sale</td></tr>
</table>
[btn href="http://www.keyakizaka46.com/" class="raised accent-bc strong" target="_blank"]OFFICIAL WEBSITE[/btn]
</div>
必要に応じて、アー写やYouTubeを挿入したり、ライブ情報を追加してください。
ジャケ写のところがわかりにくいかもしれませんが、これは「テーブル」(表)になっていまして、本来は表示される表の罫線を見えないように設定しています。
簡略化すると以下のようになります。
HTML
<div class="profile-box">
<table>
<tr>
<td>ジャケ写</td>
<td>タイトル、金額など</td>
</tr>
<tr>
<td>2枚目のジャケ写</td>
<td>2枚目のタイトル、金額など</td>
</tr>
</table>
</div>
ちなみにプロフィールボックス以外で使用すると普通に罫線が現れます。
debut album 『走り出す瞬間』 【通常盤】 ¥2,800(tax in) now on sale |
2.映画 作品紹介
表示例
3D彼女 リアルガール
- 原作:那波マオ『3D彼女 リアルガール』(講談社「KCデザート」刊)
- 監督:英 勉
- 出演:中条あやみ、佐野勇斗、清水尋也、恒松祐里、上白石萌歌、ゆうたろう、他
- 配給:ワーナー・ブラザース映画
©2018 映画「3D彼女 リアルガール」製作委員会 ©那波マオ/講談社
9.14(金)全国公開
ソース
※以下をそのままコピーしてください。(編集画面のものはエスケープ処理しているため別物です)
HTML
<div class="profile-box">
<div class="artist-name dfont"><span class="big-name">3D彼女 リアルガール</span></div>
<div class="profile-youtube">[youtube]<iframe width="560" height="315" src="https://www.youtube.com/embed/M-IXl43xj1o" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>[/youtube]</div>
[list class="list-raw"]
<ul style="margin-left: 1em;">
<li>原作:那波マオ『3D彼女 リアルガール』(講談社「KCデザート」刊)</li>
<li>監督:英 勉</li>
<li>出演:中条あやみ、佐野勇斗、清水尋也、恒松祐里、上白石萌歌、ゆうたろう、他</li>
<li>配給:ワーナー・ブラザース映画</li>
</ul>
[/list]
<p class="small">©2018 映画「3D彼女 リアルガール」製作委員会 ©那波マオ/講談社</p>
<p class="hh hh30" style="margin-left: 1em;"><strong>9.14(金)全国公開</strong></p>
[btn href="http://wwws.warnerbros.co.jp/3Dkanojo/" class="raised accent-bc strong" target="_blank"]OFFICIAL WEBSITE[/btn]
</div>