ওয়ার্ডপ্রেসে একটি টেবিল যোগ করার 3 উপায় — দ্রুত এবং অনায়াসে

ওয়ার্ডপ্রেসে একটি টেবিল যোগ করা কঠিন ছিল, মার্কআপ ভাষার অনেকগুলি জড়িত।

যেকোন ওয়েবসাইটে টেবিল যোগ করার মূল উপায় ছিল HTML। তারপরে সিএসএস এটিকে আরও জটিল করে তোলে।

আজ, বৈশিষ্ট্য-সমৃদ্ধ টেবিলগুলি ওয়ার্ডপ্রেসের মধ্যে থেকে বা বাইরের পরিষেবাগুলি ব্যবহার করে তৈরি করা যেতে পারে তারপর টেবিলটি (বা এমনকি একটি স্প্রেডশীট) ওয়ার্ডপ্রেসের মধ্যেই এম্বেড করে।



স্প্রেডশীটগুলি এখনও সারণী, শুধুমাত্র বর্ধিত কার্যকারিতা সহ।

যৌক্তিক পদ্ধতিতে উপস্থাপন করার জন্য আপনার কাছে একটি বড় ডেটাসেট থাকলে এগুলি কার্যকর। ব্যবহারকারীদের সাথে যোগাযোগ করতে পারেন যে একটি.

টেবিল তৈরি করতে এবং আপনার WP ওয়েবসাইটে সুন্দরভাবে প্রদর্শন করার ধরন এবং সবচেয়ে সহজ পদ্ধতিগুলি আবিষ্কার করতে পড়ুন৷

কিভাবে WordPress এ একটি টেবিল যোগ করবেন

ব্লক সম্পাদক ব্যবহার করে, (+) আইকনে ক্লিক করুন এবং 'টেবিল' টাইপ করুন। 'টেবিল' ব্লক বা একটি 'মূল্যের টেবিল' ব্লক নির্বাচন করুন, যার মধ্যে CSS স্টাইলিং রয়েছে। বিকল্পভাবে, একটি Google পত্রক তৈরি করুন তারপর এটিকে একটি ওয়ার্ডপ্রেস পোস্ট বা পৃষ্ঠায় এম্বেড করুন, অথবা ওয়ার্ডপ্রেসের মধ্যে আপনার টেবিল তৈরি করতে TablePress প্লাগইন ইনস্টল করুন।

ওয়ার্ডপ্রেস ব্লক এডিটরে একটি মাল্টি-কলাম টেবিল যোগ করুন

ব্লক এডিটরের নিয়মিত টেবিলটি আশ্চর্যজনকভাবে কাস্টমাইজযোগ্য এবং কনফিগার করা সহজ।

ব্লক এডিটর ব্যবহার করে, + আইকনে ক্লিক করুন, 'টেবিল' টাইপ করুন এবং 'টেবিল' ব্লকে ক্লিক করুন। টেবিল তৈরি করার জন্য একটি প্রম্পট দেখাবে।

আপনি চান সারি এবং কলাম সংখ্যা সন্নিবেশ.

প্রদর্শনের উদ্দেশ্যে, আমরা একটি লিডারবোর্ড তৈরি করেছি। আপনি যদি একটি অ্যাফিলিয়েট প্রতিযোগিতা চালাচ্ছেন তাহলে আপনি যে ধরনের কাজ করতে চাইতে পারেন, যাতে আপনি অ্যাফিলিয়েটদেরকে আরও বড় প্রতিযোগিতার পুরস্কার জেতার জন্য আরও জোরে জোর দিতে বলেন।

একবার আপনার টেবিলে আপনার ডেটা থাকলে, আপনার WP সম্পাদকের ডানদিকে কাস্টমাইজার খুলতে যেকোনো জায়গায় ক্লিক করুন।

এখান থেকে, আপনি শৈলী পরিবর্তন করতে পারেন, একটি শিরোনাম এবং পাদলেখ যোগ করতে পারেন, টেবিলের প্রস্থ ঠিক করতে পারেন, পাঠ্য বিন্যাস করতে পারেন, ফন্টের রঙ এবং ব্যাকগ্রাউন্ড পরিবর্তন করতে পারেন, ফন্টের আকার সহ টাইপোগ্রাফি পরিবর্তন করতে পারেন এবং আপনার টেবিলে একটি HTML অ্যাঙ্কর যোগ করতে পারেন৷

