★Last Design★ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-7/Home page}

আসসালামু-ওয়ালাইকুম!! আশা করছি ভালো আসেন। Wapkiz এ Trickbd এর মতোন ফোরাম সাইট বানানোর ৭ম পর্বে আপনাকে স্বাগতম। আজকের এই পর্বে আমরা হোম পেজের ডিজাইন করব। যার মাধ্যমে আমাদের ডিজাইন করা সম্পন্ন হয়ে যাবে। আর, আপনি যদি আগের পর্ব গুলোন না দেখে থাকেন তাহলে দেখে নিন -

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Proof Part}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-1/Settings Change}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-2/Meta Tag}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-3/Header & Footer}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-4/Page Design-1}

→ ★Main Part -1★ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-5/Page Design-2}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-6/Login & Reg}

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

SUBSCRIBE US ON YOUTUBE

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

Trickbd style All Code

কোডগুলোন রেডিমেট কোড। অযথা এডিট করতে গিয়ে কোড Error বা সময় নস্ট করবেন না। যেগুলোন এডিট করতে বলব শুধু সেইগুলা এডিট করলেন যথেস্ট।

Title Code For wapkiz

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

:title:WikiBN.ML - Know for sharing | Bangladeshi first mobile based tech forum and community.:/title:

Wapkiz Feature Post Code like Trickbd

একদম ট্রিকবিডির মতোনই ফিচার পোস্ট সিস্টেম। ফিচার ক্যাটেগরিতে থাকা পোস্টটি অটোমেটিক এই খানে জায়গা করে নিবে। যেমনটা ট্রিকবিডিতে হয় আর কী!! কিভাবে কোন পোস্ট ফিচার ক্যাটেগরিতে এড করবেন তা Admin Discussion এ আলোচনা করব।

<div class="block_posts"><h2>Featured post</h2><ul class="rpul">[blog]bid=Featured,o=h,l=3,v=on,no=No Featured Post Available ||<li><img width="150" height="150" src="%urlthumb%" class="attachment-thumbnail size-thumbnail wp-post-image" alt="%title%"/> <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]"> %title% </a><p>%date=--% ago <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]#comment">%comment_count% Comments</a> %hits% views</p></li>[/blog]</ul></div>

Wapkiz Hot Post code Like Trickbd

Trickbd তে যেমন সর্বোচ্চ ভিউ পোস্টটি হট পোস্টে জায়গায় করে নেয় এই কোডির মাধ্যমে তা অটোমেটিক সর্বোচ্চ ভিউ হওয়া পোস্টটি হট পোস্টে এ জায়গা করে নিবে।

<div class="block_posts"><h2>Hot posts</h2><ul class="rpul">[blog]bid=blog,o=h,t=month,l=5,v=on,no=||<li><img width="150" height="150" src="%urlthumb%" class="attachment-thumbnail size-thumbnail wp-post-image" alt="%title%"/> <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]"> %title% </a><p>%date=--% ago <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]#comment">%comment_count% Comments</a> %hits% views</p></li>[/blog]</ul></div>

Wapkiz Recent Post code Like Trickbd

সর্বশেষ ১০টি পোস্ট রিসেন্ট পোস্ট এ জায়গা করে নিবে। যেমনটি ট্রিকবিডিতে হয় আর কী।

<div class="block_posts"><h2>Recent Posts</h2><ul class="rpul">[blog]o=u,l=10,s=:to-page:,v=on,no=||<li><img width="150" height="150" src="%urlthumb%" class="attachment-thumbnail size-thumbnail wp-post-image" alt="%title%"/> <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]"> %title% </a><p>%date=--% ago <a href="http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]#comment">%comment_count% Comments</a> </p></li>[/blog]</ul></div>

Wapkiz Panging Code Like Trickbd

90% ট্রিকবিডির মতোন দেখতে। কোডটি বানাতে গিয়ে অনেক ঝামেলা পোহাতে হয়েছে। কিন্তু আপনাকে এই ঝামেলা পোহাতে হবে না।

<div class="wp-pagenavi">:page:c=[blog]l=0||%count%[/blog],l=10,s=:to-page:,no=::<span>:to-page(1): of %nlast%</span> %prev=«% %n% %next=»% :/page:</div>

Wapkiz Category Code Like Trickbd

আপনার হয়তো জানেন যে, Wapkiz এ ক্যাটেরগরি পেজের নামগুলোর ১ম অক্ষর অটোমেটিক ছোটো হাতের অক্ষরে চলে আসে এই সমস্যা CSS ট্রিক এর মাধ্যমে সমাধান করলেও একটা বিরাট সমসায় পরি। সেটি হলো, Wapkiz এ Category name এর মাঝে Space ব্যবহার করলে সেই ক্যাটেগরি লিস্টে কোন পোস্টি শো করে না। তা ক্যটেগরি সিস্টেমেও বিরাট পরিবর্তন আনা হয়েছে। কোডটিতে অনেক কিছু রিপ্লেমেন্ট করা হয়েছে যা আপনি দেখলেই বুঝবেন। কীভাবে ক্যটেগিরি খুলবেন এই নিয়ে Admin Discussion এ আলোচনা হবে। তাই কোডটি এডিট করবেন না। তবে এড কোড চেঞ্জ করে নিতে পারেন।

<div class="ad_block"><a href="https://wikibn.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlq48_5ExGNWQqmGo0Lto4sagSW2NdnEElc8AIfIXWbKbwrDzNwEfM5Ys6_S4nGDhcz4NJmhVLfGDK1PghL_fZ2sFSTtlvci-y_A-9zr70w5MIbso0zZBXaA-1TLEREYMGfMna4f2yJE/s320/thumbnails+of+wikibn.png" alt="topper24 ad" style="width:100%;height:300px;max-width:400px;"/></a></div>
<div class="block_category"><h2>Categories</h2> <ul>[blog_cat]o=u||<li class="cat-item capital"><a href=":site_url:/site-category.html?to-name=%name%">[replace=(%name%)]-|| [/replace]</a> (%count%)</li>[/blog_cat]</ul></div>

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

SUBSCRIBE US ON YOUTUBE

# লেখকের অনুমতি ছাড়া পোস্ট অন্যত্র প্রকাশ করা সম্পূর্ণ বেআইনী