كيفية إضافة أحجام صور مخصصة إلى موضوع WordPress الخاص بك

السمة في WordPress عبارة عن مجموعة من القوالب وأوراق الأنماط المستخدمة لتحديد شكل وأسلوب موقع الويب. يمكن تثبيت السمات وتشغيلها على لوحة إدارة WordPress. واحدة من أكثر ميزات WordPress شيوعًا هي القدرة على إضافة أحجام صور مخصصة إلى قالبك. يتيح لك ذلك إنشاء صور مصغرة أو أحجام أخرى من الصور خاصة بموقعك على الويب. تعد إضافة أحجام صور مخصصة إلى سمة WordPress الخاصة بك عملية من خطوتين. أولاً ، تحتاج إلى إضافة حجم الصورة إلى ملف jobs.php الخاص بك. ثانيًا ، تحتاج إلى إضافة حجم الصورة إلى ملف CSS الخاص بك. في ملف functions.php الخاص بك ، تحتاج إلى إضافة الكود التالي: function my_custom_image_sizes () {add_image_size ('name-of-image-size'، width، height، crop)؛ } ستضيف هذه الوظيفة حجم الصورة المخصص إلى قالب WordPress الخاص بك. اسم حجم الصورة هو الاسم الذي تريد أن تعطيه لحجم صورتك. العرض والارتفاع أبعاد صورتك. معلمة الاقتصاص اختيارية وتستخدم لاقتصاص الصورة إلى الأبعاد المحددة. في ملف CSS الخاص بك ، تحتاج إلى إضافة الكود التالي: .name-of-image-size {width: widthpx؛ الارتفاع: ارتفاع بكسل ؛ } سيتأكد هذا الرمز من عرض حجم الصورة المخصص بشكل صحيح على موقع الويب الخاص بك. تعد إضافة أحجام صور مخصصة إلى سمة WordPress الخاصة بك طريقة رائعة لتحسين مظهر ومظهر موقع الويب الخاص بك. إنها عملية بسيطة لا تتطلب سوى خطوتين.

في هذا البرنامج التعليمي ، سنتعرف على كيفية إضافة أحجام الصور إلى سمة فرعية باستخدام سمة Olsen Light الشهيرة. يمكن أيضًا استخدام هذه الأنواع من المعلومات في المكونات الإضافية التي تعد جزءًا من سمة رئيسية. ستعرض الميزة القادمة أي صور تم تحميلها خصيصًا لمنشور ما مباشرة بعد أي محتوى آخر عند عرض منشور واحد. توفر إعادة الحجم مساحة القرص والنطاق الترددي عند مقارنتها بصورة واحدة يمكن تخزينها مؤقتًا بواسطة مستعرض المستخدم ولكن يتم عرضها عدة مرات. يقبل Add_image_size () ثلاثة معلمات: حجم الصورة ، والحد الأقصى لعرضها وارتفاعها ، وما إذا كانت بحاجة إلى اقتصاص أم لا. إذا كانت الصورة صحيحة ، فسيتم اقتصاصها ، وإذا كانت خاطئة ، فسيتم تصغيرها بالتناسب لتحقيق النسبة. في الصورة أعلاه ، نحدد الحجم الجديد على أنه "my_wide" ، بأبعاد 750 * 150 مع تمكين الاقتصاص.

نتحقق على الفور لمعرفة ما إذا كان هناك منشور واحد. يتم استخدام وظيفة get_attached_media () للحصول على كافة الصور المرفقة. تتضمن الفلاتر التي يمكن استخدامها "صورة" و "رجوع". إذا قمنا بترديد علاماتنا من داخل my_wide_images_after_the_content () فسوف تظهر أولاً ، لأن المحتوى $ ليس إجراءً. يمكن إجبار جميع الصور الموجودة في WordPress على تغيير أحجامها المتوسطة باستخدام المكون الإضافي AJAX Thumbnail Rebuild. ما عليك سوى الانتقال إلى قسم Dashboard * Tools * Rebuild Thumbnails لإعادة إنشاء كل الصور المصغرة مرة أخرى ، ثم حدد "My_wide".

