ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

افزودن اندازه جدید به تصاویر در وردپرس

وردپرس , مقالات,آموزش,ترفند

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

 

در حال حاضر، زمانیکه تصویری را آپلود می کنید در اندازه های 150*150 و … هم بر روی هاست قرار می گیرد. اما حال می خواهیم تصویر در اندازه 50*50 هم روی هاست قرار بگیرد. براین این کار فایل Functions.php پوسته خود را باز کرده و کد زیر را درون قرار دهید:

add_image_size( 'wpschool-custom-size', 50, 50, true );

با قرار دادن کد بالا، به وردپرس می گوییم که تصاویر آپلود شده را در اندازه 50*50 هم بر روی هاست قرار بده.

 

حال می خواهیم تصویر در این اندازه را در صفحه فراخوانی کنیم. برای این کار می توانیم از کد زیر استفاده کنیم:

$image_url = wp_get_attachment_image_src($image_id,'wpschool-custom-size', true);
<img src="<?php echo $image_url[0]; ?>" alt="" class="post_thumb_small"/>

به همین راحتی

  • نکته: این تغییرات بر روی تصاویر جدیدی که آپلود می شوند اعمال خواهد شد.

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

function regenerate_all_attachment_sizes() {
    $args = array( 'post_type' => 'attachment', 'numberposts' => 20, 'post_status' => null, 'post_parent' => null, 'post_mime_type' => 'image' ); 
    $attachments = get_posts( $args );
    if ($attachments) {
        foreach ( $attachments as $post ) {
            $file = get_attached_file( $post->ID );
            wp_update_attachment_metadata( $post->ID, wp_generate_attachment_metadata( $post->ID, $file ) );
        }
    }       
}

کد بالا، تمامی اندازه های تصاویر آپلود شده را بروز می کند

توضیحات:

  • خط 2 تا 3: دریافت 20 عکس اول پیوست شده
  • خط 6: دریافت تصویر در اندازه کامل با فایل پیوست شده
  • خط7: بروزرسانی و تغییر مجدد اندازه تصاویر در اندازه های تعریف شده

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

موفق باشید

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=48727
کلمات کلیدی پست :
مطالب مرتبط
13,052نمایش خوراک آر اس اس در سایت تاریخ : 2013/11/24
12,640حل مشکل جاستیفای در وردپرس و justify کردن متن در گوتنبرگ تاریخ : 2019/08/14
9,851سازنده ی نوشته یا برگه در وردپرس با افزونه Quick Bulk Post/Page Creator تاریخ : 2017/05/18
12,524بهینه سازی افزونه فرم تماس 7 در وردپرس تاریخ : 2017/09/3
14,117دانلود پوسته زیبا Agriculture برای WooCommerce Wp Theme تاریخ : 2013/11/15
28,669افزونه ساخت تایم لاین در وردپرس Cool Timeline Pro نسخه 2.7 تاریخ : 2017/12/10
9,024UX چیست؟ خلق تجربه کاربری لذت بخش برای کاربر وبسایت شما تاریخ : 2020/03/14
8,240۴ تصور اشتباه در استفاده از تگ‌های Hreflang در سئو تاریخ : 2018/11/14
15,040نحوه نمایش نوار تبلیغاتی شناور در وردپرس تاریخ : 2017/09/9
11,290افزونه وردپرس نحوه دریافت بازخورد سریع از کاربران Article Feedback تاریخ : 2016/04/14
13,976بهینه سازی قالب وردپرس با افزونه WP Theme Optimizer تاریخ : 2017/05/20
26,528آموزش نمایش عکس و بنر تصادفی تاریخ : 2017/01/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب