সমস্ত আধুনিক ওয়েবসাইটগুলি বিভিন্ন স্ক্রিনের প্রস্থে সঠিকভাবে কাজ করার জন্য ডিজাইন করা হয়েছে। পুরানো দিনে সাধারণ HTML ব্যবহার করে টেবিল তৈরি করা হয়েছিল। যেহেতু নমনীয় ওয়েব ডিজাইন নতুন স্ট্যান্ডার্ড হয়ে উঠেছে, বেসিক এইচটিএমএল টেবিলগুলি আধুনিক ওয়েবসাইটের চাহিদার সাথে তাল মিলিয়ে চলার জন্য সংগ্রাম করেছে। যেহেতু সাধারণ এইচটিএমএল টেবিলগুলি প্রতিক্রিয়াশীল নয়, সেগুলির মধ্যে অন্তর্ভুক্ত পাঠ্যগুলি মোবাইল স্ক্রীনের আকারগুলিতে পড়া অত্যন্ত কঠিন, এই কারণেই তারা প্রতিক্রিয়াশীল টেবিলগুলি বিকাশ করতে ব্যবহৃত হয় যা তাদের যে স্ক্রীন আকারে দেখা হচ্ছে তার উপর নির্ভর করে তাদের বিন্যাস মানিয়ে নেয়, এইচটিএমএল এবং সিএসএস মিডিয়া ক্যোয়ারী একে অপরের সাথে একত্রে ব্যবহার করা আবশ্যক।
- সমাধান 1: Divi বিল্ডার ব্যবহার করে টেবিল তৈরি করা যেতে পারে।
- সমাধান 2: টেবিল plugin ব্যবহার করুন যা ডিফল্টরূপে এই কার্যকারিতা অন্তর্ভুক্ত করে!
- WP Table Manager
- WP Table Manager জন্য ইন্টারফেস
- উপসংহার
খুব বড় বা বৈচিত্র্যপূর্ণ নয় এমন তথ্যের একক সেটের জন্য সমস্ত স্ক্রীন আকারে একটি পঠনযোগ্য লেআউট দিয়ে টেবিলগুলি তৈরি করা যেতে পারে এবং এটি মৌলিক HTML এবং CSS পদ্ধতির মাধ্যমে সম্পন্ন করা যেতে পারে। যাইহোক, যদি টেবিলটি যথেষ্ট পরিমাণে ডেটা ধারণ করার উদ্দেশ্যে হয়, তাহলে 786 পিক্সেলের কম প্রস্থ সহ মোবাইল ডিভাইস বা স্ক্রিনে পাঠযোগ্য লেআউট তৈরি করা সহজ নয়।
HTML এবং CSS-এর সাথে কাজ করা ওয়েব ডিজাইনার যদি সমস্ত স্ক্রীনের আকারে একটি টেবিলকে প্রতিক্রিয়াশীল করার জন্য ডেটার পরিমাণ বিবেচনা না করে, তাহলে তারা সমস্যায় পড়তে পারে যা সাইটের সামগ্রীর পাঠযোগ্যতাকে উল্লেখযোগ্যভাবে প্রভাবিত করে। এখানে কিছু পরামর্শ রয়েছে যা আপনি, একজন Divi ওয়েবসাইট ডিজাইনার হিসাবে, ম্যানুয়ালি প্রতিক্রিয়াশীল টেবিল তৈরি করার চেষ্টা করার সময় অনুশীলন করতে পারেন।
একটি ছোট স্ক্রীন মিটমাট করার জন্য টেবিলের আকার হ্রাস করার সময়, আপনাকে একাধিক CSS ক্লাস তৈরি করতে হবে, প্রতিটি ক্লাস একটি নির্দিষ্ট স্ক্রীন রেজোলিউশনকে লক্ষ্য করে।
একটি বিকল্প সমাধান যা আপনি করতে পারেন তা হল পর্দার আকার কম হলে টেবিল থেকে নির্দিষ্ট কলামগুলি লুকিয়ে রাখা।
ছোট স্ক্রিনের জন্য, আপনি টেবিলের শিরোনাম এবং ফুটারগুলিতে অনুভূমিক বা উল্লম্ব স্ক্রোলগুলি অন্তর্ভুক্ত করতে পারেন।
একটি একক টেবিল তৈরি করুন যা সমস্ত স্ক্রীনের আকারের জন্য মাপসই করা যেতে পারে এবং উপাদানটিকে আরও পাঠযোগ্য করে তুলতে টেবিলটিকে জুম করুন৷
এই সমাধানগুলির জন্য একটি উল্লেখযোগ্য পরিমাণ প্রচেষ্টার প্রয়োজন, এবং প্রয়োজনীয়তাগুলি বিষয়বস্তু এবং পর্দার আকারের উপর নির্ভর করে আলাদা হতে পারে।
সমাধান 1: Divi বিল্ডার ব্যবহার করে টেবিল তৈরি করা যেতে পারে।
এলিগ্যান্ট থিমগুলি ডিভির অন্তর্নির্মিত বৈশিষ্ট্যগুলি ব্যবহার করে কীভাবে প্রতিক্রিয়াশীল টেবিল তৈরি করতে হয় তা প্রদর্শন করার জন্য একটি টিউটোরিয়াল তৈরি করেছে। এখানে এটি পরীক্ষা করে দেখুন. তারা কলামগুলিতে অনুভূমিক স্ক্রোল ক্ষমতা যুক্ত করেছে যা টেবিলের ধারককে উপচে পড়ে, টেবিলটিকে ব্যবহারকারীর ইনপুটের জন্য আরও প্রতিক্রিয়াশীল হতে দেয়। আপনি টিউটোরিয়াল পৃষ্ঠায় গিয়ে আরও জানতে পারেন:
সমাধান 2: টেবিল plugin ব্যবহার করুন যা ডিফল্টরূপে এই কার্যকারিতা অন্তর্ভুক্ত করে!
আপনার Divi ওয়েবসাইটের জন্য একটি প্রতিক্রিয়াশীল টেবিল তৈরি করা আর কোনো সমস্যা নয়, রেপোতে উপলব্ধ বিনামূল্যে plugin সমাধানের প্রাচুর্যের জন্য ধন্যবাদ। যাইহোক, বিল্ট-ইন মোবাইল প্রতিক্রিয়াশীলতার বিকল্প রয়েছে এমন টেবিল plugin খুঁজে পাওয়া একটু কঠিন। wpDataTables-এর মতো জনপ্রিয় plugin বিনামূল্যের বিকল্প হিসাবে এই বৈশিষ্ট্যটি নেই।
এই লেখায়, আমরা WP Tabe Builder plugin সেরাগুলির মধ্যে একটি বিবেচনা করি।
WP Table Manager
WP Table Manager হল একমাত্র ওয়ার্ডপ্রেস টেবিল plugin যা টেবিল পরিচালনা করার জন্য একটি সম্পূর্ণ স্প্রেডশীট ইন্টারফেস দেয়। একটি টেবিল তৈরি করুন, একটি থিম নির্বাচন করুন এবং টেবিলগুলি তৈরি করা শেষ হওয়ার সাথে সাথে সম্পাদনা শুরু করুন৷ আপনি এইচটিএমএল সেল এডিটিং, টেবিল কপি করা, কম্পিউটেশন এবং এক্সেল, গুগল শীট এবং অফিস 365 এর সাথে সিঙ্ক্রোনাইজেশন সহ শক্তিশালী টেবিল সম্পাদনা বৈশিষ্ট্যগুলির একটি বিস্তৃত সেট থেকে উপকৃত হবেন; এটি একটি কক্ষে ক্লিক করা এবং একটি টেবিল পরিবর্তন করার জন্য শেষ-ব্যবহারকারীর জন্য ভিজ্যুয়াল টেক্সট এডিটরের সহায়তায় বা ছাড়া ডেটা সম্পাদনা করার মতোই সহজ।
WP Table Manager আপনাকে একটি সাধারণ ভিজ্যুয়াল ইন্টারফেস ব্যবহার করে আকর্ষণীয়, প্রতিক্রিয়াশীল টেবিল ডিজাইন করতে দেয়। এটি ব্যবহার করা বিনামূল্যে. একবার আপনি এটি সক্রিয় করলে, আপনাকে সেটআপ গাইডে পাঠানো হবে। পদ্ধতি অনুসরণ করুন এবং আপনার পছন্দ অনুযায়ী প্রয়োজনীয় সমন্বয় করুন। যেন জাদু দ্বারা, আপনি একটি সুন্দর টেবিল তৈরি করেছেন যা যেকোনো আকারের প্রতিটি ডিভাইসে সুন্দরভাবে প্রদর্শন করে। তারপর আপনাকে যা করতে হবে তা হল শর্টকোডটি অনুলিপি করুন এবং আপনি এটিকে যে পৃষ্ঠায় দেখতে চান সেখানে পেস্ট করুন৷ নির্মাতা বর্তমানে সাতটি উপাদান (টেক্সট, ইমেজ, লিস্ট, বোতাম, স্টার রেটিং, কাস্টম এইচটিএমএল এবং শর্টকোড) অফার করে যা আপনি টেনে আনতে এবং ড্রপ বৈশিষ্ট্য ব্যবহার করে টেবিলের স্থানধারকগুলিতে ড্র্যাগ করতে পারেন। এগুলি বিভিন্ন ধরণের টেবিল তৈরি করতে ব্যবহার করা যেতে পারে, যেমন পণ্য তুলনা টেবিল, মূল্য নির্ধারণের টেবিল, তালিকা টেবিল ইত্যাদি; এটি হল টেবিল plugin যা আমরা আমাদের তদন্তের সময় সবচেয়ে নতুন-বান্ধব বলে আবিষ্কার করেছি। অনুগ্রহ করে মনে রাখবেন যে বর্তমান সংস্করণে অনুসন্ধান ক্ষেত্র বা অন্য কোন ধরনের ফিল্টারিং কার্যকারিতা নেই। অতিরিক্তভাবে, আপনি যদি অনেক ডেটা সেট প্রবেশ বা পরিচালনা করতে চান তবে এটি আদর্শ বিকল্প নাও হতে পারে। এই ধরনের ব্যবহারের দৃশ্যের জন্য, ভিজ্যুয়ালাইজার বা টেবিলপ্রেস উভয়ই চমৎকার পছন্দ।
WP Table Manager জন্য ইন্টারফেস
আপনি একটি কোড মডিউল বা ডিভিতে একটি পাঠ্য মডিউলে শর্টকোড অন্তর্ভুক্ত করতে পারেন।
ডিভিআই থিমে WP Table Manager অন্তর্ভুক্ত রয়েছে।
WP Table Manager plugin বিশদ পরিচালনার উত্তর দেয় যখন এটি টেবিল পরিচালনার ক্ষেত্রে আসে;
- একবার আপনার টেবিলে ফিল্টার বিকল্পটি সক্রিয় হয়ে গেলে, আপনি ডেটার জন্য প্রতিটি কলাম অনুসন্ধান করতে পারেন এবং পুরো টেবিলটি ফিল্টার করতে পারেন। এটি পেজিনেশন সহ বিশাল টেবিলেও কাজ করে
- প্রতিটি কলামে উপস্থাপিত উপরে এবং নীচের তীরটি আপনার টেবিলের ডেটা সাজিয়ে দেবে। সারণী ডেটা অর্ডারিং পৃষ্ঠা সংখ্যা সহ বিশাল টেবিলেও কাজ করে।
- একবার আপনি আপনার প্রয়োজনীয় সমস্ত ডেটা দিয়ে আপনার টেবিল তৈরি করে ফেললে, আপনি ব্যবহারকারীদের বাছাই করতে দিতে পারেন, তবে আপনি একটি ডিফল্ট অর্ডারও স্থাপন করতে পারেন। সময়ের সাথে সাথে তথ্য পরিবর্তিত হলে এটি বেশ উপকারী হতে পারে, কারণ আপনি আগমনের ক্রম অনুসারে দৌড়ের পরে দৌড়বিদদের সাজাতে পারেন।
- আপনার সার্ভার সংস্থানগুলি বজায় রাখার সময় আপনি যদি আপনার ওয়েবসাইটের ফ্রন্টএন্ডে একটি বড় টেবিল প্রদর্শন করতে চান তবে পৃষ্ঠা সংখ্যাকরণ প্রয়োজন। প্রতিটি পৃষ্ঠা, টেবিল সারিগুলির একটি পূর্বনির্ধারিত পরিমাণ নির্বাচন করুন।
WP Table Manager এক্সেল ফাইল আমদানিকারকের মাধ্যমে এক্সেল ডকুমেন্ট পরিচালনা করার একটি খোলা উপায়ও রয়েছে। যাইহোক, আপনি শুধুমাত্র এক্সেল ডেটাকে একটি সম্পাদনাযোগ্য এইচটিএমএল টেবিল হিসাবে আমদানি এবং রূপান্তর করতে পারেন বা এক্সেল ফাইলটি এর শৈলীতে রঙ, ব্যাকগ্রাউন্ড, কলামের আকার, লিঙ্কগুলি সহ আমদানি করতে পারেন।
আপনার এক্সেল টেবিল পরিচালনা করুন এবং এটি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে প্রকাশ করুন! আপনি ওয়ার্ডপ্রেস মিডিয়া ম্যানেজমেন্ট বা একটি FTP ক্লায়েন্টের মাধ্যমে টেবিলে একটি এক্সেল ফাইল আপলোড করতে পারেন। তারপরে, আপনার এক্সেল ফাইলটি নির্বাচন করুন এবং টেবিল সেটিংস থেকে সিঙ্ক্রোনাইজেশন শুরু করুন।
আপনার ওয়ার্ডপ্রেস টেবিল এবং এক্সেল ফাইলের মধ্যে সিঙ্ক্রোনাইজেশন নিয়মিতভাবে এক মিনিট থেকে এক দিনের মধ্যে করা যেতে পারে। অবাঞ্ছিত ওয়ার্ডপ্রেস পাবলিক টেবিল আপডেট এড়াতে বা একটি বিশাল টেবিলের জন্য সার্ভার সংস্থান সংরক্ষণ করতে স্বয়ংক্রিয় সিঙ্ক্রোনাইজেশন বিলম্বকেও সংজ্ঞায়িত করা যেতে পারে।
একটি টেবিল আমদানি করার পরে, সমস্ত ডেটা আপডেট করা যেতে পারে; এটি একটি plugin মতো সম্পাদনাযোগ্য একটি সাধারণ HTML টেবিল! ওয়ার্ডপ্রেস স্প্রেডশীট।
অন্যদিকে, আপনার পছন্দসই সমস্ত ডেটা সহ একটি পরিপাটি টেবিল তৈরি করার পরে, আপনি এটিকে একটি প্রচলিত এক্সেল ফাইল হিসাবে রপ্তানি করতে পারেন এবং amp , আপডেট করা এক্সেল শীটটি পরে পুনরায় চালাতে পারেন৷ আপনার ব্যবহারকারীরা এখন ওয়ার্ডপ্রেস ফ্রন্টএন্ডে একটি এক্সেল শীট হিসাবে টেবিলটি রপ্তানি করতে পারে।
WP Table Manager OneDrive এর মাধ্যমে Office 365 এর সাথে সিঙ্ক্রোনাইজ করে।
OneDrive এক্সেল ফাইল আমদানি এবং রপ্তানি টুল উপলব্ধ; চালানোর সময় আপনার ফাইল আমদানি এবং পরিবর্তন করে সময় বাঁচান। OneDrive ফাইল সিঙ্ক করার সাথে আরও বেশি উত্পাদনশীল হন! সিঙ্ক্রোনাইজ করতে, স্বয়ংক্রিয়ভাবে সামঞ্জস্য করতে, এবং এটি আপনার ওয়েবসাইটে লাইভ করতে একটি Office 365 এক্সেল ফাইল নির্বাচন করুন৷
WP Table Manager আপনাকে ডাটাবেস থেকে টেবিল তৈরি এবং আমদানি করতে সহায়তা করে; এটি এখন ওয়েবসাইট ডাটাবেস বিষয়বস্তুর একটি নির্বাচন থেকে টেবিল তৈরি করার জন্য একটি টুল অন্তর্ভুক্ত করে, যা আগে অনুপলব্ধ ছিল। ডাটাবেস থেকে টেবিল এবং কলাম নির্বাচন করা হয়, কনফিগারযোগ্য ফিল্টার প্রয়োগ করা হয়, এবং টেবিলগুলি WP Table manager ইন্টারফেসের মাধ্যমে পরিচালিত হয়। ডাটাবেস আপডেট করা হলে, আপনার টেবিল স্বয়ংক্রিয়ভাবে বৃদ্ধি করা হয়! এছাড়াও, আপনার হাতে বাছাই, ফিল্টারিং, স্বয়ংক্রিয় নকশা এবং পৃষ্ঠা সংখ্যাকরণের বিকল্প রয়েছে।
আপনি যদি একজন বিকাশকারী না হন তবে আপনি দৃশ্যত আপনার HTML টেবিলের সাথে যেকোনো ডাটাবেস উপাদান সংযুক্ত করতে পারেন। ডাটাবেসের বিষয়বস্তু থেকে একটি নতুন টেবিল তৈরি করার সময় আপনার ডাটাবেসের সমস্ত টেবিল উপস্থাপন করা হয়।
আপনার ওয়েবসাইট ডাটাবেস একটি সাধারণ অনুসন্ধান করতে পারে এবং আপনার টেবিল এবং কলাম নির্বাচন করতে পারে; এটি একটি বিশাল ডাটাবেসে বেশ উপকারী। তদুপরি, ডাটাবেস থেকে ধাপে ধাপে টেবিলে আপনাকে সাহায্য করার জন্য একটি উইজার্ড এখানে রয়েছে।
চূড়ান্ত পর্যায়ে, ডাটাবেস থেকে টেবিলের পূর্বরূপ দেখার আগে, আপনি নির্দিষ্ট ডাটাবেস টেবিলে আপনার কাস্টম প্রশ্ন লিখতে পারেন। আমরা কিছু ফাংশন সমর্থন করি, যেমন SELECT, REPLACE, RENAME, SHOW, EXPLAIN, DESCRIBE।
একটি ডাটাবেস টেবিল কখনও কখনও অনেক সারি সহ আসে; সুতরাং, এই বিকল্পটি আপনার স্ক্রিনের সাথে মানানসই একটি টেবিল প্রদর্শন করতে সাহায্য করতে পারে। এছাড়াও, আপনি টেবিলের প্রতিটি পৃষ্ঠার সারিগুলির একটি পূর্বনির্ধারিত পরিমাণ সেট করতে পারেন। তাছাড়া, আপনি ডিফল্টরূপে পুরো টেবিলটি সাজানোর জন্য একটি কলাম চয়ন করতে পারেন।
ওয়ার্ডপ্রেস ডাটাবেস টেবিল সংযোগ শুধুমাত্র ওয়ার্ডপ্রেস টেবিলের মধ্যে সীমাবদ্ধ নয়। ওয়ার্ডপ্রেস থেকে নয় কিন্তু একই ডাটাবেসে ইনস্টল করা সমস্ত টেবিল সংযুক্ত করা যেতে পারে।
আপনার টেবিলের বিশাল ডেটার মধ্যে, আপনি একটি নির্দিষ্ট বস্তুতে মনোনিবেশ করার জন্য কয়েকটি কাস্টম নিয়ম তৈরি করতে পারেন। আপনি যদি এটির সাথে পরিচিত হন তবে আপনি ডাটাবেস অপারেটরদের সাথে খেলতে পারেন যেমন >, <, লাইক, ইন…
আপনার তৈরি করা ডাটাবেস থেকে টেবিলগুলি অন্য যে কোনও টেবিলের মতো সম্পাদনা করা যেতে পারে (যদি ব্যবহারকারীর সেই বুদ্ধিমান বৈশিষ্ট্যটিতে অ্যাক্সেস থাকে); কিছু ডাটাবেস ডেটা ব্যাচ সম্পাদনা করার জন্য এটি বেশ সুবিধাজনক, যেমন, amp জন্য, বেশ কয়েকটি পোস্ট-প্রকাশনার তারিখ যা একের পর এক করা হলে কিছুটা সময় লাগত।
উপসংহার
সারণী হল তথ্যের একটি সেট প্রদর্শনের সবচেয়ে কার্যকর উপায়গুলির মধ্যে একটি। যাইহোক, একটি কম প্রযুক্তিগত ব্যক্তির জন্য একটি ওয়েব পেজে টেবিল তৈরি করা একটি চ্যালেঞ্জ। এই plugin ব্যবহার করে, আপনি সহজে কয়েকটি সহজ ধাপে যেকোনো ডিভাইসে পাঠযোগ্য টেবিল তৈরি করতে পারেন। তাছাড়া, প্রতিক্রিয়াশীল টেবিল আপনার সাইটের দর্শকদের জন্য ইতিবাচক সামগ্রিক অভিজ্ঞতা দিতে নিশ্চিত। সুতরাং, এটি চেষ্টা করুন এবং নীচের মন্তব্য বিভাগে আপনার অভিজ্ঞতা আমাদের জানান।
