میهمان گرامی برای استفاده کامل از امکانات باید عضو شده و یا وارد انجمن شوید - اکانت فوری با دسترسی محدود » نام کاربری و رمزعبور: visitor



ریسپانسیو کردن عکسها در طراحی سایت وردپرس
زمان کنونی: 1396/8/29، 01:18 صبح
کاربران در حال بازدید این موضوع: 1 مهمان
نویسنده: signweb
آخرین ارسال: signweb
پاسخ 1
بازدید 27

رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
در ارزان طراحی وردپرس تهران فروشگاهی سئو عکسها سایت ریسپانسیو کردن

ریسپانسیو کردن عکسها در طراحی سایت وردپرس
#1
Star 

   برای مشاهده لینک باید عضو شوید یا وارد شوید




وردپرس به نظر ما یکی از بهترین گزینه هاست برای اینکه بخواهیم
   برای مشاهده لینک باید عضو شوید یا وارد شوید

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

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



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

وردپرسی خود را ریسپانسیو کنید اول باید به فایل function.php در پوشه  قالب ی که ساختید بروید و بعد از آن این تکه کد و تابع را در داخل آن وارد کنید شما باید تابع add_image_size را در فایل function.php فراخوانی کنید
add_image_size( 'sml_size', 300 );

add_image_size( 'mid_size', 600 );

add_image_size( 'lrg_size', 1200 );

add_image_size( 'sup_size', 2400 );


 
راه دوم : نصب  پلاگین ریسپانسیو کردن عکسها

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

راه اول اضافه کردن کد را پیشنهاد می کنیم از موضوع خارج نشویم شما برای اینکه عکسهای خود را در وردپرس ریسپانسیو کنید باید  پلاگین RICG Responsive Images را نصب کنید اگر دقت کرده باشید قبل از نصب  پلاگین کدی در ادیتور html  به شما می دهد اینجوری هست

<img class="aligncenter wp-image–176 size-full" src="http://signwebdesign.ir/wp-content/uploads/2017/05/img1.jpg" >

 ولی وقتی شما  پلاگین را نصب می کنید به این شکل در می آید <img class="aligncenter wp-image–137 size-full" src="http://signwebdesign.ir/2/wp-content/uploads/2017/05/onavo.jpg" srcset="http://signwebdesign.ir/2/wp-content/uploads/2017/05/onavo–169x300.jpg 169w,
   برای مشاهده لینک باید عضو شوید یا وارد شوید

576w,
   برای مشاهده لینک باید عضو شوید یا وارد شوید

300w, http://localhost/SebastianGreen/2017/wp_dev/wp-content/uploads/2017/05/onavo–600x1067.jpg 600w,
   برای مشاهده لینک باید عضو شوید یا وارد شوید

600w" alt="onavo" width="600" height="1067" sizes="(max-width: 600px) 100vw, 600px">
خوب تصاویر سایت وردپرسی شما ریسپانسیو شد به همین راحتی و
آسانی خیلی راحت نبود؟با نظرات خود ما را در جهت نوشتن مطالب بروز یاری دهید



پاسخ



موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  طراحی سایت با وردپرس در سایت کاپ sitecup 0 38 1396/7/6 - 09:01 عصر
آخرین ارسال: sitecup
Star ۴ گام برای اینکه امنیت طراحی سایت وردپرس خود را بالا ببرید signweb 0 66 1396/6/11 - 11:36 صبح
آخرین ارسال: signweb
  طراحی سایت با وردپرس sitecode 0 99 1396/5/23 - 08:31 عصر
آخرین ارسال: sitecode
Wink فرق بین طراحی سایت ریسپانسیو و فریم ورک amp signweb 0 141 1396/2/17 - 03:04 عصر
آخرین ارسال: signweb
  طراحی سایت با وردپرس sitecup 0 259 1395/12/25 - 01:50 صبح
آخرین ارسال: sitecup
  اهمیت ریسپانسیو کردن قالب wordpress sitecode 0 203 1395/9/30 - 04:58 عصر
آخرین ارسال: sitecode

پرش به انجمن:



کاربران در حال بازدید این موضوع:

1 مهمان