دليل المبتدئين إلى أحجام صور ووردبريس (+ أفضل الممارسات)

اكتشف أساسيات تغيير حجم صور ووردبريس في هذا الدليل السهل المتابعة للمبتدئين. تعلم كيف يقوم ووردبريس تلقائيًا بإنشاء إصدارات الصور المصغرة والمتوسطة والكبيرة، ولماذا هذه الأحجام مهمة لمظهر موقعك وأدائه، وكيف يمكن لـ WP Media Folder مساعدتك في البقاء منظمًا.

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

نظرة عامة على أحجام الصور الافتراضية في ووردبريس

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

• صورة مصغرة: نسخة مربعة 150 × 150 بكسل. غالبًا ما تستخدم في قوائم معاينة المدونة ، وعناصر واجهة المستخدم ، والمعارض.
• متوسط: نسخة مصغرة بحيث يكون أطول جانب هو 300 بكسل. إذا كانت صورتك أطول مما هي عليه واسعة ، فقد تكون 300 عالية وعرض أصغر ، أو العكس صحيح.
• كبير: نسخة حيث يكون أطول جانب 1024 بكسل. جيد للصور المميزة بالعرض الكامل أو رؤوس مشاركات المدونة.
• كامل: الملف الدقيق الذي قمت برفعه، بدون تعديل.

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

لماذا يقوم ووردبريس بإنشاء هذه الأحجام تلقائيًا

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

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

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

إليك بعض حالات الاستخدام الشائعة لكل حجم افتراضي:

صور مصغرة

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

لهذا المثال، استخدمنا معرضًا تم إنشاؤه باستخدام WP Media folder.

متوسط

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

الحجم الكبير

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

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

كيفية تخصيص أبعاد الصورة لموضوعك

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

تغيير الأبعاد الافتراضية عبر شاشات المسؤول

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

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

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

ملاحظة مهمة: يجب عليك عدم تطبيق أي كود مخصص دون إنشاء نسخة احتياطية أولاً.

لتسجيل أحجام صور جديدة بخلاف الصورة المصغرة/متوسطة/كبيرة يمكنك إضافة كود في ملف functions.php للقالب الخاص بك أو في إضافة مخصصة. مثال:

add_image_size( 'custom-feature', 800, 600, true ); 

هذا يسجل حجمًا جديدًا باسم 'ميزة مخصصة'، بعرض 800 بكسل، وارتفاع 600 بكسل، والاقتصاص ممكن.

ثم يمكنك استدعاؤه في ملفات القالب الخاص بك:

the_post_thumbnail( 'ميزة مخصصة' ); 

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

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

أفضل الممارسات عند اختيار الأحجام المخصصة

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

إعادة إنشاء الصور المصغرة

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

ملخص أفضل الممارسات

• قم بتحميل صور بأحجام قريبة من الحد الأقصى لعرض العرض في القالب الخاص بك (مثلاً 1200 بكسل عرضًا). دع WordPress ينشئ أحجامًا أصغر.
• احتفظ بالأحجام الافتراضية عند 150 بكسل (صورة مصغرة)، 300 بكسل (متوسط)، و1024 بكسل (كبير)، ما لم يتطلب القالب الخاص بك قيمًا مختلفة. قم بالتغيير تحت الإعدادات > الوسائط.
• إضافة أحجام مخصصة عبر add_image_size() في كود ثيمك أو البرنامج المساعد لمساحات العرض الفريدة (مثلاً، لافتات البطل، الكتل المميزة).
• بعد ضبط الأحجام أو إضافة أحجام جديدة، قم بإعادة توليد الصور المصغرة حتى يقوم ووردبريس بإنشاء تلك الأحجام للملفات القديمة.
• استخدم القص عندما تكون نسبة العرض إلى الارتفاع متسقة مطلوبة، أو القياس التناسبي عندما تفضل الحفاظ على الأبعاد الأصلية.

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

الختام: إتقان أحجام صور ووردبريس لمواقع سريعة وجميلة

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

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