كيفية تغيير حجم الصورة المصغرة في WordPress ولماذا تريد ذلك

نشرت: 2019-04-21

عندما تقوم بإعداد موقع ويب WordPress جديد ، يمنحك النظام الأساسي ثلاثة أحجام للصور لتلعب بها: الصورة المصغرة والمتوسطة والكبيرة (بالإضافة إلى الدقة الأصلية للملف). يمنحك هذا عددًا قويًا من الخيارات للعمل بها. ومع ذلك ، يمكن أن تكون الصور المصغرة على وجه الخصوص صعبة الاستخدام ، لأنك تحتاج إلى التأكد من أنها تبدو جيدة عبر جميع السمات والأجهزة.

لحسن الحظ ، لا يستغرق تغيير حجم الصور المصغرة في WordPress سوى دقيقة أو دقيقتين. أثناء تواجدك فيه ، يمكنك أيضًا إضافة أحجام صور افتراضية جديدة إلى موقع الويب الخاص بك ، لمزيد من الخيارات. في هذه المقالة ، سنعلمك كيفية القيام بالأمرين معًا ، لذا دعنا نبدأ العمل!

اشترك في قناتنا على اليوتيوب

كيفية تغيير حجم الصورة المصغرة في WordPress

يعد تغيير أحجام الصور المصغرة في WordPress أمرًا سهلاً للغاية. فيما يلي الخطوات التي ستحتاج إلى اتباعها ، والتي سنبحث فيها أكثر قريبًا:

  1. انتقل إلى لوحة معلومات WordPress الخاصة بك.
  2. انتقل إلى الإعدادات> علامة التبويب الوسائط .
  3. ابحث عن أحجام الصور> قسم حجم الصورة المصغرة .
  4. قم بتغيير العرض والارتفاع الافتراضيين للصور المصغرة بالبكسل.

هذا الى حد كبير ذلك. دعنا نلقي نظرة فاحصة على أحجام الصورة> قسم الصورة المصغرة ، ومع ذلك:

أحجام الصورة> قسم الصورة المصغرة.

كما ترى ، فإن أحجام الصور المصغرة الافتراضية تصنع صورة مربعة متناسبة. بدقة 150 × 150 بكسل ، إليك ما يجب أن تنظر إليه:

مثال على الحجم المصغر الافتراضي.

تستخدم هذه الصورة ما يسمى بـ "القص الصلب" ، حيث قمنا بتمكين إعداد " اقتصاص الصورة المصغرة" للأبعاد الدقيقة . ما يعنيه هذا هو أن WordPress سيأخذ الحجم المصغر الذي قمت بتعيينه ، "يملأ" المنطقة بالصورة التي تستخدمها ، ويترك بقية الصورة مغلقة. من ناحية أخرى ، فإن "الاقتصاص الناعم" هو تغيير الحجم الذي يؤدي إلى تقليص صورك مع الاحتفاظ بنسبها.

في الوقت الحالي ، امض قدمًا واختر حجم الصورة المصغرة الافتراضي الجديد. بعد ذلك ، تذكر حفظ التغييرات على إعداداتك.

بمجرد تعيين حجم مصغر افتراضي جديد ، سيستخدمه WordPress لجميع الصور التي تقوم بتحميلها من تلك اللحظة فصاعدًا. ومع ذلك ، ماذا لو كان لديك بالفعل مكتبة وسائط كبيرة تستخدم أحجام صور مصغرة أخرى؟

بدلاً من إعادة تحميل تلك الصور ، يمكنك ببساطة "تغيير حجمها". أفضل أداة لهذه الوظيفة هي AJAX Thumbnail Rebuild plugin:

المكوّن الإضافي AJAX Thumbnail Rebuild الإضافي.

ما يفعله هذا المكون الإضافي هو أخذ جميع الصور المصغرة الموجودة لديك وتغيير حجمها ، واحدة تلو الأخرى. كما أنه يعمل على أحجام الصور الأخرى التي يستخدمها WordPress ، مثل Medium و Large وما إلى ذلك. هذا يعني أنه يمكنك استخدامه حتى إذا قمت بتغيير أي من هذه الأبعاد الافتراضية (والتي سنبين لك كيفية القيام بها لاحقًا).

للبدء ، قم بتثبيت البرنامج المساعد وتنشيطه. بمجرد القيام بذلك ، انتقل إلى علامة التبويب الإعدادات> إعادة إنشاء الصورة المصغرة واختر الصور التي تريد تغيير حجمها ، ثم انقر فوق الزر إعادة إنشاء كل الصور المصغرة :

إعدادات الصورة المصغرة لـ WordPress.

قد تستغرق العملية بعض الوقت ، اعتمادًا على عدد الصور التي تحتوي عليها مكتبة الوسائط الخاصة بك. لذا كن صبورًا ، ولا تغلق علامة التبويب حتى تظهر رسالة تم .

لماذا قد تحتاج إلى تغيير حجم مصغر WordPress الخاص بك

في هذه المرحلة ، قمنا بالفعل بتغطية كيفية تغيير حجم الصورة المصغرة الخاصة بك ، لكننا لم نناقش السبب حتى الآن. يمكن أن يعمل الحجم المصغر الافتراضي لـ WordPress البالغ 150 × 150 بكسل بشكل جيد لبعض المستخدمين ، ولكن لا توجد دقة صورة واحدة مناسبة لجميع أنواع التصميمات.