একটি অ্যাঙ্কর যোগ করা একটি ব্লগ পোস্টের পরিবর্তে ওয়ার্ডপ্রেসে আপনার টেবিলের সাথে সরাসরি লিঙ্ক করার জন্য সহজ।

অ্যাঙ্করগুলিও মেইলিংয়ের জন্য সহজ। যেহেতু টেবিলগুলি ডেটা বোঝানোর একটি দ্রুত উপায়, তাই সরাসরি টেবিলে একটি লিঙ্ক সহ মূল্য পরিবর্তনগুলি মেল করা দরকারী হতে পারে৷
প্রাপকরা সরাসরি মূল্য সারণীতে যেতে লিঙ্কে ক্লিক করতে পারেন।

সহজে একটি মূল্য সারণী যোগ করুন

গুটেনবার্গ (ব্লক) সম্পাদকের একটি ঝরঝরে বৈশিষ্ট্য হল প্রি-ফরম্যাট করা ব্লক। এটিতে এখন একটি 3-স্তরের মূল্য সারণী রয়েছে যা যাওয়ার জন্য প্রস্তুত৷

+ চিহ্নে ক্লিক করুন, অনুসন্ধান ক্ষেত্রে 'টেবিল' টাইপ করুন এবং মূল্য সারণী নির্বাচন করুন।

এটি 3টি মূল্যের ব্লক সহ একটি 3-কলাম লেআউট যোগ করে৷

মূল্য সারণী ব্লক একাধিক ব্লক নিয়ে গঠিত। একটি শিরোনাম ব্লক, একটি অনুচ্ছেদ, একটি বিভাজক, একটি তালিকা ব্লক এবং অবশেষে একটি বোতাম অনুসরণ করে।

আপনি যদি শুধুমাত্র দুটি কলাম চান তবে একটি কলামে তিনটি উল্লম্ব বিন্দুতে ক্লিক করুন এবং 'কলাম সরান' নির্বাচন করুন।

টুলবার খুলতে যেকোনো উপাদানে ক্লিক করুন, তারপরে পরিবর্তন করতে তিনটি উল্লম্ব বিন্দু নির্বাচন করুন।

সিএসএস বা এইচটিএমএল ব্যবহার না করেই ওয়ার্ডপ্রেসে স্টাইলযুক্ত মূল্যের টেবিল যুক্ত করার এখন পর্যন্ত এটি সবচেয়ে সহজ উপায়।

যারা ক্লাসিক এডিটর ব্যবহার করছেন তাদের জন্য প্লাগইনটি নিষ্ক্রিয় করুন, ব্লক এডিটর ব্যবহার করে ড্রাফ্ট পোস্ট বা পৃষ্ঠা তৈরি করুন, এটিকে খসড়া হিসেবে সংরক্ষণ করুন, তারপর ক্লাসিক এডিটর প্লাগইনটি রিঅ্যাক্টিভ করুন।

আপনি পোস্ট বা পৃষ্ঠা সম্পাদনা করতে ফিরে গেলে, সমস্ত কোড স্বয়ংক্রিয়ভাবে আমদানি করা হয়।


HTML এ কলামের মধ্যে টেবিল তৈরি করুন

কিছুক্ষণ আগে, আমরা একটি টিউটোরিয়াল কভার প্রকাশ করেছি কিভাবে ওয়ার্ডপ্রেসে কলাম তৈরি করবেন . যে অংশ একটি 2-কলাম বিন্যাস সঙ্গে একটি টেবিল তৈরি করা হয়.

ওয়ার্ডপ্রেসে HTML-এ কিছু তৈরি করতে, আপনাকে ক্লাসিক এডিটরে 'টেক্সট' মোড নির্বাচন করতে হবে, অথবা ব্লক এডিটর ব্যবহার করলে, 'কাস্টম HTML' ব্লক যোগ করতে হবে।

