هل تريد معرفة كيفية عرض الصور بالحجم الكامل في ووردبريس؟
يقوم أحدث إصدار من ووردبريس تلقائيًا بتغيير حجم الصور الكبيرة لتحسين الأداء. لكن في بعض الأحيان قد تحتاج إلى عرض صور ذات أبعاد أكبر.
في هذا البرنامج التعليمي ، سنشارك أربع طرق مختلفة لعرض الصور بالحجم الكامل على موقع ووردبريس الخاص بك.
كيفية عرض الصور بالحجم الكامل في ووردبريس
سمحت الإصدارات السابقة من ووردبريس للمستخدمين بتحميل الصور ذات الأبعاد الكبيرة جدًا.
ولكن ما حدث هو أن مبتدئين في ووردبريس كانوا يقومون بتحميل الصور التي كانت ببساطة كبيرة جدًا بالنسبة للويب الحديث. تؤدي الصور الكبيرة إلى بطء سرعة تحميل موقع الويب وضعف الأداء.
لإصلاح هذه المشكلة ، غيّر تحديث ووردبريس 5.3 كيفية تعامل ووردبريس مع الصور الكبيرة جدًا.
على سبيل المثال ، إذا قمت بتحميل صورة بأبعاد 5000 بكسل × 7000 بكسل ، فسيقوم ووردبريس بتغيير حجم الصورة إلى 2560 بكسل وقياس العرض لمطابقة الأبعاد الأصلية.
الآن ، عندما يزور المستخدم صفحة بها صورة كبيرة سابقًا ، سيرى النسخة المصغرة من تلك الصورة.
يؤدي هذا إلى تحسين أداء موقع الويب وزيادة سعادة المستخدمين بشكل عام.
هذه الميزة الجديدة مفيدة لمعظم مالكي مواقع ووردبريس ، ولكن قد يحتاج بعض المستخدمين إلى عرض صور بالحجم الكامل.
على سبيل المثال ، إذا كنت مصورًا فوتوغرافيًا أو فنانًا يبيع عملك ، فقد ترغب في عرض صور أكبر على موقع الويب الخاص بك ، حتى يتمكن الزوار من شرائها أو تنزيلها.
أو ، يمكنك تشغيل موقع ويب حيث يلزم وجود صور أكبر ، مثل موقع ويب للصور الفوتوغرافية أو موقع ويب يبيع مطبوعات وصور مخصصة.
ربما تحتاج إلى صورة واحدة كبيرة لصورة خلفية صفحتك الرئيسية أكبر من حدود 2560 بكسل؟
بغض النظر عن سبب رغبتك في الحصول على صورة بالحجم الكامل ، سنوضح لك كيفية القيام بذلك خطوة بخطوة.
هناك 4 طرق مختلفة يمكنك من خلالها عرض الصور بالحجم الكامل في ووردبريس.
تعمل بعض الطرق بشكل أفضل مع الصور الفردية ، بينما يكون البعض الآخر هو الأفضل لمكتبة الصور بأكملها.
سترغب في اختيار طريقة الصورة بالحجم الكامل المناسبة لأهدافك.
إذا كنت ترغب فقط في استخدام صورة واحدة أو صورتين كبيرتين على موقع الويب الخاص بك ، فمن المحتمل أن يكون هذا الحل هو الأفضل.
عندما تقوم بتحميل صورة إلى ووردبريس تتجاوز الأبعاد ، فإن ووردبريس سيقيس صورتك وينشئ صورة جديدة. لكن الصورة الأصلية لا تزال سليمة.
لعرض أبعاد الصورة الأصلية ، ستحتاج إلى حذف “-scaled” من نهاية عنوان URL لصورة ووردبريس وإدراج الصورة في موقعك باستخدام الرابط المعدل.
ما عليك سوى التوجه إلى مكتبة الوسائط الخاصة بك بالانتقال إلى Media »Library وتحديد صورتك الكبيرة.
مكتبة وسائط صور كبيرة
الآن ، حدد موقع “عنوان URL للملف” الخاص بك في مربع الصورة.
بعد ذلك ، سترغب في حذف “-scaled” من نهاية عنوان URL الخاص بالصورة.
احذف عنوان URL للصورة التي تم تغيير حجمها
بعد ذلك ، يمكنك نسخ عنوان URL للصورة وإدراج الصورة في موقع الويب الخاص بك.
لاحظ أنك ستحتاج إلى تضمين الصورة في موقعك باستخدام الارتباط ، مطروحًا منه الجزء الذي تم تحجيمه.
للقيام بذلك ، انتقل إلى منشور أو صفحة تريد إضافة الصورة إليها وانقر فوق رمز “+” لإضافة كتلة جديدة.
أدخل قالب صورة جديدًا لصورة كبيرة
ثم انقر فوق رمز “صورة” لإضافة كتلة صورة حيث يمكنك لصق عنوان URL الخاص بك.
انقر على “إدراج من عنوان URL” ، ثم الصق عنوان URL للصورة بالحجم الكامل في المربع واضغط على “إدخال”.
أضف عنوان URL للصورة غير المقاسة
بعد ذلك ، ستحتاج إلى النقر فوق “نشر” أو “تحديث” ، إذا كان المنشور موجودًا بالفعل ، وستكون صورتك بالحجم الكامل قابلة للعرض الآن على موقعك.
يمكنك اتباع هذه العملية نفسها لكل صورة بالحجم الكامل تريد إضافتها إلى موقعك. ولكن ، طالما أنك تستخدم عنوان URL للملف مطروحًا منه “تحجيم” ، فسيتم عرض صور ووردبريس بالحجم الكامل.
الطريقة الثانية هي استخدام مكون ووردبريس الإضافي لتعطيل تحجيم الصور عبر موقعك.
يُطلق على المكون الإضافي الذي نوصي به اسم Disable “BIG Image” Threshold. يقدم هذا المكون الإضافي أحد أسهل الحلول لعرض الصور الكبيرة على موقعك ، وهو مجاني تمامًا للاستخدام.
أولاً ، ستحتاج إلى تثبيت وتنشيط المكون الإضافي Disable “BIG Image” Threshold . لمزيد من التفاصيل حول تثبيت مكون إضافي ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بمجرد تثبيت وتفعيل المكون الإضافي على موقعك ، فإنه سيزيل تلقائيًا عتبة الصورة الكبيرة التي أضافها ووردبريس.
أنت حر في إضافة صور جديدة تمامًا كما كنت قبل تحديث صورة ووردبريس.
عندما يكون هذا البرنامج المساعد نشطًا ، فلن يضيف ووردبريس السمة “-scaled” إلى أي صورة.
خيار آخر هو إضافة مقتطف رمز إلى ووردبريس يحقق نفس الهدف مثل المكون الإضافي أعلاه.
إذا لم يعمل المكون الإضافي لسبب ما ، أو إذا كنت لا ترغب في تثبيت عدد كبير جدًا من المكونات الإضافية ، فيمكنك استخدام هذه الطريقة.
تستخدم ميزة تحجيم صورة ووردبريس الجديدة مرشحًا يسمى big_image_size_threshold.
ستحتاج إلى استخدام الرمز التالي لتعطيل هذه الوظيفة:
add_filter( 'big_image_size_threshold', '__return_false' );تحتاج إلى إضافة هذه الشفرة في ملف jobs.php الخاص بالقالب ، أو في ملحق خاص بالموقع ، أو باستخدام البرنامج المساعد Code snippets .
الخيار الأخير هو إضافة Lightbox صورة بالحجم الكامل إلى موقعك. مع هذا الحل ، ستحصل على أفضل ما في العالمين.
يمكنك تحميل صور مصغرة أصغر في محتوى مدونتك أو معرضك أو دائري ، وعند النقر عليها ، ستظهر مع صورتك بالحجم الكامل.
إظهار تأثير مربع تكبير الصورة بالحجم الكامل
للقيام بذلك ، نوصي باستخدام المكون الإضافي Envira Gallery . إنه أفضل مكون إضافي لمعرض صور ووردبريس في السوق ويتيح لك بسهولة إضافة تأثير صورة Lightbox المنبثقة.
أول شيء عليك القيام به هو تثبيت المكون الإضافي Envira Gallery . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بعد تثبيت البرنامج المساعد وتنشيطه ، راجع دليلنا خطوة بخطوة حول إنشاء معرض صور في ووردبريس باستخدام تأثير Lightbox.
ضع في اعتبارك أنه قبل تحميل الصور بالحجم الكامل لمعرض الصور الخاص بك ، ستحتاج إلى تعطيل تحجيم الصورة عبر المكون الإضافي أو أساليب السمة الفرعية أعلاه.
وإلا ، فإن صور العرض المبسط ستستخدم النسخة المصغرة من الصورة.
أخيرًا ، من المهم ملاحظة أنه إذا قمت بإضافة صور ذات أبعاد كبيرة ، فمن الضروري تحسينها للويب ، حتى لا تبطئ موقع الويب الخاص بك.
نأمل أن تساعدك هذه المقالة في عرض الصور بالحجم الكامل في ووردبريس. قد ترغب في الاطلاع على دليلنا حول تحسين الصور لـ SEO واختيار خبرائنا من 40 أداة مفيدة لإدارة وتنمية مدونتك .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