قد ترغب في الحصول على صور مصغرة أكبر تعرض مزيدًا من التفاصيل ، على سبيل المثال. هذا مهم بشكل خاص إذا كنت تدير متجرًا للتجارة الإلكترونية. أو قد ترغب في استخدام شكل مستطيل أكثر ، خاصة عندما يتعلق الأمر بالصور المميزة لمدونة أو موقع إخباري.

إذا كنت تعيد تصميم موقع الويب الخاص بك أو تجرب سمة جديدة ، فمن الجيد أيضًا قضاء بعض الوقت في تجربة أحجام الصور ، حتى تتمكن من معرفة ما هو الأفضل مع النمط الجديد. بالإضافة إلى ذلك ، فإن العملية بسيطة للغاية بحيث لا تكاد تستغرق بضع دقائق ، ولا تؤثر على مكتبة الوسائط الموجودة لديك إلا إذا قمت بتثبيت المكون الإضافي الإضافي الذي قدمناه أعلاه.

ماذا لو كنت تريد إضافة أحجام صور مخصصة إلى WordPress؟

عندما تقوم بتحميل صورة إلى WordPress ، فإن النظام الأساسي يعمل بعض السحر في الخلفية لتغيير حجم تلك الصورة إلى أبعاد متعددة يمكنك استخدامها. كما ذكرنا سابقًا ، يتضمن هذا الصور المصغرة والصور المتوسطة والكبيرة. يمكن أن يؤدي وجود أحجام متعددة للصورة نفسها إلى تسهيل حياتك ، من خلال تمكينك من اختيار الخيار الأنسب لاحتياجاتك.

يمكنك تغيير أحجام الصور الافتراضية هذه باستخدام نفس العملية التي وصفناها أعلاه. ومع ذلك ، يمكنك أيضًا إضافة أحجام افتراضية جديدة إلى موقعك. يمكن أن يكون هذا خيارًا مفيدًا جدًا. يمكنك إعداد أحجام محددة لجميع أنواع الصور المختلفة عبر موقعك ، وتجنب الاضطرار إلى تغيير حجم كل صورة جديدة يدويًا.

لإضافة أحجام الصور الافتراضية الجديدة إلى وورد، وسوف تحتاج إلى تحرير ملف functions.php موضوع الخاص بك. هذا يعني أنك سترغب في الاتصال بموقعك باستخدام عميل بروتوكول نقل الملفات (FTP) مثل FileZilla ، ثم انتقل إلى المجلد الجذر لموقعك.

بمجرد وصولك إلى هناك ، افتح دليل wp-content / theme وابحث عن المجلد الذي يشارك اسم السمة الخاصة بك:

دليل wp-content / theme.

يجب أن تجد ملف functions.php داخل هذا المجلد. بمجرد القيام بذلك ، انقر بزر الماوس الأيمن فوقه واضغط على خيار عرض / تحرير . سيؤدي هذا إلى فتح الملف باستخدام محرر النصوص المحلي ، حتى تتمكن من إجراء تغييرات عليه:

ملف jobs.php.

كن حذرًا جدًا عند إجراء أي تغييرات على ملف function.php الخاص بقالبك ، ولا تغير أيًا من محتوياته الحالية. بدلاً من ذلك ، سترغب في إضافة مقتطف جديد من التعليمات البرمجية في الجزء السفلي:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

توضح التعليقات الموجودة في هذا الكود كيف يعمل بشكل جيد. أولاً ، يخبر WordPress أنك تريد إضافة أحجام صور جديدة إلى قالبك. ثم يقوم بإنشاء خيار افتراضي جديد ، ويسجله بحيث يظهر داخل المحرر في المرة التالية التي تفتحه فيها.

دعنا نلقي نظرة فاحصة على الافتراضي الجديد الذي سجلناه:

add_image_size( 'post-image', 660 );

عند إضافة أحجام صور مخصصة جديدة ، يمكنك تعيين العرض والارتفاع. في مثالنا ، قمنا فقط بتعيين العرض ، وهو دائمًا القيمة الأولى. هذا يعني أن WordPress سيغير حجم الصور إلى العرض الذي نريده والارتفاع النسبي.

إذا كنت ترغب في إضافة ارتفاع معين أيضًا ، فسيبدو خطك كما يلي:

add_image_size( 'post-image', 660, 480 );

لا تتردد في إضافة أي أحجام مخصصة تريدها ، باستخدام خط جديد لكل منها. ثم احفظ التغييرات التي تم إجراؤها على ملف functions.php ، وستظهر الخيارات الجديدة في محرر WordPress الخاص بك.

استنتاج

أحد أفضل أجزاء استخدام WordPress هو قابليته للتخصيص. لا يوجد جانب في المنصة - كبير أو صغير - لا يمكنك تغييره. ينطبق هذا أيضًا على حجم الصورة المصغرة لـ WordPress ، وخيارات الصور الافتراضية المختلفة الأخرى.

إذا كنت تريد تغيير الحجم الافتراضي لصورة WordPress ، فيمكنك القيام بذلك في أربع خطوات سريعة:

  1. انتقل إلى لوحة معلومات WordPress الخاصة بك.
  2. انتقل إلى الإعدادات> علامة التبويب الوسائط .
  3. ابحث عن أحجام الصور> قسم حجم الصورة المصغرة .
  4. قم بتغيير العرض والارتفاع الافتراضيين للصور المصغرة بالبكسل.

هل لديك أي أسئلة حول أحجام صور WordPress؟ دعنا نتحدث عنها في قسم التعليقات أدناه!

الصورة المصغرة للمادة من ConceptVectorDesign / shutterstock.com