ওয়াপকা রিসেন্ট আপডেট কোড ।। Wapka Recent Update Code

প্রিয় বন্ধুরা,

আপনাদের সু - স্বাগতম !

আশা করি সকলেই ভালো ও সুস্থ রয়েছেন। আমিও মহান সৃষ্টি কর্তার কৃপায় অনেক ভালো ও সুস্থ রয়েছি।

Wapka Recent Update Code

আজকে আমি আপনাদের মাঝে শেয়ার করতে চলে এসেছি যে কি ভাবে একটি Wapka Website এ  Wapka Recent Update Code Enable করবেন।

...Lets Start...

তো বন্ধুরা প্রথমে ভিসিট করুন - Wapka.Org

আপনার যদি সাইট তৈরি করা থাকে তবে ভালো। আপনাকে আর নতুন করে সাইট তৈরি করা লাগবে না। কিন্তু যারা এখনও ওয়াপকা তে সাইট তৈরি করেন নি তারা একটি সাইট তৈরি করে নিবেন।

সাইট তৈরি করতে যদি আপনার অসুবিধা হয় তবে এই টিউনের ক্যাটেগরিতেই আমি একটি পোস্ট করেছি যে - কিভাবে একটি ওয়াপকা ওয়েব সাইট তৈরি করবেন।

এখন আসি কাজের কথায় , কেননা আজকে আমরা দেখতে চলেছি যে কিভাবে ওয়াপকা সাইট এ কমেন্ট বক্স যুক্ত করবেন। আজে আমি সকল কোড আপনাদের মাঝে শেয়ার করব।

আর এ জন্য আপনাদের একটু ধৈর্য ধরে টিউন টি মনোযোগ দিয়ে পড়তে এবং বুঝতে হবে এবং সেই অনুযায়ী কাজ করতে হবে।

# পদক্ষেপঃ- ০১

ওয়াপকা তে লগিন করে নিবেন।

এর পর সাইট সিলেক্ট করে নিবেন , কেননা এখানে একাধিক সাইট তৈরি করা যায়। তাই আপনি যে পেজে Recent Update তৈরি করতে চান সেই পেজে এ প্রবেশ করবেন।

সাধারণত এই রিসেন্ট আপডেট HomePage/Index Page এ দেখানো হয়। তাই আমি আপনারদের কে এই রিসেন্ট আপডেট হোম পেজে করে দেখাব।

# পদক্ষেপঃ- ০২

উক্ত পেজে স্ক্রোল করে নিচের দিকে আসলে দেখতে পারবেন Tags & functions। 

আপনাকে আরও একটু নিচে শেষের দিকে স্ক্রোল করে আস্তে হবে  - তাহলে দেখতে পারবেন Post Lister।

এখন আপনাকে এই Post Lister এ ক্লিক করে নিচের কনফিগারেশন সকল কোড ধাপে ধাপে বসাবেন। এখানে আপনি ৫টি বক্স দেখতে পারবেন। এই পাঁচ টি বক্সের কোড গুলো নিচে দিয়ে দিচ্ছি ওই ভাবেই আপনাদের সাইট এ বসাবেন।

Code: 1st Box Enter Codes

<li><img width= "150" height= "150" src="%thumb%" onerror="this.onerror=null;this.src='//i.ibb.co/fF1jk4Q/onerror.png';" class="attachment-thumbnail size-thumbnailwp-post-image" alt="%title%"/> <a href="/post/%id%?%userid%" title="%title%"> %title% </a><p>{{VALUE(%date%)@DATE(AGO)}} <a href="/post/%id%/{{SLUG(%title%)}}?%userid}}comment"><span>Comments</span></a><br/> %views% views</p></li>

Code: 2nd Box Config

<limit>10</limit><order>new</order><page>{{GET(page)}}</page><url>?page=</url>

Code: 3rd Box Header

<div class="block_posts"><h2>Recent Posts</h2><ul class="rpul">

Code: 4th Box Footer

</ul></div>
<div class="wp-pagenavi" role="navigation"><span class="pages">{{GET(page)@OR(1)}} of %total%</span>{{PAGING(%prev% %num% %next% %last%)}}</div>

Code: 5th Box Defalt

<center><b>No BlogList</b></center>

Item will be visible for: All User

# Code: Css Style

এখন আপনাকে এই রিসেন্ট আপডেট সেকশন কে একটু স্টাইলিশ করতে হবে। আর এ কারনে সি এস এস ভূ মিকা অপরিসীম। নিজের মত করে সি এস এস তৈরি করে নিবেন।

প্রিয় বন্ধুরা আজকে আমি একদম টিউনের শেষ পর্যায়ে চলে এসেছি। আশা করি আজকের এই কোড টি আপনাদের অনেক অনেক উপকারে আসবে।

রিসেন্ট আপডেট সেকশন তৈরি করতে কোন ঝামেলা হলে - নিচের মন্তব্য বক্সে আপনার মন্তব্য করে জানাতে ভূলবেন না।

তাছাড়া আপনি নির্দ্বিধায় আমাকে আপনার যে কোন ওয়েব রিলেটেড প্রশ্ন জিজ্ঞেস করতে পারবেন। তো আজকের মত এখানেই বিদায় নিচ্ছি। সকলেই ভালো ও সুস্থ থাকবেন।

# YouTube CHANNEL:

SMsudipBD

https://YouTube.Com/@SMsudipBD

পরিশেষে আপনাদের কাছে একান্ত একটি অনুরোধ যে আজকের টিউন এ যদি টাইপিং মিস্টেক থাকে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন। কেননা পোস্ট টি লিখে চেক করলাম না।

তো বন্ধুরা সকলেই ভালো ও সুস্থ থাকুন। কমেন্ট বক্সে আপনার মতামত প্রকাশ করুন।

আপনি যদি আমার এই ওয়েবসাইট এ নতুন হয়ে থাকেন আমার YouTube Channel এ একটি SUBSCRIBE করবেন এবং পাশে থাকবেন।

ক্রেডিট বাইঃ- এস এম সুদীপ বিডি ডট কম।