هل يمكنك تغيير حجم الصور في WordPress؟

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

كيف يمكنني تحميل صورة محسنة في WordPress؟ يعاني موقع الويب الخاص بك من بطء أوقات التحميل نتيجة الصور الكبيرة الموجودة عليه. عندما يتم تقليل حجم ملف الصورة ، يتم استخدام مكون إضافي أو نص برمجي لتحسينه. بشكل عام ، من خلال قص الصور وضغطها ، يمكنك تقليل حجم الملف بنسبة 50٪ -75 من الحجم الأصلي. إذا كان لديك موقع أكبر ، فإنني أوصي بتنزيل نسخة احتياطية منه كملف a.zip. اختبر بعض الصور لترى مدى فهمك لها جيدًا قبل الالتزام بعلاقة طويلة الأمد.

كيفية تغيير صورة الرأس في ووردبريس

بعد أن تقرر حجمك ، انقر فوق "حفظ التغييرات" و "تحميل إلى WordPress".

كيف يمكنني تغيير عرض وارتفاع صورة مميزة في WordPress؟

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

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

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

حجم الصورة المخصص لـ WordPress لا يعمل

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

البرنامج المساعد لحجم الصورة المخصص لـ WordPress

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

يوضح مستند WordPress Image Sizes و How to Add Custom Sizes كيفية إضافة أحجام مخصصة إلى صورة WordPress. تتمثل مهمة WordPress في التأكد من حصول زوارك على أقصى استفادة من صورك من خلال أداء الكثير من الأعمال خلف الكواليس. إذا كنت تستخدم هذه العملية ، فيمكنك إضافة أحجام صور مخصصة لتوفير الوقت والمال عن طريق إعادة تغيير حجم الصور تلقائيًا. يتضمن جوهر WordPress الآن صورًا سريعة الاستجابة. باستخدام مرشح big_image_size_threshold الجديد ، يمكنك تغيير حجم الصورة إلى 2560 بكسل. سيتم استخدام عتبة أقصى ارتفاع و max-width ، مما يؤدي إلى تصغير الصورة - مع استخدام الارتفاع والعرض كمدخلات. عند استخدام دالة_post_thumbnail () ، سيكون الحجم هو الحجم الافتراضي لمربع 150 بكسل بدون وسيطة.

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

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

WordPress إضافة حجم الصورة العرض فقط

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

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

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

إضافة حجم الصورة على الإنترنت

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

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

أحجام صور WordPress متوسطة وكبيرة

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

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

أفضل أحجام للصور لـ WordPress

عندما تقوم بتحميل صورة إلى WordPress ، يكون لديك بعض الخيارات: * br. عرض الصورة هو حجم المساحة التي تظهر فيها. في هذه الحالة ، يتم ضبط عرض الصورة على وحدات البكسل. يُشار إلى ارتفاع الصورة على أنه ارتفاعها. في هذه الحالة ، يتم ضبط ارتفاع الصورة على وحدات البكسل. حجم الصورة يقاس بالبوصة. يتم تحديد حجم الصورة بالبايت باستخدام هذه الطريقة. يتم تحديد نوع ملف الصورة باستخدام خاصية نوع الملف. يجب ألا يزيد حجم الصور على WordPress عن 1048 × 250 بكسل. يجب أن تبلغ دقة الشاشة 1200 × 900 بكسل في الوضع الأفقي و 900 × 1200 بكسل في الوضع الرأسي. يجب استخدام الصور الملتقطة بدقة 1920 × 1080 في الخلفية. إذا كانت لديك صورة أصغر من 1500 بكسل عرضًا ، فمن المحتمل جدًا أن تكون ضبابية. يجب أن تكون قادرًا على حل هذه المشكلة عن طريق حذف 20 بكسل من Content Width in Appearance.