§

Lorem Ipsum প্লেসহোল্ডার টেক্সট তৈরি করুন

§

আউটপুট

lorem ipsum

বাংলাদেশ ও পশ্চিমবঙ্গের UI/UX ডিজাইনার এবং ফ্রন্টএন্ড ডেভেলপাররা Figma ও Adobe XD প্রোটোটাইপে Lorem Ipsum ব্যবহার করেন যাতে লেআউট, টাইপোগ্রাফি এবং কন্টেন্ট হায়ারার্কি রিভিউ করা যায় — আসল কপি আসার আগেই। ওয়ার্ডপ্রেস ও জুমলা-ভিত্তিক বাংলা ওয়েবসাইটগুলোতে নতুন কন্টেন্ট টাইপ তৈরির সময় প্লেসহোল্ডার টেক্সট টেমপ্লেটের ওভারফ্লো এবং রেসপন্সিভ ব্রেকপয়েন্ট পরীক্ষা করে।

Lorem Ipsum কী?

Lorem Ipsum মুদ্রণ ও টাইপসেটিং শিল্পের আদর্শ ফিলার টেক্সট। এটি রোমান রাজনীতিবিদ সিসেরোর ৪৫ BC-এর দার্শনিক গ্রন্থ De Finibus Bonorum et Malorum ('On the Ends of Good and Evil')-এ ফিরে যায়। সেই কাজের ১.১০.৩২ অনুচ্ছেদ থেকে একটি অংশ — 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet' বাক্যাংশ দিয়ে শুরু — টাইপসেটারদের দ্বারা বিক্ষিপ্ত, সংক্ষিপ্ত এবং নিরপেক্ষ-দেখতে টেক্সটের ব্লক হিসেবে পুনর্ব্যবহার করা হয়েছিল। Latinist Richard McClintock ১৯৮৫ সালে বিরল শব্দ consectetur সিসেরোতে ফিরিয়ে দিয়ে উৎস চিহ্নিত করেন।

Lorem Ipsum জেনারেশন কীভাবে কাজ করে?

জেনারেটর আপনার নির্বাচিত ফ্লেভারের ইনলাইন ওয়ার্ড লিস্ট থেকে এলোমেলোভাবে শব্দ বেছে নেয় এবং নির্বাচিত ইউনিট টাইপ অনুযায়ী একত্রিত করে। সমস্ত প্রক্রিয়া আপনার ব্রাউজারে চলে:

  1. আপনি একটি ফ্লেভার বেছে নিন (Classic Latin, Bacon, Hipster, Corporate, Cat বা Pirate), যা পেজে বান্ডল করা সংশ্লিষ্ট ওয়ার্ড লিস্ট নির্বাচন করে।
  2. আপনি ইউনিট টাইপ নির্বাচন করুন: Words, Sentences, Paragraphs বা List Items, এবং ১ থেকে ৫০০-এর মধ্যে সংখ্যা নির্ধারণ করুন।
  3. শব্দের জন্য, জেনারেটর ফ্লেভার লিস্ট থেকে সেই পরিমাণ এলোমেলো শব্দ বেছে নেয় এবং স্পেস দিয়ে যুক্ত করে।
  4. বাক্যের জন্য, প্রতিটি বাক্য ৮ থেকে ১৫টি এলোমেলো শব্দ নিয়ে গঠিত, শুরুতে ক্যাপিটাল এবং পিরিয়ড দিয়ে শেষ। প্রায় ২০% বাক্যে তৃতীয় শব্দের পরে কমাও থাকে।
  5. অনুচ্ছেদের জন্য, প্রতিটি অনুচ্ছেদে ৪ থেকে ৮টি বাক্য স্পেস দিয়ে যুক্ত থাকে এবং পরবর্তী অনুচ্ছেদ থেকে একটি ফাঁকা লাইন দিয়ে আলাদা। তালিকা আইটেমের জন্য, প্রতিটি আইটেম ৪ থেকে ১০টি শব্দ।
  6. 'Lorem ipsum দিয়ে শুরু করুন' চালু থাকলে এবং Classic ফ্লেভার সক্রিয় থাকলে, ক্যানোনিকাল ওপেনার 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' প্রথম অনুচ্ছেদে যোগ হয়। '<p>-তে মোড়ান' সক্ষম করলে প্রতিটি অনুচ্ছেদ HTML ট্যাগে মোড়ানো হয় CMS বা ইমেইল টেমপ্লেটে ব্যবহারের জন্য।

