As a senior CMS website operation personnel, I am well aware that how to efficiently conduct layout testing during the website design and development phase is crucial.When the content is not fully ready, we often need to fill placeholder content to check the layout, style, and responsiveness of the template.This provides a very practical built-in tag for Anqi CMS, which helps us easily generate random text.

Generate placeholder content for layout testing in an Anqi CMS template

In AnQi CMS, when you are designing templates or adjusting local styles, the content may not be ready yet, or you may need to quickly test the performance of a content area under different text volumes. At this time, usingloremThe most convenient option is to use tags to generate random placeholder text.loremTags can generate "Lorem ipsum" style Latin text according to the quantity and method you specify, perfectly simulating real content without the need to manually input a large amount of text.

loremBasic usage of the tag

loremThe tag is an auxiliary tag provided by the AnQi CMS template engine, which mainly generates random text of a specified length.This is very useful for scenarios such as quickly filling the page, testing the display effects of different length titles or paragraphs, and checking the alignment of images with text.

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

Parameter Details
  • QuantityThis is the length of the text you wish to generate. This number can be calculated by word count, paragraph, or block, depending on the 'method' parameter you choose.
  • MethodThis parameter determines the interpretation of 'quantity'. It accepts the following three values:
    • wRepresents 'word' (words), the quantity will be calculated based on the number of words.
    • p[en] : represents 'paragraphs', the count will be calculated according to the number of paragraphs.
    • b：represents 'block' (blocks), the quantity will be calculated according to the number of blocks. A block usually contains multiple paragraphs, and the generated content will be longer.
  • randomThis is an optional parameter. If you add arandomThe system will generate different random texts; if none are added, the content generated each time is the fixed standard text of 'Lorem ipsum'.

Examples and Applications

Let us understand through specific code examples.loremHow do tags 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 adipisici elit, sed eiusmod tempor incidunt 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' style paragraphs, which will be<p>Label wrapping, suitable for testing the content layout of article pages.

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 the content overflows.

**Practical Suggestions

In actual website operation and template development,loremtags are powerful tools that can greatly improve efficiency.

It allows developers to independently develop and debug the frontend interface even 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 more comprehensively test the robustness of the template.For example, does the short text result in too much whitespace, and does the long text overflow or become disorganized in layout.This helps to discover and resolve potential layout issues in advance, ensuring a good reading experience for users under any content volume.

Finally,loremThe generated text of the tag is a pure placeholder, without 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,loremTags exist to assist in layout testing and the content they generate does not have actual semantics, therefore these placeholder texts should never be used on the product pages of officially launched products.

Common Questions and Answers (FAQ)

Q: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 used solely for testing the layout and design of templates during the development and design phase.When the website is officially launched, these placeholder contents must be replaced with real and meaningful content.

Q:loremtagsw/p/bWhat do the parameters specifically represent?Answer: These parameters are used to specifyloremthe way the tag generates text and the unit.

  • w：means to count by 'words', for example{% lorem 10 w %}will generate a text with 10 words.
  • p：means to count by 'paragraphs', for example{% lorem 3 p %}It will generate 3 paragraphs of text.
  • bIndicates counting by 'blocks', which typically contain more text than a paragraph and generate a long text block containing multiple paragraphs.

Q:loremIs the placeholder text generated by the tag multilingual? For example, can it generate Chinese placeholders?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 placeholders in a specific language, you may need to prepare them manually or find other ways to fill them.