جلسه سی و هفتم – تصویر

آیتم تصویر رو روی صفحه درگ میکنی و بعد از اون تغییرات لازم رو اعمال می کنی .

این المان خیلی پرکاربرد هست و تو سایت خیلی ازش استفاده میشه .

مورد اول اینکه شما یه تصویر وارد میکنی و میشه که افکت شناور بزاری روش که یک جا به جایی بهت می ده .

اگر افکت شناور رو روی محو شدن ساده قرار بدی یه تصویر دیگه ازت میخواد که انتخاب میکنی و هنگامی که روی تصویر میری عکس دوم رو مشاهده میکنی .

این قسمت برای زمانی استفاده میشه که شما میخوای یک نمای دیگه از پروژه هات یا محتوا رو نمایش بدی از این بخش استفاده میکنی .

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

اگر حالت سفارشی رو انتخاب کنی میتونی ( ارتفاع و عرض ) تصویر رو تغییر بدی .

موقعیت قرار گیری تصویر : میونی مشخص کنی تصویرت به صورت کامل ( بلوک ) نمایش داده بشه یا خیر .

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

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

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

بخش کپشن هست که شما میتونی برای این تصویر یک متنی رو بنویسی و معمولا کپشن تصویر ها پایین تصویر قرار می گیره .

اگه حالت شناور رو براش انتخاب کنی هرجایی که ماوس میره متن کپشن تصویر هم حرکت می کنه و به اون سمت میره .

افکت شیب درواقع یه شیبی رو به گوشه های تصویر میده و هر جایی که ماوس قرار بگیره اون بخش شیب دار میشه و همچنین میتونی تابش رو هم تعیین کنی .

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

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

استفاده درست از المان تصویر در وردپرس نه‌تنها ظاهر سایت رو زیباتر می‌کنه، بلکه اگه  تصاویر به‌درستی بهینه‌سازی بشن، می‌تونن تاثیر زیادی روی سئو سایت داشته باشه. فراموش نکن که حجم تصاویر باید متناسب باشه تا فشار زیادی به هاست نیاد و سرعت سایت پایین نیاد .