الدليل الكامل للصور المصغرة المميزة وأحجام الصور في WordPress

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

اقرأ كل ما تحتاج لمعرفته حول أحجام الصور في WordPress وإدارة الصور المميزة.

تحرير PHP في ملفات WordPress

يحتوي هذا المنشور على كود PHP لـ WordPress. قد ترغب في قراءة دورة PHP المجانية قبل محاولة إجراء أي تعديلات على السمة الخاصة بك.

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

https://en-gb.wordpress.org/plugins/my-custom-functions/

أساسيات حجم الصورة في ووردبريس

في لوحة تحكم مسؤول WordPress ، من المحتمل أنك تعرف بالفعل إعدادات > نصف.

إذا رفضت طلب صداقة على facebook ، فهل يمكنهم إضافتك مرة أخرى

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

عند تمكين الاقتصاص ، سيتم تحجيم الصور وتوسيطها ، ثم يتم تجاهل أي شيء غير مناسب.

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

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

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

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

افتح دليل السمة وابحث عن ملف وظائف ملف. أضف ال الكود التالي ، واحد لكل حجم صورة تريد تحديده:

add_image_size( 'my-thumbnail', 400, 200, true);

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

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

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

لا يمكنك إنشاء حجم صورة مخصص وتحديد أنه يجب استخدامه فقط لصورك المميزة.

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

بالنسبة للمواقع الأصغر ، فإن منظف الوسائط قد يساعدك البرنامج المساعد ، ولكن عليك دائمًا تشغيل نسخة احتياطية كاملة أولاً.

https://wordpress.org/plugins/media-cleaner/#description

أحجام الصور المخصصة للاستخدام في محتوى المنشور

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

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

function image_sizes_to_mediapicker( $default_sizes ) {  
 return array_merge( $default_sizes, array(  
 'my-thumbnail' => __( 'My Thumbail Size' ),  
 ) );  
}  
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

يعمل هذا عن طريق تصفية قائمة منتقي الوسائط. نقوم بدمج مصفوفة قائمة الحجم الأصلي مع أي أحجام جديدة نريد إدراجها أيضًا. قم بتغيير 'my-thumbnail' و 'My Thumbnail Size' إلى الحجم المخصص ، والاسم المألوف الذي يمكن قراءته والذي تريده مدرجًا به.

خيارات الصور المميزة في ووردبريس

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

لكل حجم قمت بتحديده ، سيتم تكرار أي صورة يتم تحميلها وتغيير حجمها ، بما في ذلك الصورة المميزة.

كيفية فحص جهاز iPhone بحثًا عن الفيروسات أو البرامج الضارة

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

قد يكون عدم وجود دعم لشيء أساسي مثل الصور المميزة مؤشراً على رمز قديم في مكان آخر.

add_theme_support('post-thumbnails');

لاستخدام الصورة المميزة في المظهر الخاص بك أو المكونات الإضافية ، استخدم the_post_thumbnail () وظيفة لإخراج علامة الصورة:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

تأخذ الوظيفة معلمتين: الحجم المسمى الذي تبحث عنه (في هذه الحالة 'my-thumbnail') ، وأي سمات تريد تمريرها ، مثل فئة CSS مخصصة.

إذا كنت تفضل الحصول على عنوان URL الفعلي للصورة المميزة بدلاً من الحصول على HTML المطلوب أيضًا ، فجرّب هذا بدلاً من ذلك (الحصول على حجم الصورة المتوسط في هذا المثال):

وحدة تحكم ps4 على جهاز الكمبيوتر لا تعمل

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');  
echo $thumbnail[0];

تجديد صور WordPress المصغرة

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

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

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

هناك بعض القيود والمزالق التي يجب أن تعرفها بالرغم من ذلك.

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

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

الآن سيكون وقتًا رائعًا لتعلم أيضًا الفرق بين JPG و PNG حتى تعرف استخدام التنسيق الأمثل في المستقبل.

خذ موقع WordPress الخاص بك إلى المستوى التالي

هل تريد تعديل سمة WordPress الخاصة بك؟ يتم تحديد استخدام السمات الخاصة بك للصور والألوان وتحديد مواضع العناصر بشكل أساسي بواسطة CSS و HTML ، لذلك نوصي بمراجعة هذه البرامج التعليمية خطوة بخطوة لتعلم CSS و HTML.

وإذا كنت مهتمًا بالسمات ، فقم بإلقاء نظرة على سمات WordPress الرائعة هذه لمحفظة التصوير الفوتوغرافي.

هل يتعطل موقع WordPress الخاص بك كثيرًا؟ هل ندفع الثمن غاليا؟ قم بالتبديل إلى خدمة استضافة معروفة مثل InMotion Hosting (خصم MakeUseOf الخاص مع هذا الرابط ) أو Bluehost (خصم MakeUseOf الخاص مع هذا الرابط ).

يشارك يشارك سقسقة بريد الالكتروني إليك سبب إصدار مكتب التحقيقات الفيدرالي تحذيرًا بشأن Hive Ransomware

أصدر مكتب التحقيقات الفدرالي (FBI) تحذيرًا بشأن سلالة سيئة للغاية من برامج الفدية الضارة. إليك سبب حاجتك إلى توخي الحذر بشكل خاص من Hive ransomware.

اقرأ التالي مواضيع ذات صلة

برمجة
وورد

نبذة عن الكاتب جيمس بروس(تم نشر 707 مقالات)

جيمس حاصل على درجة البكالوريوس في الذكاء الاصطناعي وهو معتمد من CompTIA A + و Network +. عندما لا يكون مشغولاً كمحرر مراجعات الأجهزة ، فإنه يستمتع بألعاب LEGO و VR وألعاب الطاولة. قبل انضمامه إلى MakeUseOf ، كان فني إضاءة ومدرس لغة إنجليزية ومهندس مركز بيانات.

المزيد من James Bruce

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك