テンプレート記事用装飾

日本語

私も生涯まるでそのふり年という事の時に飛びだった。
とにかく十月を意味院もしかるにこういう講演ですないでもで入れから来るですにも努力したですて、わざわざには喜ぶたますたた。傍点を受けないのもよほど昨日にどうしてもたんた。

太字

Love the life you live. Live the life you love. Bob Marley 自分の生きる人生を愛せ。自分の愛する人生を生きろ。 ボブ マーリー

<b>テキスト内容</b>

or

<span style="font-weight: bold;">テキスト内容</span>

意味的強調 (重要性)

この内容は非常に重要な意味を持っています

<strong>テキスト内容</strong>

イタリック体

It always seems impossible until it’s done. Nelson Mandela 何事も成功するまでは不可能に思えるものである。 ネルソン マンデラ

<i>テキスト内容</i>

or

<span style="font-style: italic;">テキスト内容</span>

リンク

リンクテキスト

<a href="遷移先アドレス" target="_blank">テキスト内容</a>

引用

Lorem ipsum dolor sit amet, an oratio tamquam accusam quo, sea modus oporteat partiendo ad, eu debet urbanitas duo. Ut accusata voluptatibus usu. Hendrerit necessitatibus et sed, ei postea percipitur mea. Salutandi euripidis ut mel, scaevola delicata appellantur te his, detracto mentitum vix an. Scaevola suavitate an vis, id dico elaboraret ius. Mentitum quaestio et sea. Eu labitur numquam docendi sit, eos tantas eirmod reprehendunt no.

<blockquote>引用テキスト内容</blockquote>

or

<blockquote><p>引用テキスト内容</p></blockquote>

Lorem ipsum dolor sit amet, an oratio tamquam accusam quo, sea modus oporteat partiendo ad, eu debet urbanitas duo. Ut accusata voluptatibus usu. Hendrerit necessitatibus et sed, ei postea percipitur mea. Salutandi euripidis ut mel, scaevola delicata appellantur te his, detracto mentitum vix an. Scaevola suavitate an vis, id dico elaboraret ius. Mentitum quaestio et sea. Eu labitur numquam docendi sit, eos tantas eirmod reprehendunt no.

Lorem ipsum

<blockquote><p>引用テキスト内容</p><cite><a href="引用元URL" target="_blank" rel="noopener noreferrer">引用元サイト名</a></cite></blockquote>

リスト

箇条書きリスト

• 一つ目のリスト
• 二つ目のリスト
• 三つ目のリスト

<ul><li>テキスト</li><li>テキスト</li><li>テキスト</li></ul>

1. 一つ目のリスト
2. 二つ目のリスト
3. 三つ目のリスト

<ol><li>テキスト</li><li>テキスト</li><li>テキスト</li></ol>

画像にドロップシャドウ(独自クラス)

<img class="shadow-attachment" src="画像アドレス" alt="代替テキスト" width="横原寸" height="縦原寸" loading="lazy">

動画縦横比固定 (クラス不要)

サイズ変更は width="数値" を変更, height計算の必要はありません。YouTubeで発行される埋め込みコードをそのまま利用します。
* 位置合わせ変更はラッパーが必要です。

<iframe width="560" height="315" src="https://www.youtube.com/embed/動画アドレス" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>

中央寄せにする場合

<div style="text-align: center;">ここに埋め込みコード</div>

クラスを利用する旧コードも継続して使えます。

<div class="box-for-video" style="max-width: 動画横幅px; margin: 0 auto;">ここに埋め込みコード</div>

関連記事

• A Man Without Honor 義なき男 2014/08/09
• The Night Lands 粛清 2014/08/09
• The Pointy End 進軍 2014/08/09
• The Wolf And The Lion 狼と獅子 2014/08/09
• テンプレート記事用装飾 2014/08/09
• 見えない足跡 All the Best Cowboys Have Daddy Issues 2014/08/09
• ケースの中の過去 Whatever the Case May Be 2014/08/09
• Winter Is Coming 冬来る 2014/08/09
• みんなめでたし Something Beautiful 2014/08/08