একটি টেবিল যোগ করার কোড হল...

<table style="width: 100%; height: 48px;" border="”5″" width="”1200″" cellspacing="”50″" cellpadding="”50″">
<tbody>
<tr style="background-color: #fff73f;">
<td style="text-align: center; height: 16px;"><strong>Column Title </strong></td>
<td style="text-align: center; height: 16px;"><strong>Next column title</strong></td>
</tr>
<tr style="height: 16px;">
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
</tr>
</tbody>
</table>

উপরের কোড তৈরি করে...


কিভাবে ওয়ার্ডপ্রেসে গুগল শীট এম্বেড করবেন

গুগল শীট-এর একটি ঝরঝরে কিন্তু অল্প পরিচিত বৈশিষ্ট্য হল যে আপনি সেগুলিকে ওয়েবে প্রকাশ করতে পারেন এবং সেগুলি ওয়ার্ডপ্রেস ওয়েবসাইটের মধ্যে এম্বেড করা যেতে পারে।

তাছাড়া, আপনি রিয়েল-টাইমে আপডেট দেখানোর জন্য শীট সেট করতে পারেন।

প্রথমে, Google Sheets-এ যান, আপনি যে শীট এম্বেড করতে চান সেটি নির্বাচন করুন। 'ফাইল' ক্লিক করুন, তারপর 'শেয়ার করুন' নির্বাচন করুন, তারপর 'ওয়েবে প্রকাশ করুন'।

একটি পপআপ প্রম্পট ওয়েবে সরাসরি লিঙ্ক বা এম্বেডের মাধ্যমে ভাগ করার বিকল্পগুলি দেখাবে৷ এম্বেড বিকল্পটি নির্বাচন করুন।

'প্রকাশিত বিষয়বস্তু এবং সেটিংস'-এর জন্য ড্রপডাউন তীরটিতে ক্লিক করা আপনাকে গোপনীয়তা সেটিংস কনফিগার করতে দেয়, যেমন কারা সামগ্রী অ্যাক্সেস করতে এবং সম্পাদনা করতে পারে৷

আপনি যদি পত্রক থেকে আপনার এমবেডেড শীটে আপডেটগুলি পুশ করতে চান, তাহলে 'পরিবর্তন করা হলে স্বয়ংক্রিয়ভাবে পুনঃপ্রকাশ করুন' এর জন্য বাক্সে টিক চিহ্ন দিন৷

আপনার যদি শীটগুলির একটি সংগ্রহ থাকে তবে আপনি সেগুলিকে একটি সংগ্রহ বা একটি পৃথক শীট হিসাবে এম্বেড করতে বেছে নিতে পারেন।

একবার আপনি কি ভাগ করতে চান এবং কিভাবে সেট আপ করতে চান, 'প্রকাশ করুন' বোতামে ক্লিক করুন। এটি আপনাকে একটি এম্বেড কোড দেবে।

এম্বেড কোডটি কপি করুন এবং ওয়ার্ডপ্রেসের 'টেক্সট' এডিটরে পেস্ট করুন। ব্লক এডিটর ব্যবহার করলে, 'কাস্টম HTML' ব্লক ব্যবহার করুন।

প্রকাশ করার আগে প্রিভিউ টিপুন কারণ Google-এর এম্বেড কোডে সাইজ অন্তর্ভুক্ত নেই। ফলাফল হল একটি ওয়েব পৃষ্ঠায় একটি ছোট ব্লার্ব।

এমবেড কোডের মধ্যে, যেখানে 'হেডার = মিথ্যা' আছে তার পরে একটি স্থান ছেড়ে নিচের কোডটি যোগ করুন:

style="height:500px;width:1100px">

আপনার থিম অনুসারে উচ্চতা এবং প্রস্থের সংখ্যা পরিবর্তন করা যেতে পারে। শীটটি দেখতে কেমন তা দেখতে পূর্বরূপ টিপুন। একবার আপনি উপস্থিতিতে খুশি হলে, প্রকাশ করুন ক্লিক করুন।

