重要なポイント
- 01段落、文、または生の単語を選択し、必要な正確なカウントを設定します。
- 02HTML モードは各段落を <p> タグで囲み、CMS またはリッチテキストフィールドに貼り付けるのに対応します。
- 03古典的な「Lorem ipsum dolor sit amet...」開口は、オンまたはオフにしてトグルできます。
- 04すべての生成はあなたのブラウザでローカルに行われます - 即座でプライベート。
Lorem Ipsumとは何か、そしてなぜデザイナーはそれを使用するのか
Lorem Ipsum はスクランブルされたラテン語のようなプレースホルダーテキストで、活版印刷者は1500年代から使用しています。レイアウトを実際の意味に夢中になるレビュアーを気を散らさずにリアルに見えるコピーで埋めることができます。利害関係者が実際のテキストを読むとき、単語に焦点を当てるのではなく設計に - Lorem Ipsum は間隔、タイポグラフィ、階層に焦点を置きます。
最新のデザインツール、CMS テンプレート、フロントエンドプロトタイプはすべてフィラーコンテンツが必要です。Handytool のジェネレーターでは、正確にどの程度必要かをダイアルできます - カードコンポーネント用の1つの文、ブログプレビュー用の3つの段落、またはテキスト集約的なモックアップ用の200の生単語 - すべて1クリックで。
Lorem Ipsumテキストを生成する方法
- 01
ユニットを選択
プレースホルダーコンテンツをどのように測定する必要があるかに応じて、段落、文、または単語を選択します。
- 02
カウントを設定
必要なユニット数を入力します。段落は最大25、文は50、単語は500 - ほとんどのモックアップには十分です。
- 03
Lorem Ipsum 開口をトグル
古典的な「Lorem ipsum dolor sit amet, consectetur adipiscing elit.」文で開始するには有効にします - ほとんどのデザイナーがプレースホルダーブロックの上部で予期するもの。
- 04
プレーンテキストまたは HTML を選択
プレーンモードは段落を空白行で分離します。HTML モードは各段落を <p> タグで囲み、リッチテキストエディタまたはメールテンプレートに貼り付けるのに対応します。
- 05
必要に応じてコピーして再生成
コピーをクリックして出力を取得するか、再生成をクリックして異なる単語の配置で新しいパスを取得します。
プレースホルダーテキストの一般的なユースケース
- 01デザインシステムのカードコンポーネントとブログポストプレビューを埋める
- 02実際のコンテンツが準備できる前にCMS ステージング環境を設定
- 03特定の単語数または段落カウントが必要なときにページ付けロジックをテスト
- 04コピーが書かれる前に、リアルな長さのフィラーでメールテンプレートを読み込む
- 05オーバーフロー問題をキャッチするために長い文字列を使用して UI コンポーネントをストレステスト
即座でプライベート
Lorem Ipsum 生成は純粋なブラウザ側 JavaScript です - 出力の大きさに関わらず、サーバーリクエストは不要です。登録するものはなく、レート制限もありません。テキストはシャッフル可能なランダムを使用して固定ラテン語のような単語リストから生成されるため、段落長がレイアウトに適するまで再生成を続けできます。
公開する前にすべてのプレースホルダーテキストを置き換えることを忘れないでください。Lorem Ipsum がスリップした場合、検索エンジンと実際のリーダーはそれを確認し、ページが本番環境に対応していないことを示します。
Lorem Ipsum ジェネレーター FAQ
Lorem Ipsum テキストとは?
Lorem Ipsum はスクランブルされたラテン語のようなプレースホルダーテキストで、デザイナーが1500年代から使用しています。有意な意味のコピーに気を散らさずにレイアウトをプレビューできます。
本番環境で Lorem Ipsum を使用できますか?
いいえ - モックアップとプレビュー用です。起動する前に置き換えてください。置き換えない場合、検索エンジンと訪問者はプレースホルダーテキストを確認します。
再生成後、出力が同じに見えるのはなぜですか?
古典的な開口が有効な場合、最初の文は固定されます。段落の残りは再生成をクリックするたびにランダムです。
段落、文、単語モード間の違いは?
段落は複数文ブロックを生成します - 長いコンテンツレイアウトに適しています。文は個別の行を与えます - 見出しまたはコールアウトに便利です。単語モードは生の単語カウントを与えます。特定の文字予算に達する必要があるときに理想的です。
ツールはデータをサーバーに送信しますか?
いいえ。すべてあなたのブラウザでローカルに生成されます。ネットワークリクエストはなく、送信するデータもありません - それは単なる JavaScript です。