كيف أقوم بتحجيم صورة المقال في ووردبريس بحيث يظهر كامل الصورة في الصورة المصغرة؟

محب، كملاحظة مبدئية: التنسيق المذكور في سؤالك سؤدي إلى تغيير مقاسات جميع الصور الموجودة داخل موقعك، وذلك لأنك لم تحدد أي صورة تريد تغيير مقاساتها :

img {height: 200px; width: 300px;}

أي أن عليك تحديد تعيرف Id أو  كلاس class المُحددة للصورة -أو الصور- المراد تغيير مقاساتها.

على نظام إدارة المحتوى ووردبريس، وكأي نظام آخر يتحكم ملف التنسيق css في مقاسات وخصائص الوسوم الموجودة على ملف html.

يوفر ووردبريس إمكانية تحديد مقاس الصور قبل إدراجها في الموقع وذلك من خلال إضافة Media من خلال لوحة التحكم:

أيضا يمكن تحديد مقاس الصورة من خلال أربع مقاسات معيارية محددة مسبقا : 

• Thumbnail
• Medium
• Large
• Full Size

يمكنك استخراج اسم صورة واستعماله لتحديد تنسيقها الخاص بها فقط، من خلال لوحة التحكم عن طريق Advanced Image Settings:

واستخدام ملف التنسيق css لذلك:

aligncenter size-medium wp-image-65

.wp-image-65 {
width: 100px;
height: 150px;
box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
-moz-box-shadow: 0px 0px 20px #000000;
}

• Inserting Images into Posts and Pages
• 3 Ways To Style Specific Images in WordPress

تقصد أخي الصورة المصغرة التي تعرض مثلا في الصفحة الرئيسية بجانب كل مقال؟

هي بشكل افتراضي تكون عينة لكامل الصورة بأحجام صغيرة؟

أرجوا التوضيح

للأسف أخي، ليست هكذا في الموقع الذي أعمل عليه حاليا؟  هل هناك أي أكواد css معينة قد تساعدني في أداء هذه المهمة؟