যেভাবে সহজে পোস্টে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করবেন

 

 যেভাবে পোস্টে টেবিল অফ কনটেন্ট যোগ করবেন । যেভাবে Table of Contents যোগ করবেন । পোষ্টে Table of Contents কীভাবে এড করবো ।  পোষ্টে টেবিল অফ কনটেন্ট কীভাবে এড করবো

 

Table of Contents কি ?

একটি পোষ্টের সাধারণত শুরুতে পুরো পোষ্টের বৃত্তান্ত যে টেবিলে থাকে এবং যে টেবিল থেকে সহজেই পুরো পোষ্টটি ভিজিট করা যায়। তাকে Table of Contents বলে। একটি সাজানো ব্লগে টেবিল অফ কনটেন্ট (Table of Contents) অনেক গুরুত্ব বহন করে। এর সবচে বড় সুবিধা হলো এটি পোষ্টকে এসইও ফ্রেন্ডলী (SEO Friendly) করে তুলে।

 

টেবিল অফ কনটেন্ট (Table of Contents) এর সুবিধা-

• সহজে ভিজিটর পুরো পোষ্টটি ভিজিট করতে পারে। 
  
• পোষ্টের গুরুত্বপূর্ণ বা মেইন টপিকগুলো সম্পর্কে ধারণা পাওয়া যায়
• স্ক্রল না করে নির্দিষ্ট টপিকে এক ক্লিকেই যাওয়া যায়

 

আজ আমরা শিখবো কীভাবে ব্লগে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করতে হয়। প্রথমে আমরা দেখাবো ব্লাগার সাইটে কীভাবে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করবেন। তারপর আমরা দেখবো কীভাবে ওয়ার্ডপ্রেস সাইটে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করবো।

 

ব্লাগার সাইটে টেবিল অফ কনটেন্ট (Table of Contents)

 

যেহেতু ব্লাগার সাইটে কাস্টম কোনো প্লাগইন ব্যবহারের সুবিধা নাই তাই কিছু কোডিং (Js, CSS) করে ব্লাগার সাইটে টেবিল অফ কনটেন্ট (Table of Contents) সাইটে যোগ করতে হবে। তবে, তবে সবচেয়ে ভাল হয় যদি কোডিং করার আগে ব্লগার টেমপ্লেটটি ব্যাকআপ করে নিতে পারেন। তবে, না নিলেও সমস্যা নাই।

 

এবার নিচের নির্দেশনাগুলো ফলো করুন:

১) প্রথমে আপনার সাইটে থিম (theme) অপশনে চলে যান। সেখান থেকে ইডিট এইচটিএমএল (Edit HTML) অপশনে ক্লিক করুন।   

 

 

ছবি 01. 

 

 

 

ছবি 02.  

 

 

 

 

২)  তারপর কিবোর্ড থেকে কন্ট্রোল এফ চেপে সার্চবার বের করুন। তারপর </body> লিখে সার্চ করুন। অথবা টেমপ্লেটের একদম নিচে চলে যান। একেবারে নিচে গিয়ে </body> ট্যাগ পাবেন।  

 

 

 

ছবি 03. 

 

 

 

 ৩)  এবার নিচের জাভাস্ক্রিপ্ট কোডটি কপি করে </body> এর পরে বসিয়ে দিন।

 

<script async='async' defer='defer'>

var head,newLine,el,title,link,ToC=&quot;<nav class='table-of-contents' role='navigation'><h6 onclick='toc()'>&#9778; Table of Content</h6><ul style='display:none'>&quot;;$(&quot;article h2, article h3, article h4, article h5&quot;).attr(&quot;id&quot;,function(arr){return &quot;point&quot; + arr;});$(&quot;article h2, article h3, article h4, article h5&quot;).each(function(){el=$(this),title=el.text(),link=&quot;#&quot;+el.attr(&quot;id&quot;),ToC+=newLine=&quot;<li><a href='&quot;+link+&quot;'>&quot;+title+&quot;</a></li>&quot;}),ToC+=&quot;</ul></nav>&quot;,$(&quot;.toc-pro&quot;).prepend(ToC);function toc() {$(&quot;.table-of-contents ul&quot;).toggle();}

</script>

 

 

 

 

ছবি 04. 

 

