[[structure-image-style-create]]
=== برپایی یک سبک تصویری

[role="summary"]
چگونگی افزودن یک سبک تصویری به منظور قالب‌بندی مجدد یک تصویر.

(((Image style,creating)))
(((Style,image)))
(((Effect,image)))
(((Image,resizing)))

==== هدف

افزودن یک سبک تصویری و استفاده از آن در صفحات فروشنده برای فیلد تصویر.

==== دانش پیشنیاز

* <<structure-fields>>
* <<structure-content-display>>
* <<structure-image-styles>>

==== پیشنیازهای سایت

* انوع محتوای فروشنده و محصول باید موجود باشند. <<structure-content-type>> را مشاهده کنید.

* فیلدهای تصویر اصلی در هر دو نوع محتوا باید موجود باشند. <<structure-fields>> را مشاهده کنید.

* گزینه‌های محتوایی برای هر دو نوع محتوا باید موجود باشند. <<structure-content-type>>، <<structure-fields>> و <<content-create>> را مشاهده کنید.

==== گام‌ها

. از منوی _مدیریت_ به مسیر _پیکربندی_ > _رسانه_ > _سبک‌های تصویری_ (_admin/config/media/image-styles_) بروید.

. روی _افزودن سبک تصویری_ کلیک کنید.

. نام _اندازه متوسط (۳۰۰x۳۰۰)_ را برای آن وارد کنید.

. روی _ایجاد سبک جدید_ کلیک کنید. صفحه _ویرایش سبک اندازه متوسط (۳۰۰x۳۰۰)_ نمایش می‌یابد.

. از جدول _تغییرات بصری_، گزینه _تغییر مقیاس و بریدن_ را انتخاب کنید. روی _افزودن_ کلیک کنید.

. فیلدها را با توجه به مقادیر زیر پر کنید.
+
[width="100%",frame="topbot",options="header"]
|================================
| نام فیلد | مقدار
| عرض | ۳۰۰
| ارتفاع | ۲۰۰
|================================

. روی _افزودن تغییر بصری_ کلیک کنید. سبک تصویری همراه با گزینه انتخاب شده ذخیره می‌گردد.
+
--
// Image style editing page, with effects added.
image:images/structure-image-style-create-add-style.png["افزودن یک سبک تصویری",width="100%"]
--

. از منوی _مدیریت_ به مسیر _ساختار_ > _انواع محتوا_ (_admin/structure/types_) بروید.

. از منوی کشویی _عملیات_ برای نوع محتوای فروشنده گزینه _مدیریت نمایش_ را انتخاب کنید. صفحه _مدیریت نمایش_ (_admin/structure/types/manage/vendor/display_) ظاهر می‌شود.

. اطمینان یابید که زبانه ثانویه _پیشفرض_ انتخاب شده باشد.

. روی چرخ‌دنده کنار _تصویر اصلی_ برای گزینه‌های پیکربندی کلیک کنید.

. فیلدها را با توجه به مقادیر زیر پر کنید.
+
[width="100%",frame="topbot",options="header"]
|================================
| نام فیلد | توضیحات | مقدار نمونه
| سبک تصویری | از چه سبک تصویری استفاده شود | اندازه متوسط (۳۰۰x۳۰۰)
| پیوند تصویر به | بازدید از این صفحه در صورت کلیک شدن تصویر | هیچ‌چیز
|================================
+
--
// Main image settings area of Vendor content type.
image:images/structure-image-style-create-manage-display.png["تغییر تنظیمات قالب‌دهنده فیلد تصویر"]
--

. روی _بروزرسانی_ کلیک کنید.

. روی _ذخیره‌سازی_ کلیک کنید. هنگام نمایش محتوای فروشنده از سبک تصویری جدید استفاده خواهد شد.

. یک گزینه محتوایی فروشنده را باز کنید و اطمینان یابید که به شیوه قبل نمایش نمی‌یابد. برای اطلاعات بیشتر در مورد یافتن گزینه‌های محتوایی، <<content-edit>> را مشاهده کنید.

. گام‌های ۸ تا ۱۵ را برای نوع محتوای محصول نیز تکرار کنید.

// ==== Expand your understanding

==== موضوعات مرتبط

* <<structure-fields>>
* <<structure-image-styles>>
* <<structure-image-responsive>>

==== منابع مطالعاتی

https://www.drupal.org/docs/8/core/modules/image/working-with-images[صفحه "کار با تصاویر در دروپال ۷ و ۸" در مستندات جامعه کاربری _Drupal.org_]

*مشارکت‌کنندگان*

اقتباس و ویرایش توسط https://www.drupal.org/u/batigolix[Boris Doesborg] و https://www.drupal.org/u/jojyja[Jojy Alphonso] در http://redcrackle.com[Red Crackle] از https://www.drupal.org/docs/8/core/modules/image/working-with-images[صفحه "کار با تصاویر در دروپال ۷ و ۸" در مستندات جامعه کاربری _Drupal.org_]

ترجمه توسط https://www.drupal.org/u/novid[Navid Emami]

کپی‌رایت ۲۰۱۷-۲۰۰۰ توسط مشارکت‌کنندگان انفرادی در  https://www.drupal.org/documentation[مستندات جامعه کاربری دروپال]
