نمایش تصویر در المنتور با ویجت Image

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

تخفیف ویژه دانشجویان دوره رایگان وردپرس

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

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

درج تصویر در صفحه ساز المنتور

آموزش تنظیمات ویجت تصویر در المنتور

ویجت تصویر دارای تنظیمات کاربدی و ساده ای می باشد که اول کافیه در قسمت جستجو ویجت ها در صفحه ساز خود کلمه Image یا تصویر را جستجو کنید و این ویجت را در صفحه در قسمت مورد نظر رها کنید و بعد تظیمات زیر را برای آن انجام دهید .

تب محتوا / Content

  1. انتخاب تصویر /Choose Image : شما در این قسمت ابتدا تصویر خود را انتخاب کنید
  2. اندازه عکس / Image Size : و سپس اندازه عکس را مشخص کنید . این انتخاب به بهینه سازی تصویر شما خیلی کمک میکند.
  3. کپشن / Caption : در این قسمت می توانید برای تصویر خود کپشن تعیین کنید . 2 حالت استفاده از کپشن تصویر آپلود شده و یا کپشن دستی .
  4. پیوند / Link to : لینک پیوند باکس را مشخص کنید . میتوانید هم لایت باکس ایجاد کنید یعنی با کلیک و یا تاچ روی تصویر ، تصویر فوق به صورت لایت باکس نمایش داده شود و یا این که لینک سفارشی به آن دهید .

تب استایل / Style

تصویر / Image

  1. عرض / Width : شما میتوانید عرض تصویر را به راحتی تغییر دهید البته این عرض به صورت درصدی می باشد.
  2. حداکثر / Max Width : می توانید حداکثر اندازه ای که این تصویر میتواند داشته باشد را مشخص کنید .
  3. شفافیت / Opacity : شما میتوانید شفافیت عکس را تغییر دهید.
  4. فیلتر های سی اس اس / CSS Filters : در این قسمت تغییرات سی اس اسی به تصویر دهید و تار و تغییر رنگ و وضعیت دهید .
  5. نوع کادر دور / Border Type : اگر میخواهید دور تصویر خود کادر باشد از این گزینه استفاده کنید .
  6. سایه کادر / Box Shadow : دور تصویر را میتوانید سایه قرار دهید .

8 پاسخ

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

    1. سلام وقت بخیر
      این مشکل احتمالاً به دلیل استایل پیش‌فرض المنتور یا قالب شماست
      برای رفع آن:
      1. تصویر موردنظر را انتخاب کنید و در تنظیمات استایل المنتور گزینه‌های Border و Box Shadow را بررسی و روی صفر یا None تنظیم کنید.
      2. اگر مشکل همچنان باقی بود، می‌توانید از CSS سفارشی استفاده کنید:
      .elementor-widget img { border: none; box-shadow: none; }

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

    1. سلام خدمت شما
      برای رفع مشکل نمایش آیکون در المنتور، ابتدا مطمئن شوید که آیکون‌ها در تنظیمات ویجت مربوط به جلسات قبل و بعد به درستی انتخاب شده‌اند. سپس بررسی کنید که فونت‌آیکون‌ها مثل FontAwesome به درستی بارگذاری می‌شوند. برای این کار به تنظیمات المنتور در داشبورد وردپرس بروید و گزینه Load Font Awesome 4 Support را بررسی کنید. همچنین به‌روزرسانی المنتور و قالب می‌تواند کمک کند. اگر از کش یا CDN استفاده می‌کنید، کش را پاک کرده و دوباره امتحان کنید تا فایل‌های آیکون به درستی بارگذاری شوند.
      و همچنین میتوانید از آموزش رفع مشکل عدم نمایش آیکون Font Awesome کمک بگیرید

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

      1. سلام وقت بخیر
        چندتا مورد رو بررسی کنید:
        1. شاید تنظیمات Overlay (روکش رنگی) روی تصویر فعال باشه. در بخش استایل تصویر، گزینه Overlay رو بررسی و غیرفعال کنید.
        2. گاهی ممکنه توی تنظیمات پیشرفته تصویر، CSS خاصی مثل opacity یا blend mode تنظیم شده باشه که باعث تغییر رنگ تصویر می‌شه. به تنظیمات CSS Filters برید و مطمئن بشید همه موارد در حالت عادی هستن.
        3. کش المنتور یا سایت رو پاک کنید؛ گاهی کش باعث نمایش نادرست تصاویر می‌شه.

        اگر با این موارد درست نشد، احتمال داره مشکل از قالب یا یک افزونه باشه که روی تصاویر تاثیر می‌ذاره.

  3. سلام من یک قالب رایگان تهیه کردم که 3 تا عکس کنار هم که با المنتور هم درست شده داره….من میخوام این تصاویر رو تغییر بدم اما موقع تغییر هر یکاز این 3 عکس اندازه عکس ها از حالت یکدست بودن به هم میخوره …ممنون میشم بفرمایید مشکل من کجاست ؟

    1. سلام باید بگید چه قابلیه از بخش داخلی استفاده شده یا از کانتینر و … تا راهنمایی درستی انجام دهیم.

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

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