৪) এবার আগের মতো করে কিবোর্ড থেকে কন্ট্রোল এফ চেপে সার্চবার বের করুন। তারপর ]]></b:skin> লিখে সার্চ করুন । আর নিচের CSS কোড কপি করে ]]></b:skin> এর আগে বসিয়ে দিন। 

 

ছবি 06. 

 

.table-of-contents{flex:auto;width:300px;background:#eee;font-size:16px;padding:11px;margin:8px 0 30px 0}

.table-of-contents li{margin:0 0 0.25em 0}

.table-of-contents a{color:#2a5365}

.table-of-contents h6{margin:0;cursor:pointer}

 

 

ছবি 07. 

 

 

৫) এখন টেমপ্লেটটি সেভ করুন। কাজ শেষ।

৬) এবার আপনি আপনার যে পোস্টে টেবিল অফ কনটেন্ট (Table of Contents) বসাতে চান সেই পোষ্ট যান। তারপর Html View তে যান। সেখানে আপনার কাঙ্ক্ষিত জায়গায় (প্রথম প্যারাগ্রাফের পর) নিজের কোডটি বসিয়ে দিন।

 

 <div class='toc-pro'></div>

 

 

 

ছবি 08. 

 

এবার দেখুন আপনার পোষ্টে টেবিল অফ কনটেন্ট (Table of Contents) দেখাচ্ছে।

 

বি.দ্র: আপনার পোষ্টে টেবিল অফ কনটেন্ট (Table of Contents) বসাতে চাইলে অবশ্যই আপনার পোষ্টে হেডিং, ম্যাজর হেডিং, সাব হেডিং, মাইনর হেডিং ইত্যাদি থাকতে হবে।  তা না হলে আপনার সাইট বুঝতে পারবেনা কোন হেডিং টেবিল অফ কনটেন্ট (Table of Contents) এ এড করবে।

 

এবার আমরা দেখবো ওয়ার্ডপ্রেস সাইটে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করবো।

 

 

ওয়ার্ডপ্রেস সাইটে টেবিল অফ কনটেন্ট (Table of Contents)

 

ওয়ার্ডপ্রেস সাইটে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করা অনেক সহজ। একটি প্লাগিন ব্যবহার করলেই হয়।

 

 এবার নিচের নির্দেশনাগুলো ফলো করুন:

•  প্রথমে ওয়ার্ডপ্রেস wp-admin পেনেলে  লগইন করুন।

• তারপর Plugins অপশনে যান। সেখান থেকে Add New ক্লিক করুন।

• এবার  সার্চ (Search) বারে Table of content plus লিখে সার্চ (Search) করুন। এট খুবই টেবিল অফ কনটেন্ট (Table of Contents) এর ভাল ফ্রি প্লাগিন।

• এবার Install বাটনে ক্লিক করে Install করুন এবং Active বাটনে ক্লিক করে Active করে নিন।

• এবার আপনার ব্লগে গিয়ে দেখুন টেবিল অফ কনটেন্ট (Table of Contents) যোগ করে গেছে। 
  

 

বি.দ্র: আপনি কতগুলো Table দেখাতে চান তা Settings থেকে পরিবর্তন করে নিতে পারেন। তবে, আপনি যে পোষ্টে টেবিল অফ কনটেন্ট (Table of Contents) যোগ করতে চান সেই পোষ্টে হেডিং বা সাব হেডিং না থাকলে এটা কাজ করবেনা।

 

 

 

Related search: ব্লগ পোস্টে Table of Contents যোগ করুন । যেভাবে ব্লগার পোস্টে Automatic Table of Contents যুক্ত করবেন ।  ব্লগের পোস্টে Table Of Content কিভাবে যুক্ত করে । How to Create a Table of Contents in blogger । How to Create a Table of Contents in blogger Manually । How to Create a Table of Contents in WordPress Manually How do you insert table of content? ।  How do I add a table of contents to WordPress posts and pages?।  How do you create a custom table of contents? ।  Create a Table of Contents in blogger Manually ।  Create a Table of Contents in WordPress ।  Create a Table of Contents in WordPress Manually ।  How to Create a Table of Contents in blogger bangla । How to Create a Table of Contents in WordPress Manually bangla । How to Create a Table of Contents in WordPress bangla ।  Create a Table of Contents in blogger । kibabe post a Table of Contents add korbo