ফ্রি এলিমেন্টর টেবিল উইজেট
এলিমেন্টরের নিজস্ব কোনো টেবিল উইজেট নেই, বিনামূল্যে বা প্রো সংস্করণে। ডায়নামিক টেবিল হল একটি বিনামূল্যের মাস্টার অ্যাডঅন উইজেট যা সেই শূন্যস্থান পূরণ করে: আপনি এলিমেন্টর প্যানেলে হেডার সেল এবং বডি সেল যোগ করেন এবং এটি একটি বাস্তব HTML টেবিল তৈরি করে যা আপনি কোড ছাড়াই স্টাইল করতে পারেন। সেলগুলি পাঠ্য, একটি আইকন বা একটি চিত্র ধারণ করতে পারে, কলাম বা সারি জুড়ে একত্রিত করতে পারে এবং গতিশীল ট্যাগ থেকে মান টানতে পারে। এটি প্রায়ই সময়সূচী, বিশেষ শীট, মূল্য তালিকা এবং ডিরেক্টরির জন্য ব্যবহৃত হয়।
প্যানেলে সারি এবং কলাম তৈরি করুন
টেবিল দুটি পুনরাবৃত্তিকারী থেকে আসে। টেবিল হেডার সেল প্রতি কলামে একটি আইটেম রাখে, এবং টেবিল বডি সেল পড়ার ক্রমে প্রতিটি ঘর ধরে রাখে, a সহ নতুন সারি? সুইচ যা পরবর্তী সারি শুরু করে। আপনি আইটেমগুলিকে পুনরায় সাজাতে টেনে আনতে পারেন, একটি সেল ডুপ্লিকেট করতে পারেন, বা হেডার সারিটি লুকাতে পারেন৷ টেবিল হেড সুইচ।
- একত্রিত কোষ: হেডার এবং বডি সেলের কলাম স্প্যান এবং বডি সেলের রো স্প্যান।
- কলাম প্রস্থ: এর প্রস্থ সেট করতে একটি ঘরের বিকল্প ট্যাবে কাস্টম প্রস্থ চালু করুন।
- প্রতি কক্ষে পাঠ্য বিকল্প: প্রান্তিককরণ (বাম, কেন্দ্র, ডান বা ন্যায়সঙ্গত) এবং সজ্জা (আন্ডারলাইন, ওভারলাইন বা লাইনের মাধ্যমে)।
হেডার এবং বডি স্টাইলিং
টেবিল হেডার শৈলী হেডার ব্যাকগ্রাউন্ড (ডিফল্টরূপে ডার্ক নেভি), টেক্সট কালার, আইকনের সাইজ এবং কালার, অ্যালাইনমেন্ট, টাইপোগ্রাফি এবং ইনার সেল প্যাডিং সেট করে। টেবিল বডি ডেটা সেলগুলির জন্য একই নিয়ন্ত্রণ রয়েছে, এছাড়াও আইকনগুলির চারপাশে প্যাডিং রয়েছে৷।
- শিরোনাম: পটভূমি, পাঠ্য এবং আইকনের রঙ, আইকনের আকার, প্রান্তিককরণ, টাইপোগ্রাফি এবং সেল প্যাডিং।
- শরীর: পটভূমি, পাঠ্য এবং আইকনের রঙ, আইকনের আকার এবং প্যাডিং, প্রান্তিককরণ, টাইপোগ্রাফি এবং সেল প্যাডিং।
- ডিভাইস প্রতি প্রান্তিককরণ: ট্যাবলেট এবং মোবাইলে হেডার এবং বডি অ্যালাইনমেন্ট পরিবর্তন হতে পারে।
কোষে পাঠ্য, আইকন, চিত্র এবং গতিশীল ট্যাগ
প্রতিটি হেডার এবং বডি সেলের একটি আছে টাইপ করা বিকল্প: কোনটি, আইকন বা চিত্র। আইকনগুলি এলিমেন্টর আইকন লাইব্রেরি থেকে আসে এবং ছবিগুলি পিক্সেলে একটি চিত্রের আকার পায়৷ পাঠ্য ক্ষেত্রগুলি গতিশীল ট্যাগগুলি গ্রহণ করে, যার মধ্যে বিনামূল্যের ট্যাগগুলিও রয়েছে৷ ডায়নামিক ট্যাগ এক্সটেনশন, তাই একটি সেল একটি পোস্ট শিরোনাম, একটি কাস্টম ক্ষেত্র বা লেখকের বিবরণ দেখাতে পারে। প্রতিটি ট্যাগ একটি ঘর পূরণ করে। আপনার জন্য সারি তৈরি করতে উইজেট পোস্টের মাধ্যমে লুপ করে না।
- চেকমার্ক হিসাবে আইকন: পরিকল্পনা বা বৈশিষ্ট্য তুলনা একটি টিক বা ক্রস আইকন ব্যবহার করুন।
- ছোট ছবি: পিক্সেলের আকারের নামের পাশে একটি ছবি বা লোগো যোগ করুন।
- গতিশীল ট্যাগ: পোস্ট শিরোনাম বা একটি কাস্টম ক্ষেত্রের মতো একক মান টানুন।
গ্লোবাল স্টাইল: স্ট্রাইপ, বর্ডার এবং কর্নার
গ্লোবাল স্টাইল পুরো টেবিলে প্রযোজ্য। ডোরাকাটা টেবিল? আপনি পরিবর্তন করতে পারেন এমন একটি হালকা ধূসর (#eee) স্ট্রাইপ রঙের সাথে ডিফল্টরূপে চালু আছে। এছাড়াও আপনি একটি টেবিল পটভূমির রঙ, অভ্যন্তরীণ সেল প্যাডিং, প্রকার, প্রস্থ এবং রঙ সহ একটি সীমানা এবং বৃত্তাকার কোণগুলির জন্য বর্ডার ব্যাসার্ধ সেট করেছেন।
- জেব্রা সারি: লম্বা টেবিলের জন্য স্ট্রাইপিং চালিয়ে যান যাতে সারিগুলি অনুসরণ করা সহজ হয়।
- সীমানা: কোষের চারপাশে কঠিন, ড্যাশড, ডটেড বা ডবল লাইন।
- গোলাকার কোণ: বর্ডার ব্যাসার্ধ টেবিলের প্রান্তকে নরম করে।
এইচটিএমএল টেবিল কোড বনাম ডায়নামিক টেবিল উইজেট
একটি টেবিল উইজেট ছাড়া, এলিমেন্টরে একটি টেবিল যোগ করার স্বাভাবিক উপায় হল একটি HTML উইজেটে HTML নিজেই লিখতে হবে। উইজেটের সাথে এটি কীভাবে তুলনা করে তা এখানে।
| বৈশিষ্ট্য | আপনার নিজস্ব কোড সহ HTML উইজেট | মাস্টার অ্যাডনস ডায়নামিক টেবিল |
|---|---|---|
| দাম | বিনামূল্যে (এলিমেন্টর কোর) | বিনামূল্যে |
| বিল্ডিং সারি এবং কলাম | টেবিল, tr এবং td ট্যাগ লিখুন | প্যানেলে আইটেম পুনরাবৃত্তি করুন |
| স্টাইলিং | আপনার নিজের CSS | শৈলী ট্যাব নিয়ন্ত্রণ |
| একত্রিত কোষ | কলস্প্যান এবং রোস্প্যান বৈশিষ্ট্য | কলাম স্প্যান এবং রো স্প্যান ক্ষেত্র |
| কোষে আইকন এবং ছবি | মার্কআপ আটকান | আইকন লাইব্রেরি বা মিডিয়া লাইব্রেরি |
| গতিশীল ট্যাগ | না | হ্যাঁ, প্রতি কক্ষে একটি মান |
| ফোন লেআউট | আপনার নিজের মিডিয়া প্রশ্ন | সারি কার্ডে স্ট্যাক |
| বাছাই, অনুসন্ধান, CSV আমদানি | একটি স্ক্রিপ্ট বা প্লাগইন প্রয়োজন | না |
আপনার যদি বাছাই, অনুসন্ধান, পৃষ্ঠা সংখ্যা বা CSV আমদানির প্রয়োজন হয়, একটি ডেডিকেটেড টেবিল প্লাগইন যেমন টেবিলপ্রেস হল ভালো পছন্দ। একটি স্টাইল করা টেবিলের জন্য যা আপনি এলিমেন্টরের ভিতরে সম্পাদনা করেন, উইজেট আপনাকে HTML এবং CSS লিখতে বাঁচায়।
সম্পর্কিত: মূল্য সারণী (বিনামূল্যে), তুলনা সারণী (প্রো) এবং ডায়নামিক ট্যাগ (বিনামূল্যে)।
এলিমেন্টরে কীভাবে একটি টেবিল তৈরি করবেন
এলিমেন্টর প্যানেলে উইজেটটিকে ডায়নামিক টেবিল বলা হয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল করুন এবং এটি পরীক্ষা করুন ডায়নামিক টেবিল মাস্টার অ্যাডঅন উইজেট সেটিংসে সুইচ অন করা হয়।
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন, অনুসন্ধান করুন ডায়নামিক টেবিল এবং এটি টেনে আনুন। এটি একটি নমুনা চার-কলাম টেবিল দিয়ে শুরু হয়।
- মধ্যে টেবিল হেড, একটি যোগ করুন টেবিল হেডার সেল প্রতি কলাম এবং প্রতিটি টাইপ করুন কলামের নাম.
- মধ্যে টেবিল বডি, বাম থেকে ডানে প্রতি কক্ষে একটি আইটেম যোগ করুন। চালু কর নতুন সারি? প্রথমটির পরে প্রতিটি সারির প্রথম ঘরে।
- ব্যবহার কলাম স্প্যান বা সারি স্প্যান একটি ঘরের বিকল্প ট্যাবে কোষগুলিকে একত্রিত করতে।
- স্টাইল ট্যাবে টেবিলটি স্টাইল করুন এবং ছেড়ে দিন প্রতিক্রিয়াশীল টেবিল? ফোনে সারি স্ট্যাক, তারপর পৃষ্ঠা আপডেট করুন।
ডায়নামিক টেবিলের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
Elementor এ একটি টেবিল উইজেট আছে?
Elementor নিজেই, বিনামূল্যে বা প্রো না। মাস্টার অ্যাডনস বিনামূল্যে একটি যোগ করে: ডায়নামিক টেবিল উইজেট প্যানেলের হেডার এবং বডি সেল থেকে টেবিল তৈরি করে।
টেবিলটি কি মোবাইল ডিভাইসে প্রতিক্রিয়াশীল?
হ্যাঁ, প্রতিক্রিয়াশীল টেবিলের সাথে? চালু হয়েছে, যা ডিফল্ট। 768px পর্যন্ত প্রশস্ত ডিভাইসগুলিতে প্রতিটি সারি একটি কার্ডে স্ট্যাক করে এবং প্রতিটি সেল একটি লেবেল হিসাবে তার কলামের নাম দেখায়। ফোনে সাধারণ টেবিল লেআউট রাখতে এটি বন্ধ করুন।
আমি কি কোষে গতিশীল ডেটা ব্যবহার করতে পারি?
হ্যাঁ, প্রতি কক্ষে একটি মান। হেডার এবং বডি টেক্সট ডায়নামিক ট্যাগ গ্রহণ করে, যার মধ্যে বিনামূল্যের মাস্টার অ্যাডনস ডায়নামিক ট্যাগ যেমন পোস্টের শিরোনাম, কাস্টম ক্ষেত্র এবং লেখকের তথ্য। উইজেট প্রতিটি পোস্টের জন্য একটি সারি তৈরি করে না, তাই প্রতিটি সারি এখনও হাতে তৈরি করা হয়।
আমি একটি কক্ষে খুব দীর্ঘ পাঠ্য যোগ করলে কি হবে?
টেক্সট ঘরের ভিতরে মোড়ানো। কলামের প্রস্থ ঠিক করতে সেলের অপশন ট্যাবে কাস্টম প্রস্থ চালু করুন এবং সারি সঙ্কুচিত মনে হলে ইনার সেল প্যাডিং বাড়ান।
আমি কি একটি জনপ্রিয় পরিকল্পনার মতো একটি কলাম হাইলাইট করতে পারি?
একক সেটিং দিয়ে নয়। রং পুরো হেডার বা পুরো শরীরের জন্য প্রযোজ্য। পরিকল্পনা টেবিলের জন্য, মূল্য সারণী উইজেট (বিনামূল্যে) একটি হাইলাইট বিকল্প আছে, এবং তুলনা সারণী উইজেট (প্রো) পরিকল্পনা তুলনার জন্য নির্মিত।
আমি কি টেবিলে একটি CSV বাছাই, অনুসন্ধান বা আমদানি করতে পারি?
না। উইজেটে কোনো বাছাই, অনুসন্ধান, পৃষ্ঠা সংখ্যা বা CSV আমদানি নেই। তাদের জন্য, টেবিলপ্রেসের মতো একটি ডেটা টেবিল প্লাগইন ব্যবহার করুন এবং পৃষ্ঠায় এর শর্টকোড রাখুন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
