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

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

تم تقديم هذه الوظيفة مع WordPress 2.9 وكانت تُعرف في الأصل باسم "مشاركة الصور المصغرة". تستخدم معظم سمات WordPress (بما في ذلك سماتنا الخاصة) الآن صورًا مميزة للعديد من الأغراض الأخرى مثل معارض الصور ، ومنزلقات الميزة وصور رأس الصفحة. على سبيل المثال ، في نسق Full Frame الخاص بنا ، تصبح الصورة المميزة هي صورة الخلفية للمنشور.

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

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

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

تغيير حجم الصورة المميزة في وظائف .php

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

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

هناك طريقتان مختلفتان لتغيير حجم صورة مميزة. لتغيير حجمها بشكل متناسب (أي لتجنب تمدد الصورة أو ضغطها) ، استخدم الكود التالي:

 set_post_thumbnail_size (50، 50) ؛ // 50 بكسل عرضًا × 50 بكسل طولًا ، وضع تغيير الحجم

يمكنك أيضًا اختيار تغيير حجم الصورة عن طريق اقتصاصها بهذا الكود:

 set_post_thumbnail_size (50، 50، true) ؛ // 50 بكسل عرضًا × 50 بكسل طولًا ، وضع الاقتصاص

هذا يحدد الحجم الافتراضي للصور المميزة.

إضافة أحجام صور إضافية

من الممكن أيضًا إضافة العديد من أحجام الصور الإضافية التي تحتاجها عن طريق إضافة سطر إضافي من التعليمات البرمجية لكل حجم صورة:

 add_image_size ('category-thumb'، 300، 9999) ؛ // 300 بكسل عرضًا (وارتفاع غير محدود)

يمكنك بعد ذلك استخدام هذا الحجم الجديد في قالب السمة الخاص بك مع الكود التالي:

 <؟ php the_post_thumbnail ('category-thumb') ؛ ؟>

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

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

إعادة بناء صورك المميزة

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

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

قم بإثبات تعديلاتك في المستقبل باستخدام سمة الطفل

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

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

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

لإنشاء سمة فرعية ، قم بالاتصال بموقعك عبر FTP وأنشئ مجلدًا جديدًا في / wp-content / theme / لموضوع الطفل الجديد. من الشائع تسمية المجلد بنفس الاسم الذي ترغب في تعديله ، مع إلحاق "-child" به. على سبيل المثال: "awesome-child" إذا كنت تصنع موضوعًا فرعيًا للموضوع Awesome.

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

 / *
اسم الموضوع: طفل رائع
عنوان URI للموضوع: http://example.com/awesome-child/
الوصف: موضوع طفل رهيبة
المؤلف: صحافة ورق الرسم البياني
عنوان URI للمؤلف: http://example.com
نموذج: رائع
الإصدار: 1.0.0
العلامات: فاتح ، داكن ، سريع الاستجابة ، تصميم سهل الوصول إليه
مجال النص: رائع-طفل
* /

import url ("../ awesome / style.css")؛

/ * = تخصيص الموضوع يبدأ هنا
-------------------------------------------------- ------------ * /

قم بتغيير اسم الموضوع والتفاصيل الأخرى حسب الاقتضاء.

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

يبدو نموذج وظائف .php كما يلي:

 <؟ php // فتح علامة PHP

// المهام

؟> // إغلاق علامة PHP

يمكنك بعد ذلك إضافة رمز تغيير حجم صورتك بين علامات PHP ، بحيث ينتهي بك الأمر بشيء مثل هذا:

 <؟ php // فتح علامة PHP

إذا (function_exists ('add_theme_support')) {
add_theme_support ("ما بعد الصور المصغرة") ؛
set_post_thumbnail_size (150، 150، true) ؛ // أبعاد المشاركة المصغرة الافتراضية (تم اقتصاصها)

// أحجام صور إضافية
// احذف السطر التالي إذا لم تكن بحاجة إلى أحجام صور إضافية
add_image_size ('category-thumb'، 300، 9999) ؛ // 300 بكسل عرضًا (وارتفاع غير محدود)
}

؟> // إغلاق علامة PHP

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

استمتع بصورك المميزة الجديدة التي تم تغيير حجمها

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