Lorem ipsum その1

出版やデザインの分野には、 Lorem ipsum というダミーテキストがあるそうです。

もちろん、Middleman には Lorem ipsum 機能が標準装備です。
ここでは、 Middleman で Lorem ipsum の使い方を説明します。

lorem の 機能

Erb などで以下のように loremオブジェクトの各種メソッドを記載します。

標準機能のため、これだけでLorem ipsum を生成できます。

<h1>任意の 1 語</h1>
<p><%= lorem.word %></p>

<h1>任意の 3 語</h1>
<p><%= lorem.words(3) %></p>

<h1>任意の 1 文</h1>
<p><%= lorem.sentence %></p>

<h1>任意の 3 文</h1>
<p><%= lorem.sentences(3) %></p>

<h1>任意の 1 段落</h1>
<p><%= lorem.paragraph %></p>

<h1>任意の 3 段落</h1>
<p><%= lorem.paragraphs(3) %></p>

<h1>任意の 日付</h1>
<p><%= lorem.date %></p>

<h1>200x200の任意の画像</h1>
<p><img src="<%= lorem.image('200x200') %>"/></p>

生成結果のHTMLは以下になります。

<h1>任意の 1 語</h1>
<p>odit</p>

<h1>任意の 3 語</h1>
<p>quod explicabo optio</p>

<h1>任意の 1 文</h1>
<p>Repudiandae dolores a sit</p>

<h1>任意の 3 文</h1>
<p>Deserunt et itaque autem corrupti est provident numquam quo magnam ratione. Debitis modi itaque qui sed consequatur aliquid consequatur veniam dolores nisi aut voluptate. Iure sit dolores sequi quia nesciunt est et ex dolor quae ullam</p>

<h1>任意の 1 段落</h1>
<p>Rerum deleniti totam itaque sapiente et. a quis facilis saepe voluptatem itaque quibusdam sunt ea. sit dignissimos velit nam magni sint ratione. ut rerum sed incidunt vero facilis</p>

<h1>任意の 3 段落</h1>
<p>Quis quam qui est id et sit est. rerum eos consequatur consequatur ab molestiae sunt sunt nesciunt mollitia consequatur et praesentium tempora. qui harum illum ut non et ex dicta perferendis labore

Aut rerum harum eligendi. mollitia saepe vero ullam deleniti nulla odit saepe est. enim voluptatem soluta est quia rerum consectetur quis facilis iure aut sunt hic molestiae quam. vel et minus quidem rem occaecati enim quasi laudantium maiores optio cum quo culpa. ipsam repudiandae et nostrum natus sint est. deserunt ullam adipisci reiciendis voluptatem impedit dolores dolorem adipisci molestias. repellendus dolores qui quibusdam sunt eveniet

Laudantium ut placeat perspiciatis perspiciatis nobis corporis sit sed rerum ea perferendis voluptatem exercitationem eveniet. quis voluptatem optio animi recusandae recusandae hic et voluptatem impedit dolores quasi. culpa distinctio deleniti nihil voluptates sapiente distinctio ut quo ipsum</p>

<h1>任意の 日付</h1>
<p>Sat Jan 17, 2004</p>

<h1>200x200の任意の画像</h1>
<p><img src="http://placehold.it/200x200"/></p>

サンプルページ

カテゴリ