[পর্ব-০৫] :: ওয়ার্ডপ্রেস থিমে ফিচার ইমেজে থাম্বনেইল ইমেজ এবং কাস্টমাইজড ক্রপিং ইমেজ ব্যবহার করার পদ্ধতি সম্পর্কে বিস্তারিত আলোচনা



সাধারণত হোমপেজে বা ব্লগ পেজে post এর সাথে post এর একটা থাম্বনেইল ইমেজ বা ফিচার ইমেজ প্রদর্শিত হয়।

১ম পদক্ষেপ

আমাদের থিমে এই ফিচার যুক্ত করতে হলে প্রথমে functions.php তে গিয়ে যুক্ত করতে হবে
/* Featured Image Support */
add_theme_support( 'post-thumbnails', array( 'post' ) );


তাহলে  post করার সময় ভিজুয়্যাল এডিটরের পাশে ফিচার ইমেজ যুক্ত করার অপশন দেখা যাবে।

২য় পদক্ষেপ


এখন index.php তে নিচের কোডটুকু যুক্ত করলে ফিচার ইমেজ বা post থাম্বনেইলটি দেখা যাবে।
/* Featured Image Support */
<?php the_post_thumbnail(); ?>
[/code]


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

এক্ষেত্রে সমাধান হচ্ছে। নির্দিষ্ট সাইজের থাম্বনেইল ইমেজ জেনারেট করা। এই কাজটি করার জন্য functions.php তে গিয়ে যুক্ত করতে হবে
set_post_thumbnail_size( 200, 200, true );
তাহলে 200px X 200px এর থাম্বনেইল ইমেজ জেনারেট হবে, এবং <?php the_post_thumbnail(); ?> থিমে ব্যবহার করলে 200px X 200px এর ইমেজ টি দেখাবে।

৩য় পদক্ষেপ

এখন যদি আমরা আমাদের ইচ্ছা মতো ক্রপ করা কোন ইমেজ ব্যবহার করতে চাই, তাহলে
functions.php তে গিয়ে যুক্ত করতে হবে
add_image_size( 'featured_image', 150, 150, true );
এখানে featured_image হচ্ছে ইমেজ আইডি। ক্রপ করা ইমেজটি index.php বা অন্য কোন পেজে ব্যবহার করার জন্য <?php the_post_thumbnail(); ?> এর পরিবর্তে লেখতে হবে
<?php the_post_thumbnail('featured_image', array('class' => 'featured_thumb')); ?>      
এখানে featured_image হচ্ছে ইমেজ আইডি,  এবং ইমেজটিতে প্রয়োজনীয় style যুক্ত করার জন্য featured_thumb নামে একটা class সিলেক্টর যুক্ত করা হয়েছে।

৪র্থ পদক্ষেপ

অনেক সময় আমাদের কাস্টম টিউনের মধ্যেও ফিচার ইমেজ ব্যবহারের প্রয়োজন পরে। মনে করুন আপনি product নামে একটা কাস্টম টিউন রেজিস্টার করলেন। তাহলে আপনাকে add_theme_support( 'post-thumbnails', array( 'post' ) ); এর পরিবর্তে functions.php তে গিয়ে যুক্ত করতে হবে
/* Featured Image Support */
add_theme_support( 'post-thumbnails', array( 'post','product' ) );
তাহলে post এবং product নামে একটা কাস্টম টিউনে ফিচারড্ ইমেজ একটিভ হবে।
.............................................................................
আজ এ পর্যন্তই । সবার জন্য শুভকামনা রইলো।