যেহেতু এটি একটি স্প্রেডশীট, যা মূলত একটি জটিল টেবিল, ব্যবহারকারীরা উপরে, নিচে, জুড়ে স্ক্রোল করতে পারেন এবং একটি সংগ্রহে অতিরিক্ত শীট খুলতে ক্লিক করতে পারেন যদি আপনার একাধিক শীট থাকে।

TablePress প্লাগইন ব্যবহার করে ওয়ার্ডপ্রেসের মধ্যে জটিল HTML টেবিল তৈরি করুন

টেবিলপ্রেস প্লাগইন হল টেবিল তৈরির জন্য ওয়ার্ডপ্রেসে সবচেয়ে সক্রিয়ভাবে ব্যবহৃত প্লাগইনগুলির মধ্যে একটি।

এটি HTML কোডের সাথে জগাখিচুড়ি করার প্রয়োজনীয়তা দূর করে, টেবিল তৈরিকে দ্রুত এবং সহজ করে তোলে।

শুরু করতে, 'প্লাগইনস' এ যান, 'নতুন যোগ করুন' নির্বাচন করুন এবং উপরের ডানদিকে অনুসন্ধান বাক্সে 'টেবলপ্রেস' টাইপ করুন।

প্লাগইনটি সক্রিয় হয়ে গেলে, আপনার বাম সাইডবারে একটি নতুন 'টেবলপ্রেস' মেনু যোগ করা হবে। আপনার প্রথম টেবিল তৈরি শুরু করতে 'নতুন যোগ করুন' এ ক্লিক করুন।

এখানে লক্ষণীয় কিছু হল যে টেবিলগুলি প্লাগইন পৃষ্ঠার মধ্যে তৈরি করা হয়েছে। ওয়ার্ডপ্রেস এডিটরের মধ্যে নয়।

টেবিলগুলি টেবিলপ্রেস প্লাগইন ব্যবহার করে তৈরি করা হয়, তারপর একটি শর্টকোড ব্যবহার করে ওয়ার্ডপ্রেস পোস্ট এবং পৃষ্ঠাগুলিতে এমবেড করা হয়।

আপনার টেবিলের একটি নাম দিন, তারপর পরবর্তী স্ক্রিনে, আপনার ডেটা যোগ করা শুরু করুন।

একবার ডেটা যোগ হয়ে গেলে, পৃষ্ঠাটি স্ক্রোল করুন এবং আপনি টেবিলটি স্টাইল করা শুরু করতে পারেন। আপনি এটি প্রকাশ করার জন্য প্রস্তুত হয়ে গেলে, 'সংরক্ষণ করুন' এ ক্লিক করুন, তারপর শর্টকোডটি অনুলিপি করুন৷

আপনি যে টেবিলটি সম্পাদনা করছেন তার শীর্ষে বা বাম সাইডবারে 'সমস্ত টেবিল' নির্বাচন করে শর্টকোডটি খুঁজে পেতে পারেন৷

আপনি যে পৃষ্ঠা বা পোস্টটিতে টেবিলটি অন্তর্ভুক্ত করতে চান তা লোড করুন, শর্টকোডে পেস্ট করুন, পূর্বরূপ প্রেস করুন এবং টেবিলটি সামগ্রীর মধ্যে এম্বেড করা হবে।

TablePress প্লাগইন ওয়ার্ডপ্রেসে টেবিল তৈরি করা একটি হাওয়া করে তোলে। এছাড়াও, অ্যাড-অনগুলির একটি বিস্তৃত পরিসর রয়েছে যা পিএইচপি ব্যবহার সহ উন্নত বৈশিষ্ট্য সহ আরও শক্তিশালী টেবিলের কার্যকারিতা প্রসারিত করে।

বর্তমানে, TablePress এক্সটেনশনগুলি ডাউনলোড করা, চেষ্টা করা এবং পরীক্ষা করা যেতে পারে, অর্থপ্রদান করার আগে, এবং এমনকি সেখানেও, বিকাশকারী অগ্রিম ক্রয়ের প্রয়োজনের পরিবর্তে একটি অনুদানের পরিমাণ প্রস্তাব করে৷