কেন প্লেসহোল্ডার টেক্সট ব্যবহার করবেন?

  • একটি Figma বা Sketch ফ্রেম বাস্তবসম্মত কপি-দৈর্ঘ্যের কন্টেন্ট দিয়ে পূরণ করুন যাতে কপিরাইটার কিছু সরবরাহ করার আগেই ক্লায়েন্টরা লেআউট, হায়ারার্কি এবং টাইপোগ্রাফিক স্কেল রিভিউ করতে পারেন।
  • একটি নতুন কন্টেন্ট টাইপের প্রতিটি ফিল্ড বহু-অনুচ্ছেদের টেক্সট দিয়ে পূরণ করুন এবং আসল কন্টেন্ট আসার আগেই অক্ষর-গণনা ওভারফ্লো, ট্রাঙ্কেশন বাগ এবং ডিসপ্লে-টেমপ্লেট এজ কেস ধরুন।
  • HTML ইমেইল টেমপ্লেট Outlook, Gmail এবং Apple Mail-এ ভিন্নভাবে আচরণ করে। মোড়ানো অনুচ্ছেদ যোগ করুন এবং পরীক্ষামূলক ক্যাম্পেইন পাঠানোর আগে তিনটিতেই লাইন র‍্যাপ, প্যাডিং এবং রেসপন্সিভ ব্রেকপয়েন্ট পরীক্ষা করুন।
  • প্রিন্ট প্রুফ এবং PDF মকআপে ফন্ট, ট্র্যাকিং এবং লিডিং স্কেলে দেখানোর জন্য বাস্তবসম্মত অনুচ্ছেদ প্রয়োজন। Classic Lorem Ipsum ১৯৬০-এর দশক থেকে ডিজাইন স্টুডিওতে এই কাজ করে আসছে।

প্লেসহোল্ডার টেক্সটের সাধারণ প্রয়োগ কী কী?

Lorem Ipsum ডিজাইন, ইঞ্জিনিয়ারিং এবং কন্টেন্ট ওয়ার্কফ্লো জুড়ে দেখা যায়:

  • Figma এবং Sketch প্রোটোটাইপে ফ্লেভার্ড প্লেসহোল্ডার টেক্সট কম্পোনেন্ট ভেরিয়েন্টে ড্রপ করা হয় যাতে রিভিউয়াররা ইনফরমেশন ডেনসিটি, টেক্সট ওভারফ্লো এবং বাটনের নৈকট্য মূল্যায়ন করতে পারেন।
  • নতুন WordPress, Contentful বা Sanity কন্টেন্ট টাইপ তৈরি করার সময়, প্রতিটি ফিল্ড বহু-অনুচ্ছেদের প্লেসহোল্ডার কপি দিয়ে পূরণ করা ডিসপ্লে টেমপ্লেট, সার্চ-ইনডেক্স পাইপলাইন এবং যেকোনো অক্ষর-সীমা যাচাইকারী একটি পাসে স্ট্রেস-টেস্ট করে।
  • HTML-wrap অপশন <p>-মোড়ানো অনুচ্ছেদ সরাসরি Mailchimp-এর কোড ভিউ বা Litmus টেমপ্লেটের মতো ইমেইল HTML এডিটরে পেস্ট করে, যাতে হাতে ডামি অনুচ্ছেদ না লিখে ক্লায়েন্ট জুড়ে লাইন হাইট, মার্জিন কোল্যাপস এবং Outlook-নির্দিষ্ট স্পেসিং যাচাই করা যায়।

Lorem Ipsum উদাহরণ কেমন দেখায়?

ফ্লেভার Classic, ইউনিট Paragraphs, সংখ্যা ৩ সেট করুন এবং 'Lorem ipsum দিয়ে শুরু করুন' চালু করুন। আউটপুট 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' দিয়ে শুরু হবে এবং ফাঁকা লাইন দিয়ে আলাদা তিনটি পূর্ণ অনুচ্ছেদ জুড়ে চলবে। ফ্লেভার Bacon-এ পরিবর্তন করুন এবং পুনরায় তৈরি করুন: একই কাঠামো — তিনটি অনুচ্ছেদ, একই বাক্য-দৈর্ঘ্য বৈচিত্র্য — কিন্তু প্রতিটি শব্দ মাংসের কাটা বা ধূমপানের পদ্ধতি। Corporate-এ স্যুইচ করুন এবং প্রোজ synergy, leverage এবং paradigm দিয়ে পূর্ণ হয়।

