ما هو ال hook المستخدم لتطبيق بعض التأثيرات على صورة المنشور بعد تحميله في المتصفح

ما هي التأثيرات التي تريد وضعها على الصورة بعد التحميل؟ أو هل تريد وضع تأثيرات على الصورة عند عرض المنشور ؟ 

إذا كان ذلك يمكنك استخدام CSS  و تطبيق أي فلتر تريده على الصورة, يمكنك استخدام خاصية filter في css وتستخدم هذه الخاصية بهذا الشكل 

.img{
	filter: saturate(3);
}

هناك عدة فلاتر ومنها: 

• saturate(): تستخدم لضبط تشبع الصورة.
• brightness : تستخدم لضبط سطوع الصورة.
• contrast(%): تستخدم لضبط تباين الصورة.
• drop-shadow(h-shadow v-shadow blur spread color) : تستخدم لضبط الظل المسقط على الصورة.
• grayscale(%) تستخدم لتحويل الصورة إلى التدرج الرمادي.
• hue-rotate(deg): تستخدم لتطبيق تدوير على الصورة.
• invert(%): تستخدم لعكس العينات في الصورة.
• opacity(%): تستخدم لضبط مستوى التعتيم للصورة.
• sepia(%): تحول الصورة إلى بني داكن.
• blur(px): تستخدم لتطبيق تأثير التمويه على الصورة.

يمكن زيارة الرابط أسفل يوجد شروحات مميزة من المدربين.

بتاريخ 4 دقائق مضت قال بلال زيادة:

ما هي التأثيرات التي تريد وضعها على الصورة بعد التحميل؟ أو هل تريد وضع تأثيرات على الصورة عند عرض المنشور ؟ 

إذا كان ذلك يمكنك استخدام CSS  و تطبيق أي فلتر تريده على الصورة, يمكنك استخدام خاصية filter في css وتستخدم هذه الخاصية بهذا الشكل 

.img{
	filter: saturate(3);
}

هناك عدة فلاتر ومنها: 

• saturate(): تستخدم لضبط تشبع الصورة.
• brightness : تستخدم لضبط سطوع الصورة.
• contrast(%): تستخدم لضبط تباين الصورة.
• drop-shadow(h-shadow v-shadow blur spread color) : تستخدم لضبط الظل المسقط على الصورة.
• grayscale(%) تستخدم لتحويل الصورة إلى التدرج الرمادي.
• hue-rotate(deg): تستخدم لتطبيق تدوير على الصورة.
• invert(%): تستخدم لعكس العينات في الصورة.
• opacity(%): تستخدم لضبط مستوى التعتيم للصورة.
• sepia(%): تحول الصورة إلى بني داكن.
• blur(px): تستخدم لتطبيق تأثير التمويه على الصورة.

يمكن زيارة الرابط أسفل يوجد شروحات مميزة من المدربين.

 

شكرًا جزيلاً لك ولكن كيف يمكنني الوصول إلى الصورة المصغرة للمنشور أو إزالتها باستخدام الخطافات؟ لا CSS ...

بتاريخ 1 دقيقة مضت قال حسين محمد الباز:

شكرًا جزيلاً لك ولكن كيف يمكنني الوصول إلى الصورة المصغرة للمنشور أو إزالتها باستخدام الخطافات؟ لا CSS ...

يمكنك استخدام دالة delete_post_thumbnail أو 

function my_post_image_html( $html, $post_id, $post_image_id ) {
	if(is_single()) {
		return '';
	} else
	
	return $html;
}
add_filter( 'post_thumbnail_html', 'my_post_image_html', 10, 3 );