ADs by Techtunes ADs
ADs by Techtunes ADs

অ্যাডভান্স ওয়ার্ডপ্রেস -০২:কিভাবে টিউনের ভিতরে অবস্থিত সকলছবিতে JQuery Plugin Lightbox যুক্ত করবেন?

সালাম সবাইকে ?? কেমন আছেন সবাই। আশা করছি সবাই ভাল আছেন। আপনার জন্য চলে আসলাম নতুন একটি টিউন নিয়ে। আশা করি সকলের কাজে লাগবে। আজকে আমরা শিখবো কিভাবে টিউনের ভিতরে অবস্থিত সকলছবিতে JQuery Plugin Lightbox যুক্ত করবেন?

ADs by Techtunes ADs

আগে জেনে নেই লাইটবক্স কি ??
লাইটবক্স হল একটি জাভা স্ক্রিপ্ট লাইব্রেরী যা আপনার ওয়েবসাইটের ছবি বা ভিডিওকে নিচের চিত্রের মত করে দেখাবে। যেখানে ছবিটি/ভিডিওটি আপনার ওয়েবসাইটে আলাদা করে হাইলাইট করে দেখাবে ওয়েবসাইটের বাকি অংশ ডিম হয়ে থাকবে। ভালভাবে বুঝার জন্য নিচের চিত্রটি দেখুন

JQuery Plugin Lightbox একটি জনপ্রিয় প্লাগিন যা আপনার টিউনে অবস্থিত সকল ইমেজকে ফুল স্ক্রিনবক্সের মাধ্যমে দেখায়। এটি খুব সহজে আপনি ব্যবহার করতে পারেন। কিন্তু যে ছবিগুলোকে আপনি Lightbox এ অপেন করতে চান। আপনাকে Rel=”Lightbox” অ্যাট্রিবিউট যোগ করতে হবে। নিচের কোডটি ব্যবহার করেখুবসহজে টিউনের সমস্ত Image কে rel=lightbox স্বয়ংক্রিয় ভাবে যুক্ত করতে পারেন।
নিচের কোডটি আপনার থিমের ফাংশন ফাইল functions.php এ পেষ্টকরুন। ফাইলটি সেভ করার পর আপনার টিউনের সমস্ত ছবিতে Rel=”lightbox” যুক্ত হয়েযাবে।

add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
global $post;
$pattern ="//i";
$replacement = '';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
এইটুকুই। উপরের কোডটি সঠিকভাবে পেষ্ট করলেই আপনার টিউনের সকল ছবিতে লাইটবক্স দেখাবে।
ধন্যবাদ। আগের ওয়ার্ডপ্রেস সম্পর্কিত টিউন :
অ্যাডভান্স ওয়ার্ডপ্রেস -০১: কিভাবে ওয়ার্ডপ্রেস ড্যাসবোর্ডে কাষ্টম হেল্প মেসেজ তৈরী করবেন

আমার প্রোফাইলে আমার সাইটের লিংক দেওয়া আছে। চাইলে ঘুরে আসতে পারেন। ধন্যবাদ সবাইকে। ভাল থাকুন।

ADs by Techtunes ADs
Level 0

আমি তানিয়া লাবনী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 8 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 36 টি টিউন ও 28 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

nyc superb bro.

ধন্যবাদ