সবাইকে আন্তরিক শুভেচ্ছা এবং স্বাগতম জানাচ্ছি “ওয়ার্ডপ্রেস ওস্তাদ” এডভান্স ওয়ার্ডপ্রেস ডেভলপমেন্টের উপর একটা পূর্ণাঙ্গ ফ্রি চেইন কোর্স এর ৫ম পর্বে। টেকটিউনস বিশ্বের সবচেয়ে বড় বাংলা সোশ্যাল নেটওয়ার্ক । এরকম একটা বড় প্লাটফর্মে “ওয়ার্ডপ্রেস ওস্তাদ” কোর্সটি টেকটিউনস কতৃপক্ষের প্রত্যক্ষ সহযোগিতায় শুরু করতে পেরে ভালো লাগছে।
“ওয়ার্ডপ্রেস ওস্তাদ ” কোর্সের ঘোষণা টেকটিউন্সে প্রকাশ করার পর আপনাদের মধ্যে যে আগ্রহ দেখেছি, তা এই কোর্সটিকে সুন্দর করে পরিচালনা করতে সাহায্য করবে। সকলের সক্রিয় অংশগ্রহণ কামনা করছি।
আজ ৫ম  পর্বে ওয়ার্ডপ্রেস থিমে থাম্বনেইল ইমেজের ব্যবহার  এবং ইমেজ ক্রপিং করার পদ্ধতি সম্পর্কে আলোচনা করা হবে।
সাধারণত হোমপেজে বা ব্লগ পেজে post এর সাথে post এর একটা থাম্বনেইল ইমেজ বা ফিচার ইমেজ প্রদর্শিত হয়।

১ম পদক্ষেপ


আমাদের থিমে এই ফিচার যুক্ত করতে হলে প্রথমে functions.php তে গিয়ে যুক্ত করতে হবে
/* Featured Image Support */
add_theme_support( 'post-thumbnails', array( 'post' ) );


তাহলে  post করার সময় ভিজুয়্যাল এডিটরের পাশে ফিচার ইমেজ যুক্ত করার অপশন দেখা যাবে।

২য় পদক্ষেপ


এখন index.php তে নিচের কোডটুকু যুক্ত করলে ফিচার ইমেজ বা post থাম্বনেইলটি দেখা যাবে।
/* Featured Image Support */
<?php the_post_thumbnail(); ?>
[/code]


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

এক্ষেত্রে সমাধান হচ্ছে। নির্দিষ্ট সাইজের থাম্বনেইল ইমেজ জেনারেট করা। এই কাজটি করার জন্য functions.php তে গিয়ে যুক্ত করতে হবে
set_post_thumbnail_size( 200, 200, true );
তাহলে 200px X 200px এর থাম্বনেইল ইমেজ জেনারেট হবে, এবং <?php the_post_thumbnail(); ?> থিমে ব্যবহার করলে 200px X 200px এর ইমেজ টি দেখাবে।

৩য় পদক্ষেপ

এখন যদি আমরা আমাদের ইচ্ছা মতো ক্রপ করা কোন ইমেজ ব্যবহার করতে চাই, তাহলে
functions.php তে গিয়ে যুক্ত করতে হবে
add_image_size( 'featured_image', 150, 150, true );
এখানে featured_image হচ্ছে ইমেজ আইডি। ক্রপ করা ইমেজটি index.php বা অন্য কোন পেজে ব্যবহার করার জন্য <?php the_post_thumbnail(); ?> এর পরিবর্তে লেখতে হবে
<?php the_post_thumbnail('featured_image', array('class' => 'featured_thumb')); ?>      
এখানে featured_image হচ্ছে ইমেজ আইডি,  এবং ইমেজটিতে প্রয়োজনীয় style যুক্ত করার জন্য featured_thumb নামে একটা class সিলেক্টর যুক্ত করা হয়েছে।

৪র্থ পদক্ষেপ

অনেক সময় আমাদের কাস্টম টিউনের মধ্যেও ফিচার ইমেজ ব্যবহারের প্রয়োজন পরে। মনে করুন আপনি product নামে একটা কাস্টম টিউন রেজিস্টার করলেন। তাহলে আপনাকে add_theme_support( 'post-thumbnails', array( 'post' ) ); এর পরিবর্তে functions.php তে গিয়ে যুক্ত করতে হবে
/* Featured Image Support */
add_theme_support( 'post-thumbnails', array( 'post','product' ) );
তাহলে post এবং product নামে একটা কাস্টম টিউনে ফিচারড্ ইমেজ একটিভ হবে।
.............................................................................
আজ এ পর্যন্তই । সবার জন্য শুভকামনা রইলো।














Previous
Next Post »

পোস্ট সম্পর্কিত সমস্যার জন্য মন্তব্য দিন।ডাউনলোড লিঙ্ক এ সমস্যা জন্য ইনবক্স করুন Aimzworld007
ConversionConversion EmoticonEmoticon

Thanks for your comment