العديد من مالكي مدونات الووردبرس قد يروا أن الووردبرس لا يوفّر الأحجام المفضلة للصور، و أفضل طريقة لإضافة أحجام جديدة هو إضافة أسطُر للملف functions.php المتواجد داخل مجلّد القالب /wp-content/themes/THEME.

إذا كانت هذه أوّل مرة تسمعُ فيها عن هذا الملف أنصحُك بقراءة هاته المقالة : كيف يعمل قوالب الووردبرس ؟

قد يتبادر في ذهنك السؤال التالي : “لماذا لا نستخدم إضافة بدل العمل بالأكواد ؟

الإضافات للأسف تستهلك العديد من الموارد الخاصة بالسيرفر أو الإستضافة، و من تجربتي المتواضعة في الووردبرس، أبحث أولاً عن أكواد جاهزة و إن لم أجد أحاول برمجتها و إن لم أستطع عندها أمر للإضافات لأن الأكواد توفّر لك التحكم الكامل في طريقة عملها و ستجعلُك تتعلّم أمور جديدة لم تكُن تسمع عنها من قبل ;)

هيّا بنا !

كيفية إضافة أحجام صور ووردبرس جديدة !

1. التعديل على حجم متواجد من قبل

يأتي الووردبرس مع 3 أحجام إفتراضية و هي thumbnail، medium و large و تعني على التوالي : صورة المقال الصغيرة، الصورة المتوسطة و الصورة الكبيرة الحجم.

بإمكانك التعديل على حجم متوفّر مسبقاً على الووردبرس إمّا عن طريق لوحة التحكم :

size-images

بإمكانك أيضاً التعديل على القياسات عن طريق إضافة الكود التالي للملف functions.php.

set_post_thumbnail_size( 150, 110, true );

true تعني هنا تمكين خاصية التقطيع (cropping) للصور، و تُمكّن القالب من تقطيع الصور إن لم تتلائم مع الحجم الجديد و هذا سيضمن الحصول على الحجم الجديد بالضبط.

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

if(get_option("medium_crop")=="0")
add_option("medium_crop", "1");
else
update_option("medium_crop", "1");

إن كان قالبك لا يدعم الصور الخاصة بالمقالات أضف الكود التالي داخل نفس الملف functions.php.

add_theme_support( 'post-thumbnails' );

2. إضافة أحجام جديدة للووردبرس

لإضافة أحجام جديدة لمجتمع تقانة إستخدمنا دالتين، و هما كالتالي :

  • add_image_size() تُمكّن هذه الدالة من إضافة حجم جديد و نجد في المتغيّر الأول للدالة مُعرّف ID الحجم، في المتغيّر الثاني نجد العرض و في المتغيّر الثالث نجد الطول.
  • image_size_names_choose هذه الدالة ستمكنكُم من تحديد أسماء الحجوم التي ستظهر في رافع الملفات.

لقد تركتُ كل الأحجام كي تعرفوا إمكانيات الأسماء التي يمكنك اختيارُها =)

if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'size-square', 200, 200, true );
add_image_size( 'size-wide', 600, 210, true );
add_image_size( 'size-600', 600, 9999, false );
add_image_size( 'size-item', 300, 200, true );
add_image_size( 'size-127', 192, 128, true );
add_image_size( 'size-iteml', 520, 245, true );
}

add_filter('image_size_names_choose', 'my_image_sizes');
function my_image_sizes($sizes) {
$addsizes = array(
"size-square" => __( "مربع متوسط 200x200"),
"size-wide" => __( "مستطيل عريض 600x210"),
"size-600" => __( "عرض 600"),
"size-127" => __( "صغير 192x128"),
"size-item" => __( "مستطيل متوسط 300x200"),
"size-iteml" => __( "مستطيل كبير 520x245")
);
$newsizes = array_merge($sizes, $addsizes);
return $newsizes;
}

لنمر الآن لطريقة إضافة الصور بالأحجام الجديدة للمقالة…

3. كيفية إستخدام الأحجام الجديدة

بعد الضغط على “أضف ملفات وسائط” داخل محرر المقالات على الووردبرس، قُم باختيار صورة، على يسار الشاشة إبحث في “إعدادات عرض المرفق” عن حقل الحجوم، ستظهر لك الحجوم الجديدة، قُم باختيار الحجم المناسب و اضغط على زر الإضافة !

image sizes

مرحا !

لقد أضفت أحجام جديدة لموقعك، سأكون جد سعيد للإجابة على تساؤلاتك، فلا تتردد في طرحها ;)

سفيان – مجتمع تقانة





مقالات ذات صلة :


Profile photo of سفيان صبيري
29376

عن

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





التعليقات :

# Abdellatif قبل 3 سنوات
Profile photo of Abdellatif

مقتلة ممتازة =) شكرا و بالتوفيق ان شاء الله

# Abdellatif قبل 3 سنوات
Profile photo of Abdellatif

مقالة ممتازة =) شكرا و بالتوفيق ان شاء الله

# سفيان صبيري قبل 3 سنوات
Profile photo of سفيان صبيري

بارك الله فيك =)

# Aimane Airaj قبل 3 سنوات
Profile photo of Aimane Airaj

شكرا :D

# aimen tiba قبل 3 سنوات
Profile photo of aimen tiba

محترف ما شاء الله انت متقن للتدوين تماما ♥

# محمد صلاح الدين قبل 3 سنوات
Profile photo of محمد صلاح الدين

شكرا

# adnan kassaoui قبل سنتين
Profile photo of adnan kassaoui

مقالة ممتازة

كتابة تعليق :

xD oO ^_^ =] =) ;-( ;) :| :woot: :whistle: :sleep: :sick: :police: :p :o :ninja: :mm: :love: :lol: :kiss: :hmm: :evil: :bandit: :angel: :alien: :D :) :( 8)