اضافه کردن خودکار افکت لایت باکس به تصاویر وردپرس

اگر تصاویر شما از اندازه مجاز قسمت مطالب وب سایتتان بزرگتر هستند پیشنهاد خوبی است که در آن ها از افکت لایت باکس (lightbox) استفاده کنید . در این نوع نمایش تصویر شما با سایز کوچکتر برای کاربر نمایش داده می شود که کاربر با کلیک کردن روی آن ، تصویر بزرگ تر در خود صفحه برای او باز می شود . اگر با این نوع افکت آشنایی ندارید به ادامه مطلب مراجعه کنید تا یک مثال عملی به شما نمایش دهیم . به هر حال اگر بخواهیم این افکت را به صورت دستی به تک تک تصاویر اضافه کنیم کلی از وقت ارزشمند ما هدر می رود ، همچنین تجسم کنید که وب سایت شما دارای تصاویر زیاد و مطالب بسیار زیادی باشد که ویرایش دستی همه آن ها یک کار بسیار وقت گیر محسوب می شود .

در این مطلب یک افزونه ساده اما قدرتمند برای وردپرس را به شما معرفی می کنیم که با استفاده از آن کلیه تصاویر شما با این افکت زیبا نمایش داده خواهند شد ، برای استفاده از آن کافی است افزونه را نصب کرده و آن را فعال کنید ! ادامه آموزش را در ادامه مطلب مطالعه کنید .

به عنوان مثال و هم چنین برای آشنایی با این افکت جذاب روی تصویر زیر کلیک کنید و به نحوه نمایش سایز اصلی آن توجه کنید :

همان طور که مشاهده کردید تصویر بزرگ تر در خود صفحه نمایش داده شد ، به این حالت نمایش لایت باکس (lightbox) گفته می شود .

افزونه Auto ThickBox Plus

Auto ThickBox Plus نام یک افزونه ساده و کاربردی است که به صورت خودکار این افکت جذاب را به تصاویر وب سایت شما اضافه می کند . تنها کاری که شما باید انجام دهید نصب افزونه و فعال سازی آن است . این افزونه کلیه لینک هایی که به شکل زیر در مطالب ما وجود دارند را به صورت لایت باکس نمایش خواهد داد .

<a href="image"><img src="thumbnail" /></a>
<a href="image">Image Content</a>
<a href="#TB_inline?inlineId=id">Inline Content</a>
<a href="url?TB_iframe">iFramed Content</a>
<a href="url" class="thickbox">AJAX Content</a>

همان طور که متوجه شدید از این افزونه برای نمایش محتوای فریم و آجاکس هم می توان استفاده نمود .

این افزونه به علاوه سادگی ، دارای تنظیمات حرفه ای نیز می باشد تا آن را هر چه بیشتر با سلیقه خود شخصی سازی کنید ، اطلاعات بیشتر در مورد تنظیمات این افزونه در این لینک قابل دسترسی است . تصاویری از افزونه و تنظیمات آن را برای شما آماده کرده ایم :

دانلود افزونه :

9 پاسخ
  1. sohaib
    sohaib says:

    سلام
    ببخشید من این افزونه رو نصب کردم وفعال هم کردم ولی هر کاری میکنم این افزونه در سایتم نمایش داده نمیشه لطفا کمکم کنید خیلی ضروریه هر چی میگردم جوابم رو پیدا نمیکنم لطفا فقط یه توضیح بدین که باید چطوری نمایشش بدم.
    خیلی ممنون از مطلب مفیدتون
    با تشکر

    پاسخ
    • امیر عربی
      امیر عربی says:

      کار خاصی نباید انجام بدید ، بعد فعال سازی باید تصاویری که می خواید به صورت لایت باکس نمایش داده بشن رو به صورت یکی از الگوهای زیر لینک کنید:

      <a href="image"><img src="thumbnail" /></a>
      <a href="image">Image Content</a>
      
      پاسخ
  2. علی موسوی
    علی موسوی says:

    خیلی خوب بود ، واقعا ممنونم از شما بابت این فزونه !
    یعنی غصه ام گرفته بود که خودم کد نویسی کنم این بخش رو ، ولی اتفاقی به این افزونه بر خوردم تو سایت شما ، واقع ممنونم ^_^

    پاسخ

تعقیب

    دیدگاه خود را ثبت کنید

    مطلب خاصی فکرتان را مشغول کرده است ؟
    آن را با ما در میان بگذارید !

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *