ウェブ虎の巻：プロフィールボックス

アーティストプロフィールや映画の作品紹介やボックスについて解説します。
該当するところを差替えれば簡単に更新できると思います。

1.アーティストプロフィール

表示例

けやき坂46Keyakizaka46

秋元康総合プロデュースによるグループ。明るくポップな曲調で、みんなを励ます曲や共感できる恋愛ソングなど、歌詞を重視したパフォーマンスが特徴。笑顔が似合う“ハッピーオーラ”をモットーに活動している。’18年6月20日にデビューアルバム『走り出す瞬間』をリリースした。

DISC INFO

debut album
『走り出す瞬間』
【通常盤】
¥2,800（tax in）
now on sale

OFFICIAL WEBSITE

ソース

※以下をそのままコピーしてください。（編集画面のものはエスケープ処理しているため別物です）

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>２枚目のタイトル、金額など</td>
  </tr>
 </table>
</div>

ちなみにプロフィールボックス以外で使用すると普通に罫線が現れます。

debut album
『走り出す瞬間』
【通常盤】
¥2,800（tax in）
now on sale

2.映画　作品紹介

表示例

３Ｄ彼女　リアルガール
  • 原作：那波マオ『３Ｄ彼女　リアルガール』（講談社「KCデザート」刊）
  • 監督：英 勉
  • 出演：中条あやみ、佐野勇斗、清水尋也、恒松祐里、上白石萌歌、ゆうたろう、他
  • 配給：ワーナー・ブラザース映画

©2018 映画「３Ｄ彼女　リアルガール」製作委員会　©那波マオ／講談社

9.14（金）全国公開

OFFICIAL WEBSITE

ソース

※以下をそのままコピーしてください。（編集画面のものはエスケープ処理しているため別物です）

HTML
<div class="profile-box">
<div class="artist-name dfont"><span class="big-name">３Ｄ彼女　リアルガール</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>原作：那波マオ『３Ｄ彼女　リアルガール』（講談社「KCデザート」刊）</li>
 	<li>監督：英 勉</li>
 	<li>出演：中条あやみ、佐野勇斗、清水尋也、恒松祐里、上白石萌歌、ゆうたろう、他</li>
 	<li>配給：ワーナー・ブラザース映画</li>
</ul>
[/list]
<p class="small">©2018 映画「３Ｄ彼女　リアルガール」製作委員会　©那波マオ／講談社</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>