সমস্ত আধুনিক ওয়েবসাইট বিভিন্ন স্ক্রিন প্রস্থে সঠিকভাবে কাজ করতে ডিজাইন করা হয়েছে। পুরানো দিনগুলিতে টেবিলগুলি সরল এইচটিএমএল ব্যবহার করে তৈরি করা হয়েছিল। নমনীয় ওয়েব ডিজাইনটি নতুন স্ট্যান্ডার্ডে পরিণত হওয়ায়, আধুনিক ওয়েবসাইটগুলির চাহিদা ধরে রাখতে বেসিক এইচটিএমএল টেবিলগুলি লড়াই করেছে strugg সহজ এইচটিএমএল টেবিলগুলি প্রতিক্রিয়াশীল নয়, সেগুলির মধ্যে অন্তর্ভুক্ত পাঠ্যগুলি মোবাইলের স্ক্রিনের আকারগুলিতে পড়া অত্যন্ত কঠিন, যার কারণেই তারা প্রতিক্রিয়াশীল টেবিলগুলি বিকাশ করতে ব্যবহার করা হয় যা স্ক্রিনের আকারের উপর নির্ভর করে তাদের লেআউটটিকে খাপ খাইয়েছে, এইচটিএমএল এবং সিএসএস মিডিয়া ক্যোয়ারী একে অপরের সাথে একযোগে ব্যবহার করা উচিত।
- সমাধান 1: ডিভি বিয়াল্ডার ব্যবহার করে টেবিলগুলি তৈরি করা যেতে পারে।
- সমাধান 2: টেবিল plugin ব্যবহার করুন যা ডিফল্টরূপে এই কার্যকারিতাটি অন্তর্ভুক্ত করে!
- WP Table Manager
- WP Table Manager জন্য ইন্টারফেস
- উপসংহার
টেবিলগুলি একটি বিশাল সংখ্যক তথ্য বা বিশাল নয় এমন একক তথ্যের জন্য সমস্ত স্ক্রিন আকারে একটি পঠনযোগ্য বিন্যাসের সাহায্যে তৈরি করা যেতে পারে এবং এটি বেসিক এইচটিএমএল এবং সিএসএস পদ্ধতির সাহায্যে সম্পন্ন করা যায়। তবে, যদি টেবিলটি যথেষ্ট পরিমাণে ডেটা ধরে রাখার উদ্দেশ্যে থাকে, তবে মোবাইল ডিভাইস বা স্ক্রিনে 6 786 পিক্সেলের চেয়ে কম প্রস্থের পঠনযোগ্য বিন্যাসটি তৈরি করা সহজ নয়।
এইচটিএমএল এবং সিএসএসের সাথে কাজ করা ওয়েব ডিজাইনার যদি সমস্ত স্ক্রিনের আকারগুলিতে কোনও টেবিলকে প্রতিক্রিয়াশীল করে তুলতে তথ্যের পরিমাণ বিবেচনা না করে তবে তারা সমস্যার মধ্যে পড়তে পারে যা সাইটের সামগ্রীর পাঠযোগ্যতার উল্লেখযোগ্যভাবে প্রভাবিত করে। ম্যানুয়ালি প্রতিক্রিয়াশীল টেবিল তৈরি করার চেষ্টা করার সময় আপনি একটি ডিভি ওয়েবসাইট ডিজাইনার হিসাবে অনুশীলন করতে পারেন এমন কিছু পরামর্শ এখানে দেওয়া হল।
একটি ছোট স্ক্রিনের জন্য টেবিলের আকার হ্রাস করার সময়, আপনার প্রতিটি শ্রেণি একটি নির্দিষ্ট স্ক্রিন রেজোলিউশনকে লক্ষ্য করে একাধিক সিএসএস ক্লাস তৈরি করতে হবে।
একটি বিকল্প সমাধান যা আপনি করতে পারেন তা হ'ল পর্দার আকার কম হলে সারণী থেকে নির্দিষ্ট কলামগুলি লুকানো।
ছোট পর্দার জন্য, আপনি টেবিলের শিরোনাম এবং পাদচরণগুলিতে অনুভূমিক বা উল্লম্ব স্ক্রোলগুলি অন্তর্ভুক্ত করতে পারেন।
একটি একক টেবিল তৈরি করুন যা সমস্ত স্ক্রিনের মাপের সাথে মাপসই করা যায় এবং উপাদানটি আরও পঠনযোগ্য করে তুলতে টেবিলটি জুম করুন।
এই সমাধানগুলি উল্লেখযোগ্য পরিমাণে প্রচেষ্টার দাবি করে, এবং সামগ্রী এবং পর্দার আকারের উপর নির্ভর করে প্রয়োজনীয়তাগুলি পৃথক হতে পারে।
সমাধান 1: ডিভি বিয়াল্ডার ব্যবহার করে টেবিলগুলি তৈরি করা যেতে পারে।
ডিভির অন্তর্নির্মিত বৈশিষ্ট্যগুলি ব্যবহার করে কীভাবে প্রতিক্রিয়াশীল সারণীগুলি তৈরি করা যায় তা প্রদর্শনের জন্য মার্জিত থিমগুলি একটি টিউটোরিয়াল তৈরি করেছে। এটি এখানে দেখুন। তারা কলামগুলিতে অনুভূমিক স্ক্রোল ক্ষমতা যুক্ত করেছে যা টেবিলটি ধারককে উপচে ফেলেছে, সারণিকে ব্যবহারকারীর ইনপুটটিতে আরও প্রতিক্রিয়াশীল হতে দেয়। টিউটোরিয়াল পৃষ্ঠায় গিয়ে আপনি আরও জানতে পারেন:
সমাধান 2: টেবিল plugin ব্যবহার করুন যা ডিফল্টরূপে এই কার্যকারিতাটি অন্তর্ভুক্ত করে!
আপনার ডিভির ওয়েবসাইটের জন্য একটি প্রতিক্রিয়াশীল টেবিল তৈরি করা এখন আর কোনও সমস্যা নয়, রেপোতে প্রচুর বিনামূল্যে plugin সমাধানের জন্য ধন্যবাদ thanks যাইহোক, মোবাইল প্রতিক্রিয়াশীলতার বিকল্পগুলি অন্তর্নির্মিত টেবিল plugin সন্ধান করা সামান্য কৌশল। জনপ্রিয় plugin গুলি মত wpDataTables একটি বিনামূল্যে বিকল্প হিসাবে এই বৈশিষ্ট্য হবে না।
এই লেখার আপ, আমরা শ্রেষ্ঠ ডাব্লু Tabe নির্মাতা এক বিবেচনা 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 এক্সেল ফাইল আমদানিকারকের মাধ্যমে এক্সেল ডকুমেন্টগুলি পরিচালনা করার একটি উন্মুক্ত উপায় রয়েছে। তবে আপনি কেবলমাত্র সম্পাদনযোগ্য এইচটিএমএল টেবিল হিসাবে এক্সেল ডেটা আমদানি ও রূপান্তর করতে পারেন বা এর স্টাইল সহ এক্সেল ফাইলটি আমদানি করতে রঙ, ব্যাকগ্রাউন্ড, কলামের আকার, লিঙ্ক অন্তর্ভুক্ত রয়েছে।
আপনার এক্সেল টেবিল পরিচালনা করুন এবং আপনার ওয়ার্ডপ্রেস ওয়েবসাইটে প্রকাশ করুন! আপনি ওয়ার্ডপ্রেস মিডিয়া পরিচালনা বা এফটিপি ক্লায়েন্টের মাধ্যমে টেবিলটিতে একটি এক্সেল ফাইল আপলোড করতে পারেন। তারপরে, আপনার এক্সেল ফাইলটি নির্বাচন করুন এবং সারণী সেটিংস থেকে সিঙ্ক্রোনাইজেশন শুরু করুন।
আপনার ওয়ার্ডপ্রেস টেবিল এবং এক্সেল ফাইলের মধ্যে সিঙ্ক্রোনাইজেশন এক মিনিট থেকে এক দিনের মধ্যে নিয়মিত করা যেতে পারে। অযাচিত ওয়ার্ডপ্রেস পাবলিক টেবিল আপডেটগুলি এড়াতে বা বিশাল টেবিলের জন্য সার্ভার সংস্থানগুলি সংরক্ষণ করতে স্বয়ংক্রিয়ভাবে সিঙ্ক্রোনাইজেশন বিলম্বও সংজ্ঞায়িত করা যেতে পারে।
একটি টেবিল আমদানির পরে, সমস্ত ডেটা আপডেট করা যেতে পারে; এটি কেবলমাত্র একটি সাধারণ এইচটিএমএল টেবিল যা কোনও plugin মতো সম্পাদনাযোগ্য! ওয়ার্ডপ্রেস স্প্রেডশিট।
অন্যদিকে, আপনি চান সমস্ত ডেটা দিয়ে একটি পরিষ্কার টেবিল তৈরি করার পরে, আপনি এটি একটি প্রচলিত এক্সেল ফাইল হিসাবে রফতানি করতে পারেন এবং, এক্স amp লে হিসাবে, আপডেট এক্সেল শীটটি পরে আবার চালাতে পারেন। আপনার ব্যবহারকারীরা এখন ওয়ার্ডপ্রেস সম্মুখভাগে এক্সেল শীট হিসাবে টেবিলটি রফতানি করতে পারেন।
ওয়ানড্রাইভের মাধ্যমে WP Table Manager অফিস 365 এর সাথে সিঙ্ক্রোনাইজও করে।
ওয়ানড্রাইভ এক্সেল ফাইল আমদানি এবং রফতানি সরঞ্জাম উপলব্ধ; রান চালানোর সময় আপনার ফাইলগুলি আমদানি ও সংশোধন করে সময় সাশ্রয় করুন। ওয়ানড্রাইভ ফাইল সিঙ্কের সাথে আরও বেশি উত্পাদনশীল হন! সিঙ্ক্রোনাইজ করতে, স্বয়ংক্রিয়ভাবে সামঞ্জস্য করতে এবং আপনার ওয়েবসাইটে লাইভ করার জন্য একটি Office 365 এক্সেল ফাইল নির্বাচন করুন।
WP Table Manager আপনাকে ডাটাবেস থেকে ট্যাবগুলি তৈরি এবং আমদানিতে সহায়তা করে; এটিতে ওয়েবসাইট ডেটাবেস সামগ্রীগুলির নির্বাচন থেকে সারণী উত্পন্ন করার জন্য একটি সরঞ্জাম অন্তর্ভুক্ত রয়েছে, যা আগে অনুপলব্ধ ছিল। ডাটাবেস থেকে টেবিল এবং কলামগুলি নির্বাচন করা হয়, কনফিগারযোগ্য ফিল্টার প্রয়োগ করা হয় এবং টেবিলগুলি WP Table manager ইন্টারফেসের মাধ্যমে পরিচালিত হয়। ডাটাবেস আপডেট হয়ে গেলে, আপনার টেবিলটি স্বয়ংক্রিয়ভাবে বৃদ্ধি পায়! এছাড়াও, আপনার নিজের হাতে বাছাই, ফিল্টারিং, স্বয়ংক্রিয় নকশা এবং পৃষ্ঠা-র বিকল্প রয়েছে।
আপনি যদি বিকাশকারী না হন তবে আপনি আপনার এইচটিএমএল টেবিলের সাথে কোনও ডাটাবেস উপাদানটি দৃশ্যত সংযুক্ত করতে পারেন। ডাটাবেস সামগ্রী থেকে একটি নতুন টেবিল তৈরি করার সময় আপনার ডাটাবেসের সমস্ত টেবিল উপস্থাপন করা হয়।
আপনার ওয়েবসাইট ডাটাবেস একটি সাধারণ অনুসন্ধান করতে পারে এবং আপনার টেবিল এবং কলামগুলি নির্বাচন করতে পারে; এটি একটি বিস্তৃত ডাটাবেসে বেশ উপকারী। তদুপরি, একটি উইজার্ড আপনাকে ধাপে ধাপে ডাটাবেস থেকে টেবিলটি সহায়তা করতে সহায়তা করবে।
চূড়ান্ত পর্যায়ে, ডাটাবেস থেকে সারণির পূর্বরূপ দেখার আগে, আপনি নির্দিষ্ট করা ডাটাবেস টেবিলগুলিতে আপনার কাস্টম ক্যোয়ারী লিখতে পারেন। আমরা কিছু ফাংশন সমর্থন করি, যেমন নির্বাচন, প্রতিস্থাপন, পুনরায় নাম, শো, ব্যাখ্যা, বর্ণনা।
একটি ডাটাবেস টেবিল কখনও কখনও অনেক সারি দিয়ে আসে; এইভাবে, এই বিকল্পটি আপনার পর্দার সাথে মানানসই একটি টেবিল প্রদর্শন করতে সহায়তা করতে পারে। এছাড়াও, আপনি প্রতিটি পৃষ্ঠার সারণির সারিগুলির একটি পূর্বনির্ধারিত পরিমাণ সেট করতে পারেন। তদুপরি, আপনি পুরো টেবিলটি ডিফল্ট অনুসারে বাছাই করতে একটি কলামও চয়ন করতে পারেন।
ওয়ার্ডপ্রেস ডাটাবেস টেবিল সংযোগটি কেবল ওয়ার্ডপ্রেস টেবিলের মধ্যে সীমাবদ্ধ নয়। ওয়ার্ডপ্রেস থেকে নয় তবে একই ডাটাবেসে ইনস্টল থাকা সমস্ত টেবিল সংযুক্ত হতে পারে।
আপনার টেবিলের বিশাল ডেটাগুলির মধ্যে, আপনি একটি নির্দিষ্ট অবজেক্টে মনোনিবেশ করতে কয়েকটি কাস্টম বিধি তৈরি করতে পারেন। আপনি যদি এর সাথে পরিচিত হন তবে আপনি>, <, লাইক, ইন… এর মতো ডাটাবেস অপারেটরদের সাথে খেলতে পারেন
আপনার তৈরি করা ডাটাবেস থেকে সারণীগুলি অন্য যে কোনও টেবিলের মতো সম্পাদনা করা যেতে পারে (যদি ব্যবহারকারীর সেই বুদ্ধিমান বৈশিষ্ট্যে অ্যাক্সেস থাকে) (যদি ব্যবহারকারীর সেই ব্যবহারিক বৈশিষ্ট্যে অ্যাক্সেস থাকে); এটি ব্যাচটি কিছু ডাটাবেস ডেটা সম্পাদনা করা যেমন সুবিধাজনক, যেমন প্রাক্তন amp লে, বেশ কয়েকটি প্রকাশনা পরবর্তী তারিখ যা একে একে করা হয়ে গেলে কিছুটা সময় নেয়।
উপসংহার
টেবিলগুলি তথ্যের একটি সেট প্রদর্শন করার অন্যতম কার্যকর উপায়। তবে, কম প্রযুক্তিগত ব্যক্তির জন্য একটি ওয়েব পৃষ্ঠায় টেবিল তৈরি করা একটি চ্যালেঞ্জ। এই plugin ব্যবহার করে, আপনি খুব সহজেই কয়েকটি সাধারণ পদক্ষেপে সহজেই কোনও টেবিলগুলি যে কোনও ডিভাইসে পাঠযোগ্য। অধিকন্তু, প্রতিক্রিয়াশীল সারণীগুলি আপনার সাইটের দর্শকদের জন্য ইতিবাচক সামগ্রিক অভিজ্ঞতা দেওয়ার বিষয়ে নিশ্চিত। সুতরাং, এটি চেষ্টা করে দেখুন এবং নীচের মন্তব্য বিভাগে আপনার অভিজ্ঞতা আমাদের জানান।
