As a senior CMS website operation personnel of an enterprise, I know that it is crucial to efficiently conduct layout testing during the website design and development stage.When the content is not fully ready, we often need to fill in placeholder content to check the layout, style, and responsiveness of the template.The Anqi CMS provides a very practical built-in tag that can help us easily generate random text.

Generate placeholder content for layout testing in Anqi CMS template

In AnQi CMS, when you are designing a template or adjusting local styles, the content may not be ready, or you may need to quickly test how a certain content area performs under different text volumes. At this time, useloremThe label to generate random placeholder text is your most convenient choice.loremThe label can generate "Lorem ipsum" style Latin text according to the specified quantity and method, perfectly simulating real content without the need to manually input a large amount of text.

loremBasic usage of tags

loremThe tag is an auxiliary tag provided by the Anqi CMS template engine, its main function is to generate random text of a specified length.This is very useful for quickly filling the page, testing the display effect of different length titles or paragraphs, and checking the alignment of images with text in various scenarios.

UseloremWhen labeling, you can specify the number of text generated, the generation method (by word, paragraph, or block), and whether it is randomly generated.

Parameter details
  • QuantityThis is the length of the text you want to generate. This number can be calculated by word count, or by paragraph or block, depending on the method parameter you choose.
  • MethodThis parameter determines the interpretation method of 'quantity'. It accepts the following three values:
    • wIt represents 'words', and the quantity will be calculated based on the number of words.
    • pRepresenting 'paragraphs', the number will be calculated according to the number of paragraphs.
    • b: Represents "blocks", the number will be calculated according to the block count. A block usually contains multiple paragraphs, and the generated content will be longer.
  • randomThis is an optional parameter. If you add itrandomThe system will generate different random text; if not added, the content generated each time will be the fixed 'Lorem ipsum' standard text.

Example and Application

Let's understand by means of a concrete code exampleloremHow do labels work:

If you need only a short random word to fill a title or short description area, you can use it like this:

<p>
    {% lorem 10 w random %}
</p>

This will generate about 10 random words to form a text. For example, the output may be similar to: "sit accumsan in doming sea et nulla blandit rebum. dolor".

When you need a standard length paragraph to test the text area, you can omit the quantity and method, and the system will generate a default standard 'Lorem ipsum' paragraph:

<p>
    {% lorem %}
</p>

This will output the classic 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...' such a long paragraph.

If you need multiple paragraphs to simulate article content, such as three paragraphs, you can specify the method asp:

<div>
    {% lorem 3 p %}
</div>

This will generate three 'Lorem ipsum' styled paragraphs, which will be<p>Label wrapping, suitable for testing the content layout of an article page.

For scenarios requiring a large amount of text, such as testing long articles or pages with multiple content blocks, you can use a larger number of words:

<div class="article-content">
    {% lorem 100 w %}
</div>

This will generate a text containing 100 words, used to fill a longer content area, and help you check the performance of scroll bars, bottom elements, and other elements when content overflows.

**Practical Suggestions

In the actual operation of websites and template development,loremTags are a powerful tool that can greatly improve efficiency.

Firstly, it allows developers to independently develop and debug the frontend interface when the backend data is not ready.This allows the design and development process to be carried out in parallel, shortening the project cycle.

Secondly, by generating texts of different lengths, you can comprehensively test the robustness of the template.For example, does short text cause too much whitespace, or does long text result in overflow or messy layout.This helps to discover and resolve potential layout issues in advance, ensuring that users can have a good reading experience under any content volume.

Finally,loremLabel-generated text is purely placeholder and does not contain any actual meaning.This means you don't have to worry about accidentally releasing incorrect or inappropriate 'fake' content in the test environment.Once the real content is in place, you just need to replace these placeholders.

Remember,loremThe label exists to assist in layout testing, and the content it generates does not have actual semantics, therefore it should never be used in the formal launch of product pages.

Frequently Asked Questions (FAQ)

Question:loremCan the text generated by the tag be used for my website content?Answer: No.loremThe text generated by the label is purely placeholder content and does not contain any actual meaning.It is only used to test the layout and design of the template during the development and design phase.When the website goes live, this placeholder content must be replaced with real, meaningful content.

Question:loremin the tagw/p/bWhat does the parameter specifically represent?Answer: These parameters are used to specifyloremThe method and unit of generating tag text.

  • wIndicates counting by 'words', for example{% lorem 10 w %}Will generate text with 10 words.
  • pIndicates counting by 'paragraphs', for example{% lorem 3 p %}It will generate 3 paragraphs of text.
  • bIndicates counting by 'blocks', a block typically contains more text than a paragraph and generates a long text block with multiple paragraphs.

Question:loremIs the placeholder text generated by the label multilingual? For example, can it generate a Chinese placeholder?Answer: According to the current Anqi CMS,loremLabel design, it mainly generates Latin texts in the style of "Lorem ipsum".The document does not mention direct support for generating placeholder text in Chinese or other languages.If you need a placeholder in a specific language, you may need to prepare it manually or find other ways to fill it.