テンプレート記事用装飾

saudade_clock_aterapiadealice-04.jpg

Alphabet

Et assum accusata nam, ut recusabo sententiae nam. Eam in malis labore complectitur, nostrud legimus dolores nam no, esse omnesque ei quo. Sea fugit nominati ei, ut vidit facer prompta vis, veri nominavi facilisi pro id. Mel ei sint civibus appareat. Vix ea volutpat dignissim mnesarchum, usu probo ludus partiendo ad, cum id solet exerci lobortis. Solet maiestatis sed an, ex ius veniam causae accommodare.

1234567890, &

日本語

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

太字

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>

整形済みテキスト

<div style="text-align: center;">あいうえお</div>
<pre><code>エスケープ表記テキスト内容</code></pre>

リンク

リンクテキスト

<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>

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

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

テキストハイライト

このテキストはハイライトされています。

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

見出し等テキスト装飾 (独自クラス)

手書き風テキスト

<h2 class="freehand">テキスト内容</h2>

or

<div class="freehand">テキスト内容</div>

ドッグイヤーテキスト

<h2 class="dogear">テキスト内容</h2>

or

<div class="dogear">テキスト内容</div>

カールテキスト

<h2 class="curl">テキスト内容</h2>

or

<div class="curl">テキスト内容</div>

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

サイズ変更は 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>
unknown
2019/11/17 (Sun) 20:08

訪問者コメントのサンプルです。
リンクなし。パスワードなし。

vanillaice (Akira)
Akira
2019/11/17 (Sun) 20:09

To unknownさん

テンプレート返信機能を利用した管理人コメントです

unknown2
2019/11/17 (Sun) 20:10

こんにちは

訪問者コメントのサンプルです。
リンクあり。パスワードあり。

vanillaice (Akira)
vanillaice (Akira)
2019/11/17 (Sun) 20:11

Re: こんにちは

> 訪問者コメントのサンプルです。
> リンクあり。パスワードあり。

管理人による管理画面経由のハンドルネーム部位装飾つき返信です

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)