আজ আমরা শিখবো কীভাবে পোস্ট কোয়েরি করতে হয় । মানে আমরা যখন ব্লগে কোন পোস্ট লেখি সেটি আমাদের হোম পেজে চলে আসে পোস্ট টাইটেল, তারিখ, লেখকের নাম , ফিচার ইমেজ ইত্যাদি সহ । নিচের ছবিটি দেখুন বুঝতে পারবেন ।
পোস্ট কোয়েরি করার জন্য আমাদের একটি কোড ব্যাবহার করতে হবে ।কোড টি নিচে দেওয়া হলঃ
<?php if(have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
Posted In: <?php the_category(', '); ?> | Posted on: <?php the_time('M d, Y') ?> <?php comments_popup_link('No Comment', '1 Comment', '% Comments'); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>
এখানে
১) <?php if(have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
এই কোড দ্বারা বুঝানো হয়েছে যদি পোস্ট থাকে তবে আপনার পোস্ট দেখাবে ।
২) <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> এই কোড দ্বারা পোস্টের টাইটেলকে লিঙ্ক সহ করা হয়েছে ।
৩) Posted In: <?php the_category(', '); ?> | Posted on: <?php the_time('M d, Y') ?> <?php comments_popup_link('No Comment', '1 Comment', '% Comments'); ?>
এই কোড দ্বারা পোস্টের টাইটেলের নিচে তারিখ,ক্যাটাগরি , কমেন্ট সংখ্যা থাকে তা আনা হয় ।
৪) <?php the_content(); ?> এই কোড দ্বারা টাইটেলের নিচে যে পোস্ট থাকে তা দেখানো হয়। কিন্তু এই কোড দ্বারা সম্পূর্ণ পোস্ট দেখানো হয় ।
কিন্তু এখন সকল ব্লগ সাইটে পোস্টের সারাংশ দেখানো হয় । সেই কোড টি হচ্ছে
<?php the_excerpt(); ?> এর ব্যাবহার ভিডিও টিউটোরিয়ালে দেখবো ।
আমরা এই কোডগুলোর সাথে আরও কিছু কোড বসাবো ,যেমনঃ
<?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts') ); ?>
<?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>') ); ?>
আপ্নারা প্রতিটি ব্লগ পেজে দেখবেন নিদিষ্ট কিছু পোস্ট সংখ্যার পর ন্যাভিগেশন নাম্বার বা next/previous বাটন দেখবেন পরবর্তী পোস্টগুলো দেখার জন্য । আমরা আজ next/previous নিয়ে কাজ করবো ।
তাহলে আমাদের কোড টি দারায় এমনঃ
<?php if(have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
Posted In: <?php the_category(', '); ?> | Posted on: <?php the_time('M d, Y') ?> <?php comments_popup_link('No Comment', '1 Comment', '% Comments'); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>
<?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts') ); ?>
<?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>') ); ?>
আপনারা চাইলে একে div/class দিয়ে ডিজাইন করতে পারেন । আমি div/class বসিয়ে একটি উদাহরন দিচ্ছিঃ
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts') ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>') ); ?></div>
এখন আপনারা চাইলে syle.css এ ডিজাইন করতে পারেন ।
এখন কথা হচ্ছে আমরা এই কোডগুলো কোথায় বসাবো ?
এই কোড বসাবো আমাদের index ফাইলের কনটেন্ট অংশে ।
আজ আমরা ফিচার ইমেজ এক্তিভ আর next/previous করা দেখবো না । তা দেখবো পরবর্তী পর্বে।
না বুঝলে কমেন্ট করে জানাবেন । ধন্যবাদ ।
Post a Comment