برچسب: آموزش افزونه

  • آموزش چگونگی بارگذاری عکس های تنبل

    آموزش چگونگی بارگذاری عکس های تنبل

    lazy loading به شما اجازه می دهد که وبسایت شما فقط تصاویر را بارگذاری کند در  زمانی که یک کاربر به تصویر خاصی حرکت کند. 

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

    شما با اینگونه عکس ها می توانید سرعت بارگذاری سایتتان را بالا ببرید و تمامی عکس ها را بدون تاخیر برای کاربران به نمایش بگذارید.

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

     

    strangeloopspeedstudy

     

     

    تمام اجزای سایت شما به هم مرتبط بوده به طوریکه اگر شما عکس های زیادی را بگذارید ، تاثیر آن بر کل سایت نمایان می شود و نتیجه آن دیر بازشدن سایت خواهد بود.

    یکی از کارهایی که شما می توانید انجام دهید بهینه کردن تصاویر خودتان است . شما برای اینکار می توانید از سرویس های CDN مانند MaxCDN بهره ببرید.

    وظیفه اینگونه سرویس ها این است که به شما اجازه می دهد سایت شما از نظر جغرافیایی پهناورتر شود و به تبع آن سرعت بارگذاری افزایش خواهد یافت .

     

    نحوه نصب lazy load images

    اولین کار برای داشتن lazy load image نصب و فعال سازی افزونه BJ lazy load است . 

     

    lazyloadsettings

     

    طبق تصویر بالا شما می توانید اینگونه عکس ها را برای نوشته ها ، برگه ها ، دیدگاه ها و فرم ها و…. فعال کنید.

     

    منبع : wpbeginner

     

  • آموزش ایجاد عکس های fallback

    آموزش ایجاد عکس های fallback

     

    fallback image چیست ؟

    بعضی اوقات شما قصد دارید که متن و عکس همراه با هم باشند و آنرا به صورتی نمایش دهید که ابتدا عکس باشد و با کلیک بر روی آن عکس، نوشته نمایش داده شود.

     

    fallback

    اگر مایل به ساخت چنین پست های زیبا و جذاب هستید با ما همراه شوید ……

    اولین و آسان ترین راه ، نصب و فعال سازی یک افزونه است و آن چیزی نیست جز default featured image 

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

    برای بارگذاری عکس مربوطه گزینه ، طبق تصویر زیر را تیک کنید.

     

    fallback

    روش دیگر 

    روش دیگر برای ساخت چنین نوشته هایی استفاده از کد است.

    ابتدا عکسی که قصد دارید بارگذاری شود را در ftp خود آپلود کنید.

    حال در مسیر تم ها به دنبال () post thumbnail باشید . و کد زیر را در  این  مسیر قرار دهید.

    کد:

    fallback

     

    توجه : عکس پیش فرض را با عکس خودتان جابجا کنید.

     

    fallback

    منبع : wpbeginner