§

Tạo văn bản giữ chỗ Lorem Ipsum

§

Kết quả

lorem ipsum

Các nhóm thiết kế Việt Nam tại agency và studio thường xuyên dùng Lorem Ipsum trong buổi review wireframe Figma và Sketch, đặt văn bản giữ chỗ trong pitch deck gửi khách hàng trước khi nội dung thật được viết xong. Nền tảng CMS phổ biến tại Việt Nam như WordPress và Joomla dùng văn bản giữ chỗ cho mô hình nội dung mặc định, trong khi các nhóm phát triển web nhà nước tuân thủ WCAG dùng nó để kiểm tra luồng đọc screen reader trên trang prototype trước khi copy thật ra mắt. Các nền tảng email như MailChimp hay GetResponse dùng Lorem Ipsum trong thư viện template để marketer kiểm tra layout và hành vi text overflow mà không cần chờ copywriter.

Lorem Ipsum là gì?

Lorem Ipsum là văn bản lấp đầy tiêu chuẩn của ngành in ấn và sắp chữ. Nó có nguồn gốc từ một luận văn triết học năm 45 TCN của chính khách La Mã Cicero, De Finibus Bonorum et Malorum (“Về Mục đích của Tốt và Xấu”). Một đoạn từ phần 1.10.32 của tác phẩm đó — bắt đầu bằng cụm từ “Neque porro quisquam est qui dolorem ipsum quia dolor sit amet” — đã bị xáo trộn, rút ngắn và được thợ sắp chữ tái sử dụng làm khối văn bản trông trung lập giả lập nhịp điệu của văn xuôi thật mà không làm người đọc mất tập trung vào nội dung có thể đọc được. Chuyên gia tiếng Latin Richard McClintock đã xác định nguồn gốc năm 1985 bằng cách truy nguyên từ hiếm consectetur trở lại Cicero, giải quyết nhiều thập kỷ suy đoán về xuất xứ của đoạn văn.

Quá trình tạo Lorem Ipsum hoạt động như thế nào?

Trình tạo chọn từ ngẫu nhiên từ danh sách từ nội tuyến theo kiểu bạn chọn và lắp ráp chúng theo loại đơn vị đã chọn. Tất cả xử lý chạy trong trình duyệt của bạn:

  1. Bạn chọn kiểu (Latin cổ điển, Bacon, Hipster, Corporate, Cat hoặc Pirate), chọn danh sách từ tương ứng được đóng gói trong trang.
  2. Bạn chọn loại đơn vị: Từ, Câu, Đoạn văn hoặc Mục danh sách, và đặt số lượng từ 1 đến 500.
  3. Với từ, trình tạo chọn nhiều từ ngẫu nhiên từ danh sách kiểu và nối chúng bằng khoảng trắng.
  4. Với câu, mỗi câu có 8 đến 15 từ ngẫu nhiên, viết hoa chữ đầu và kết thúc bằng dấu chấm. Khoảng 20% câu cũng có dấu phẩy sau từ thứ ba.
  5. Với đoạn văn, mỗi đoạn chứa 4 đến 8 câu nối bằng khoảng trắng và phân cách bởi dòng trống. Với mục danh sách, mỗi mục có 4 đến 10 từ.
  6. Nếu bật “Bắt đầu bằng Lorem ipsum” và kiểu Classic đang hoạt động, phần mở đầu kinh điển “Lorem ipsum dolor sit amet, consectetur adipiscing elit” được thêm vào đầu đoạn đầu tiên. Bật “Bọc trong <p>” bọc mỗi đoạn trong thẻ HTML sẵn sàng cho CMS hoặc template email.

Tại sao dùng văn bản giữ chỗ?

  • Lấp đầy khung Figma hoặc Sketch bằng nội dung độ dài thực tế để khách hàng có thể review layout, phân cấp và thang chữ trước khi copywriter giao bất cứ thứ gì.
  • Lấp đầy mọi trường của một loại nội dung mới bằng văn bản nhiều đoạn và bạn sẽ phát hiện tràn số ký tự, lỗi cắt ngắn và các trường hợp biên template hiển thị trước khi nội dung thật đến.
  • Template email HTML hoạt động khác nhau trong Outlook, Gmail và Apple Mail. Thêm đoạn được bọc và kiểm tra ngắt dòng, padding và breakpoint responsive trên cả ba trước khi gửi chiến dịch thử nghiệm.
  • Bản in thử và mockup PDF cần các đoạn văn trông thật để hiển thị font, tracking và leading ở quy mô. Lorem Ipsum cổ điển đã làm công việc đó trong các xưởng thiết kế từ thập niên 1960.

Ứng dụng phổ biến của văn bản giữ chỗ là gì?

