السلام عليكم و رحمة الله و بركاته،
إذا كنت من أصحاب المدونات، فأنت بلا شك ستحتاج إلى استخدام بعض الصور من حين لآخر، لكن في بعض الأحيان قد نضطر إلى استخدام صور ذات حجم كبير، يتجاوز حجمها الحجم الفعلي للمدونة، خصوصا من حيث العرض (مثلا عرض المدونة 600 بيكسل، و عرض الصورة 800 بيكسل)، و بالتالي فإن إدراج مثل هذه الصور بالتدوينات، سيؤدي لا محالة إلى تشويه شكل التدوينة، الأمر الذي قد يكون محل إزعاج للزائر، من حيث صعوبة و أريحية التصفح.
لذا و لتجاوز هذا المشكل، سأقوم في هذا الدرس، بشرح كيفية تحديد حجم معين للصور داخل التدوينة، حتى و لو تجاوز حجمها 10000 بيكسل.
الأمر في غاية البساطة، كل ما عليك هو إضافة كود التنسيق التالي بملف التنسيق style.css :
لا تنسى تغيير الوسم content. باسم الوسم الخاص بمحتوى الموضوع، و الذي غالبا ما يكون داخل الملف single.php، و لا تنسى أيضا تغيير قيمة max-width، إلى قيمة العرض التي تناسبك. بالتوفيق للجميع.
المصدر الأصلي : http://www.deltaclic.com/2013/04/limit-size-image-wordpress/
إذا كنت من أصحاب المدونات، فأنت بلا شك ستحتاج إلى استخدام بعض الصور من حين لآخر، لكن في بعض الأحيان قد نضطر إلى استخدام صور ذات حجم كبير، يتجاوز حجمها الحجم الفعلي للمدونة، خصوصا من حيث العرض (مثلا عرض المدونة 600 بيكسل، و عرض الصورة 800 بيكسل)، و بالتالي فإن إدراج مثل هذه الصور بالتدوينات، سيؤدي لا محالة إلى تشويه شكل التدوينة، الأمر الذي قد يكون محل إزعاج للزائر، من حيث صعوبة و أريحية التصفح.
لذا و لتجاوز هذا المشكل، سأقوم في هذا الدرس، بشرح كيفية تحديد حجم معين للصور داخل التدوينة، حتى و لو تجاوز حجمها 10000 بيكسل.
الأمر في غاية البساطة، كل ما عليك هو إضافة كود التنسيق التالي بملف التنسيق style.css :
PHP:
.content img {
max-width: 500px; /* قم بتغيير هذه القيمة حسب مايناسبك*/
height: auto;
}لا تنسى تغيير الوسم content. باسم الوسم الخاص بمحتوى الموضوع، و الذي غالبا ما يكون داخل الملف single.php، و لا تنسى أيضا تغيير قيمة max-width، إلى قيمة العرض التي تناسبك. بالتوفيق للجميع.
المصدر الأصلي : http://www.deltaclic.com/2013/04/limit-size-image-wordpress/