Lorem Ipsum ফ্লেভারের মধ্যে পার্থক্য কী?

প্রতিটি ফ্লেভার একই স্ট্রাকচারাল জেনারেটর ব্যবহার করে — একই বাক্য-দৈর্ঘ্যের পরিসীমা (৮–১৫ শব্দ), একই অনুচ্ছেদ-দৈর্ঘ্যের পরিসীমা (৪–৮ বাক্য), একই কমা সন্নিবেশ হার। শুধু ওয়ার্ড লিস্ট পরিবর্তন হয়। Classic সিসেরোর মূল টেক্সট থেকে প্রাপ্ত ~৭৫টি লাতিন শব্দ নিরপেক্ষ, শিল্প-মানের ফিলারের জন্য ব্যবহার করে। Bacon, Hipster, Corporate, Cat এবং Pirate প্রতিটি (~৩০–৫০ শব্দ) থিমযুক্ত ওয়ার্ড লিস্ট ব্যবহার করে হাস্যরসাত্মক বা প্রসঙ্গ-নির্দিষ্ট আউটপুটের জন্য। সমস্ত ওয়ার্ড লিস্ট পেজে ইনলাইনে বান্ডল করা — ফ্লেভার পরিবর্তন বা Generate ক্লিক করলে কোনো নেটওয়ার্ক অনুরোধ হয় না।

মূল সিসেরো টেক্সট কেন ভিত্তি হিসেবে ব্যবহৃত হয়?

বিক্ষিপ্ত সিসেরো অনুচ্ছেদটি ১৯৬০-এর দশকে Letraset গ্রহণ করার পর থেকে এবং Aldus PageMaker ১৯৮৫ সালে বিল্ট-ইন প্লেসহোল্ডার হিসেবে শিপ করার পর থেকে শিল্পের মানদণ্ড। এর প্রচলন মানে যেকোনো ডিজাইনার, ডেভেলপার বা ক্লায়েন্ট যিনি ভিজ্যুয়াল ডিজাইনে কাজ করেছেন তিনি তাৎক্ষণিকভাবে এটিকে ইচ্ছাকৃত ফিলার হিসেবে চিনে নেন। এটি ব্যবহার করলে প্লেসহোল্ডার টেক্সট 'আসল' কপি কিনা সেই বিতর্ক এড়ানো যায়।

নন-লাতিন প্লেসহোল্ডার টেক্সট তৈরি করা যাবে কি?

বর্তমান সংস্করণে নয়। ছয়টি ফ্লেভার সব ASCII-রেঞ্জ টেক্সট, যার মানে এনকোডিং সমস্যা ছাড়াই যেকোনো CMS ফিল্ড, যেকোনো HTML অ্যাট্রিবিউট এবং যেকোনো ইমেইল টেমপ্লেটে কাজ করে। নন-লাতিন স্ক্রিপ্ট (আরবি, চীনা, হিন্দি) প্রতি-স্ক্রিপ্ট ওয়ার্ড লিস্ট এবং ফন্ট বিবেচনা প্রয়োজন যা একটি সাধারণ-উদ্দেশ্য টুলের পরিধির বাইরে।

এটি কি প্রোডাকশনে ব্যবহার করা নিরাপদ?

হ্যাঁ, একটি সতর্কতা সহ: Lorem Ipsum প্লেসহোল্ডার টেক্সট, আসল কন্টেন্ট নয়। এটি স্টেজিং এনভায়রনমেন্ট, ডিজাইন রিভিউ এবং ডেভেলপমেন্ট বিল্ডের জন্য উপযুক্ত — কখনও প্রকাশিত প্রোডাকশন পেজের জন্য নয় যেখানে এটি সার্চ ইঞ্জিন দ্বারা অর্থহীন হিসেবে ইনডেক্স হতে পারে বা আসল ব্যবহারকারীদের বিভ্রান্ত করতে পারে।

এই Lorem Ipsum জেনারেটর সম্পূর্ণ আপনার ব্রাউজারে চলে। ছয়টি ফ্লেভার ওয়ার্ড লিস্ট ইনলাইনে বান্ডল করা, কোনো ভেন্ডর লাইব্রেরি এবং প্রতি জেনারেশনে নেটওয়ার্ক কল নেই। আপনার ফ্লেভার, ইউনিট এবং সংখ্যা নির্ধারণ করুন; Generate চাপুন; ফলাফল কপি বা ডাউনলোড করুন।