Lorem Ipsum xuất hiện trong quy trình thiết kế, kỹ thuật và nội dung:

  • Prototype Figma và Sketch nhận văn bản giữ chỗ có kiểu được kéo vào các biến thể component để người review có thể đánh giá mật độ thông tin, tràn text và khoảng cách nút mà không để copy chính nó trở thành tâm điểm của buổi review.
  • Khi bạn xây dựng loại nội dung WordPress, Contentful hoặc Sanity mới, lấp đầy mọi trường bằng copy giữ chỗ nhiều đoạn giúp kiểm tra template hiển thị, pipeline chỉ mục tìm kiếm và mọi bộ kiểm tra giới hạn ký tự trong một lần.
  • Tùy chọn bọc HTML dán các đoạn được bọc trong <p> thẳng vào trình chỉnh sửa HTML email như code view của Mailchimp hoặc template Litmus, để bạn có thể xác minh chiều cao dòng, thu gọn margin và khoảng cách đặc thù của Outlook trên các client mà không cần viết đoạn giả bằng tay.

Lorem Ipsum trông như thế nào?

Đặt kiểu thành Classic, đơn vị thành Đoạn văn, số lượng thành 3 và bật “Bắt đầu bằng Lorem ipsum”. Đầu ra sẽ bắt đầu bằng “Lorem ipsum dolor sit amet, consectetur adipiscing elit” và tiếp tục qua ba đoạn văn xuôi nghe như tiếng Latin đầy đủ được phân cách bởi dòng trống. Chuyển kiểu sang Bacon và tạo lại: cùng hình dạng cấu trúc — ba đoạn, cùng độ biến đổi độ dài câu — nhưng mọi từ là một cách cắt thịt hoặc phương pháp xông khói. Chuyển sang Corporate và văn xuôi lấp đầy bằng synergy, leverage và paradigm. Mỗi kiểu dùng cùng logic xây dựng đoạn văn chính xác; chỉ danh sách từ thay đổi.

Sự khác biệt giữa các kiểu Lorem Ipsum là gì?

Mỗi kiểu dùng cùng trình tạo cấu trúc — cùng phạm vi độ dài câu (8–15 từ), cùng phạm vi độ dài đoạn (4–8 câu), cùng tỷ lệ chèn dấu phẩy. Chỉ danh sách từ thay đổi. Classic dùng ~75 từ Latin từ văn bản gốc của Cicero để tạo nội dung lấp đầy trung lập, tiêu chuẩn ngành. Bacon, Hipster, Corporate, Cat và Pirate đều dùng danh sách từ theo chủ đề riêng (~30–50 từ mỗi loại) để tạo đầu ra hài hước hoặc theo ngữ cảnh cụ thể. Tất cả danh sách từ được đóng gói nội tuyến trong trang — không có yêu cầu mạng nào được thực hiện khi bạn chuyển kiểu hoặc nhấp Tạo.

Tại sao văn bản Cicero gốc được dùng làm cơ sở?

Đoạn Cicero bị xáo trộn đã là tiêu chuẩn ngành từ khi Letraset áp dụng vào thập niên 1960 và Aldus PageMaker đưa vào làm placeholder tích hợp năm 1985. Sự phổ biến của nó có nghĩa là bất kỳ nhà thiết kế, nhà phát triển hay khách hàng nào từng làm việc trong thiết kế trực quan đều nhận ra ngay đây là nội dung lấp đầy có chủ ý chứ không phải lỗi hay bản nháp chưa hoàn thành. Dùng nó giúp tránh tranh luận về việc văn bản giữ chỗ có “thật” không — mọi người đều hiểu nó không phải.

Có thể tạo văn bản giữ chỗ không phải Latin không?

Không có trong phiên bản hiện tại. Sáu kiểu đều là văn bản trong phạm vi ASCII, nghĩa là chúng hoạt động trong bất kỳ trường CMS, thuộc tính HTML và template email nào mà không gặp vấn đề mã hóa. Các chữ viết không phải Latin (Ả Rập, Trung Quốc, Hindi) yêu cầu danh sách từ theo từng chữ viết và cân nhắc font nằm ngoài phạm vi của công cụ đa năng này. Một công cụ văn bản giữ chỗ dành riêng cho locale có thể bao gồm các trường hợp đó trong bản cập nhật tương lai.

Điều này có an toàn để dùng trong môi trường sản xuất không?

Có, với một lưu ý: Lorem Ipsum là văn bản giữ chỗ, không phải nội dung thật. Nó phù hợp cho môi trường staging, buổi review thiết kế và bản dựng phát triển — không bao giờ cho các trang sản xuất đã xuất bản nơi nó sẽ được các công cụ tìm kiếm lập chỉ mục như nội dung vô nghĩa hoặc gây nhầm lẫn cho người dùng thật. Nếu bạn cần bảo vệ môi trường staging khỏi crawler, hãy dùng chỉ thị `Disallow` trong `robots.txt` hoặc tường đăng nhập, không phải bằng cách bỏ qua văn bản giữ chỗ.

Trình tạo Lorem Ipsum này chạy hoàn toàn trong trình duyệt của bạn. Sáu danh sách từ kiểu được đóng gói nội tuyến, không có thư viện vendor và không có lệnh gọi mạng nào mỗi lần tạo. Đặt kiểu, đơn vị và số lượng; nhấn Tạo; sao chép hoặc tải xuống kết quả.