كيفية إنشاء أحجام صور إضافية في ووردبريس (نصائح سهلة)

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

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

لماذا تُعدّ أحجام الصور الإضافية مهمة؟

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

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

تجهيز موقعك الإلكتروني لأحجام صور إضافية

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

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

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

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

فيما يلي نسخة مبسطة لما يبدو عليه تسجيل حجم الصورة المخصص. الهدف هنا هو الوضوح، وليس التعقيد.

add_action('after_setup_theme', 'custom_image_sizes'); function custom_image_sizes() { add_image_size('custom-small', 300, 200, true); add_image_size('custom-medium', 600, 400, true); add_image_size('custom-large', 1200, 800, true); }

كل سطر يضيف حجماً جديداً:

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

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

كيفية تحميل هذه الأحجام الجديدة في قالبك

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

the_post_thumbnail('custom-medium');

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

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

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

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

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

استخدام إضافة لإعادة إنشاء الصور المصغرة

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

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

تحسين الصور لمحركات البحث

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

تقنيات التحسين الرئيسية

1. تسمية الملفات

استخدم أسماء ملفات وصفية قبل التحميل. على سبيل المثال:

modern-living-room-design.jpgأفضل بكثير منIMG_8273.jpg .

2. النص البديل

صف ما تُظهره الصورة باستخدام لغة وصفية بسيطة. يساعد النص البديل محركات البحث ويُحسّن إمكانية الوصول.

3. الأبعاد المناسبة

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

4. الضغط

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

5. Lazy Loading

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

استخدام WP Media Folder لمعالجة الصور بشكل أكثر ذكاءً

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

تشمل المزايا ما يلي:

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

تُعد هذه الإضافة مفيدة بشكل خاص عند توسيع نطاق موقعك أو إدارة مكتبات الوسائط الكبيرة.

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

ضع في اعتبارك إضافة أحجام جديدة عندما:

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

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

حسّن محتوى ووردبريس الخاص بك باستخدام تقنية إنشاء الصور المصغرة الذكية

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

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