قالب‌های Wireframe

YouTube ↗

Wireframe چیست

Wireframe ها layout های از پیش ساخته‌شده‌ای هستند که به شما اجازه می‌دهند template ها و صفحات خود را سریع و بدون دردسر بسازید.

تمرکز آن‌ها روی structure، layout و functionality است. آن‌ها حاوی حداقل styling هستند، از placeholder text استفاده می‌کنند و تنها ساختار کلی یک ناحیه خاص در وب‌سایت شما مثل یک section، grid یا card را نشان می‌دهند.

یک مرور کلی از تمام wireframe template های موجود داشته باشید: https://templates.bricksbuilder.io/wireframes/

اصلاً برای ساخت صفحات جدید طراحی شده‌اند، اما می‌توان در وب‌سایت‌های موجود هم استفاده کرد.

Wireframe های Bricks بر پایه class و variable هستند تا تا حد ممکن flexible، قابل نگهداری و توسعه‌پذیر باشند.

به عبارت دیگر، اکثر آن‌ها style روی element ID ندارند (ببینید Styling: Classes, IDs and CSS variables)، اما تقریباً هر المانی یک class دارد.

اگر قبلاً با class یا variable کار نکرده‌اید، دوره‌ها و مقالات رایگان زیر را توصیه می‌کنیم:

• https://www.youtube.com/watch?v=NtRmIp4eMjs
• https://www.youtube.com/playlist?list=PL4-IK0AVhVjOT2KBB5TSbD77OmfHvtqUi
• https://css-tricks.com/a-complete-guide-to-custom-properties/

• https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

• /builder/styling/global-class-manager/

• /builder/styling/global-variables-manager/

پیش‌نیازها

لطفاً تنظیمات لازم را برای استفاده کامل از wireframe ها فعال کنید.

تنظیمات الزامی

Bricks > Settings > General:

1. SVG Uploads (Administrator) باید فعال باشد
2. Class Manager و Variable Manager غیرفعال نشده باشند

تنظیمات اختیاری

Bricks > Settings > Performance:

1. Disable chaining element & global class

Bricks > Settings > WooCommerce:

1. Miscellaneous: Enable Bricks WooCommerce "Notice" element
2. Products: Set Product badge "Sale" to percentage or text
3. Ajax Add to cart: Enable AJAX add to cart

انواع wireframe

به‌طور پیش‌فرض، wireframe template ها از طریق Template bundle، Template type و Template tags سازماندهی می‌شوند.

از این فیلترها برای یافتن سریع wireframe template مناسب استفاده کنید.

Template bundles

Template bundle ها template ها را بر اساس theme/topic دسته‌بندی می‌کنند.

bundle Blog برای مثال شامل Article/Post layout ها به همراه Article Card ها، Article Section ها و Article Grid های جداگانه است. به‌همین شکل، bundle FAQs شامل accordion های (FAQ) جداگانه و FAQ section ها است.

Bundle
404
Avatars
Blog
Contact
Content
CTAs
FAQs
Features
…

Template Types

یک template type به هر wireframe template اختصاص داده می‌شود. template type ها با WordPress Template Hierarchy قابل مقایسه هستند و به وردپرس اطلاع می‌دهند چه نوع template ای است (مثلاً یک single template برای single post ها، یک archive، یک WooCommerce cart و ...).

با استفاده از Template Conditions، می‌توانید به‌دقت مشخص کنید کجا و چه موقع یک template نمایش داده شود (به‌جز «Section templates»).

Type
Header
Footer
Single
Section
Archive
Popup
WooCommerce - Single Product
WooCommerce - Account - Orders
…

اطلاعات بیشتر: /builder/features/an-intro-to-templates/#template-types

Template Tags

Template tag ها template ها را بر اساس عملکردشان سازماندهی می‌کنند.

Tag	توضیح Tag
Single	یک المان تکی یا گروه کوچکی از المان‌ها، مثل یک custom list، feature card، image/media group ها، فرم‌ها، intro ها و غیره که می‌توان در هر جایی استفاده کرد.
Grid	یک layout grid، معمولاً با CSS grid یا flexbox، که single template ها مثل feature card ها را گروه‌بندی می‌کند.
Section	یک section معمولاً شامل یک یا چند grid template یا layout های جداگانه است.
Template	یک template کاملاً کارکردی (به template type ها مراجعه کنید) مثل single post/product، archive، header، footer، 404، …
Popup	یک popup layout، به‌لحاظ فنی یک template هم هست، اما tag جداگانه‌ای دارد تا یافتنش آسان‌تر باشد.

ساختار و layout template

اکثر Wireframe template های Bricks ساختاری modular دارند، یعنی چندین template در یک template ترکیب می‌شوند. تصور کنید یک section که شامل یک grid با card های مختلف است. این در مجموع سه template ایجاد می‌کند:

1. یک card template (tag "Single")
2. یک grid template (tag "Grid")، که card ها را در خود دارد
3. section template (tag "Section")، که grid template شامل card ها را دربر دارد

هر یک از این template ها به‌عنوان یک template جداگانه در دسترس است.

برای مثال، می‌توانید card را در یک context متفاوت استفاده کنید یا grid template با card ها را در یک section متفاوت قرار دهید («mix and match»).

مثال: «Feature Section 01»

«Feature Section 01» در مجموع شامل سه template است:

1. Intro 01 (template tag "Single")
2. Feature Grid 01 (template tag "Grid")
3. Feature Card 01 (template tag "Single")

در این مورد، تمام template ها index یکسانی دارند (01) چون در همان context ساخته شده‌اند. ممکن است template هایی با index های متفاوت یا بدون index هم ببینید، که کاملاً طبیعی است و تأثیری بر نحوه استفاده از آن‌ها ندارد.

مثال: «Feature Section 04»

اگر «Feature Section 04» را با دقت بیشتری بررسی کنیم، می‌بینیم که بلوک «Content Wrapper» هیچ index ندارد - در حالی که «Media Group 04» دارد.

این بدان معناست که content wrapper فقط برای این template (Feature Section 04) اعمال می‌شود و به‌عنوان یک template جداگانه وجود ندارد. از طرف دیگر، «Media Group 04» به‌عنوان یک template جداگانه وجود دارد و بنابراین می‌تواند در جاهای مختلف هم استفاده شود.

چه زمانی از section template استفاده کنم و چه زمانی از grid؟

هر صفحه وب‌سایت شما باید به section ها تقسیم شود.

Section ها به‌لحاظ معنایی یک موضوع جدید را نشان می‌دهند. برای مثال، صفحه اصلی شما می‌تواند شامل section های زیر باشد: Hero Section، Feature Section، About Us Section و یک CTA یا Contact Section.

مطمئن شوید section ها را داخل section ها قرار ندهید.

Grid template ها داخل section ها قرار می‌گیرند. اگر از نظر موضوعی به هم مرتبط باشند، می‌توانید چندین grid را در یک section قرار دهید.

یک مثال منفی این است که یک blog post grid و یک product grid به همان section اضافه کنید. هر دو grid باید در یک section جداگانه قرار داده شوند چون از نظر معنایی با هم منطقی نیستند.

آیا می‌توانم template ها را سفارشی کنم و المان‌های اضافی اضافه یا المان‌های غیرضروری را حذف کنم؟

البته، می‌توانید template ها را سفارشی کنید و المان‌هایی که نیاز ندارید را اضافه یا حذف کنید.

بهترین کار این است که template سفارشی‌شده را در custom template های خود ذخیره کنید تا بتوانید از آن دوباره استفاده کنید. اگر دوباره template را از community templates import کنید، تغییرات structural که ایجاد کرده‌اید را نخواهد داشت. اما تغییرات در class یا variable های import شده در کل سایت باقی می‌مانند مگر اینکه آن‌ها را حذف کنید یا با re-import کردن class اصلی override کنید (بیشتر در این باره بعداً).

به یاد داشته باشید که template ها تنها یک نقطه شروع هستند و به هیچ وجه کامل یا ۱۰۰٪ مناسب برای هر پروژه‌ای نیستند. می‌توانید section ها، grid ها و single template های خود را اضافه کنید تا آن‌ها را با پروژه‌تان تطبیق دهید.

Styling: Theme Styles / CSS Variables / Color Palette Import

هنگام import یک wireframe، از شما پرسیده می‌شود که آیا می‌خواهید CSS variable های مرتبط، theme style و color palette را import کنید.

CSS Variables

از آنجایی که CSS variable ها تقریباً به‌طور انحصاری استفاده می‌شوند، import variable ها اجباری است.

Theme Style

Theme style شامل تنظیمات پایه مثل font size های responsive با استفاده از HTML font size پیش‌فرض ۶۲.۵٪، section padding، container width، gap ها و موارد دیگر است. اگر از قبل از یک custom theme style استفاده می‌کنید، تنظیمات را (در صورت لزوم) به theme style خود منتقل کنید و brxwireframes theme style را بدون condition به‌عنوان reference رها کنید. این‌طوری می‌توانید در صورت شک همیشه به آن برگردید. اگر هنوز از custom theme style استفاده نمی‌کنید، فراموش نکنید condition «entire website» را به wireframes theme style اختصاص دهید.

Color Palette

در برخی template ها لازم است از رنگ‌ها استفاده شود (مثلاً برای overlay ها، border-، background- یا text-color ها). برای این منظور، ۱۲ color variable خنثی (--brxw-color-neutral-xxx) ساختیم که در یک color palette «Bricks Wireframes» هم موجودند. توصیه می‌کنیم color palette را import کنید، چون این به شما یک visual reference از variable های موجود می‌دهد و به شما اجازه می‌دهد رنگ‌ها را سریعاً به المان‌های دیگر اختصاص دهید.

Styling: Classes, IDs و CSS variables

همان‌طور که در مقدمه اشاره شد، Bricks wireframe ها class- و variable-based هستند تا تا حد ممکن flexible، قابل نگهداری و توسعه‌پذیر باشند.

تمام class ها و CSS variable ها از **brxw-** به‌عنوان prefix استفاده می‌کنند تا از overlap با class ها و variable های موجود جلوگیری شود.

تقریباً هر المانی درون یک template حداقل یک class دارد که convention نام‌گذاری آن بر اساس متدولوژی BEM («Block Element Modifier») است.

Block ها المان‌های parent مستقل هستند. یک مثال می‌تواند یک card، منو یا grid باشد. Block class ها تنها شامل خط تیره هستند. مثال: .brxw-article-card-01

Element ها المان‌های child درون یک block هستند. با دو underscore به block متصل می‌شوند. مثال: .brxw-article-card-01__title

Modifier ها نسخه‌هایی از یک block یا element هستند که وضعیت یا ظاهر را تغییر می‌دهند. Modifier ها با دو خط تیره به block یا element متصل می‌شوند. مثال: .brxw-article-card-01--dark

Block، element و modifier class ها را می‌توان تنها بر اساس spelling به‌راحتی از هم تشخیص داد. اما ممکن است این موضوع گیج‌کننده باشد که BEM مثل Bricks از اصطلاحات «block» و «element» استفاده می‌کند. اگر به توضیح نیاز دارید، فقط این را به خاطر بسپارید: BEM Block class ها می‌توانند روی تمام Bricks parent element ها استفاده شوند — مهم نیست parent element یک Bricks block، div، section، container، nav menu یا icon list باشد.

BEM element class ها روی Bricks element هایی داخل یک BEM block اعمال می‌شوند، صرف‌نظر از اینکه از کدام Bricks element ها استفاده می‌کنید.

مثال: Article Card 01

Block Class	Element Classes
.brxw-article-card-01	.brxw-article-card-01__body
	.brxw-article-card-01__title
	.brxw-article-card-01__taxonomy
	.brxw-article-card-01__text
	.brxw-article-card-01__footer
	.brxw-article-card-01__date
	.brxw-article-card-01__author
	.brxw-article-card-01__media-wrapper
	.brxw-article-card-01__media

نکات مهم:

• همه block ها نباید children داشته باشند — می‌توانند به‌طور مستقل وجود داشته باشند
• Block ها می‌توانند block های دیگری به‌عنوان children داشته باشند مثال: Section element در «Article section 04 template» یک block مستقل است (.brxw-article-section-04) و شامل دو block متفاوت است: .brxw-intro-02 و .brxw-article-grid-04 که به‌نوبه خود children دارند.
• Element ها نمی‌توانند بدون parent block وجود داشته باشند. مثال: .brxw-intro-02__title نمی‌تواند بدون parent block .brxw-intro-02 باشد

چه زمانی روی brxw-class های موجود، چه زمانی روی custom class ها و چه زمانی روی ID style می‌دهم؟

باید با دقت در نظر بگیرید کجا و چند بار می‌خواهید template مربوطه را درج کنید. بسته به این موضوع، امکانات مختلفی وجود دارند.

برای template هایی که چندین بار استفاده می‌شوند (مثلاً یک section که در جاهای مختلف قرار می‌گیرد، card ها در یک loop و غیره)، styling روی class ها (brxw- یا custom) نسبت به ID styling ترجیح دارد، چون CSS ID باید unique باشد و بنابراین ممکن است تنها یک بار در هر صفحه ظاهر شود.

brxw-class های موجود

Styling روی brxw-class های موجود روش استاندارد برای دادن styling مورد نظر به المان‌ها است. همچنین می‌توانید مقادیر مثل تعداد ستون‌های grid داخل template ها را متناسب با نیازتان تنظیم کنید — آن‌ها ثابت نیستند.

اگر دوباره همان template را از community templates جای دیگری import کنید، به‌طور خودکار همان styling و دقیقاً همان سفارشی‌سازی‌هایی که روی brxw-class اعمال کرده‌اید را دریافت می‌کند.

Custom class ها

علاوه بر brxw-class ها، می‌توانید custom class هایی شامل style های سفارشی خود اضافه کنید. در اکثر موارد، این امکان را هم فراهم می‌کند که مقادیر موجود brxw-class ها را override کنید.

اما اگر همان template را از community templates جای دیگری درج کنید، باید custom class های خود را در صورت تمایل به‌صورت دستی اضافه کنید. یا می‌توانید template سفارشی‌شده را شامل custom class ها در template های خود ذخیره کنید تا بعداً دوباره استفاده کنید.

ID ها

گاهی اوقات می‌توانید از ID برای style دادن به المان‌ها یا override کردن class style ها استفاده کنید.

تصور کنید همان section template را دو بار در صفحه اصلی قرار می‌دهید. شما section class را انتخاب می‌کنید و یک background color به آن اختصاص می‌دهید که بر اساس آن به هر دو section اعمال می‌شود. برای اینکه «استثنائاً» به section دوم رنگ پس‌زمینه متفاوتی بدهید، می‌توانید روی section ID style بدهید تا class را override کنید.

به یاد داشته باشید: ID ها همیشه specificity بالاتری نسبت به class ها دارند. بنابراین، override کردن یک ID style با یک class غیرممکن است اما برعکس آن ممکن است. اگر دوباره همان template را از community templates import کنید، section هیچ ID style ندارد اما شامل class style های تغییرداده‌شده خواهد بود.

آیا می‌توانم class های موجود را تغییر نام دهم؟

اگر بخواهید می‌توانید class های brxw- را تغییر نام دهید. اما به یاد داشته باشید که این کار را برای block و element class های child elements موجود هم انجام دهید، در صورت وجود (Class Manager).

اگر دوباره همان template را import کنید، از نام class ها و تغییرات style شما استفاده خواهد کرد. اما این همچنین به این معناست که نمی‌توانید template اصلی را بدون تغییر دوباره import کنید.

فرض کنید می‌خواهید گزینه re-import کردن template اصلی را بدون تغییر نام class یا style حفظ کنید. در این صورت، تغییر نام class ها کافی نیست، چون آن‌ها هنوز همان ID را در database دارند، یعنی همان unique identifier. در این صورت باید class ها را duplicate کنید (Class Manager) تا هر کدام یک identifier جدید و منحصربه‌فرد داشته باشند، آن‌ها را دوباره به المان‌ها اختصاص دهید و class های «قدیمی» را از المان‌ها حذف کنید.

یک brxw-class را تصادفاً حذف کردم. آیا می‌توانم آن را بازیابی کنم؟

بله. در اولین قدم، در trash Class Manager (بالا-راست) دنبال آن بگردید، و اگر هنوز آنجاست، می‌توانید مستقیماً آن را بازیابی کنید.

اگر trash را خالی کرده‌اید، می‌توانید به‌سادگی template را دوباره import کنید.

در هر دو صورت، به یاد داشته باشید class را دوباره به المان‌هایی که در آن‌ها وجود ندارد اختصاص دهید، چون به محض اینکه حذف شود از المان‌ها هم برداشته می‌شود.

CSS variables

اگر مقادیری به یک brxw- class (یا theme style settings) اختصاص داده شود، مقادیر به‌صورت CSS variable تعریف می‌شوند، با چند استثناء. variable ها و مقادیر را می‌توانید در Global Variables Manager پیدا کنید.

CSS variable ها مزیت قابلیت استفاده مجدد، انعطاف‌پذیری و نگهداری آسان style ها را ارائه می‌دهند، چون مقادیر مرکزی تعریف می‌کنند که تمام المان‌های CSS می‌توانند از آن‌ها استفاده کنند. برای مثال، اگر می‌خواهید gap grid ها را افزایش یا کاهش دهید، تنها کافیست مقدار variable –brxw-grid-gap را تنظیم کنید. تغییر حالا بر هر grid که از آن variable استفاده می‌کند تأثیر می‌گذارد.

دسته‌بندی‌های variable

Variable های موجود حوزه‌های ضروری مثل CSS grid ها، font size ها، spacing، gap ها، border radius و موارد دیگر را پوشش می‌دهند که برای «شروع» یک پروژه کافی است. اگر به دسته‌بندی‌ها یا variable های اضافی نیاز دارید، می‌توانید آن‌ها را بر اساس نیازتان در variable manager بسازید.

دسته‌بندی Variable	مثال‌ها	هدف
Grids	–brxw-grid-1, –brxw-grid-2, …, –brxw-grid-12	در CSS Grid ها برای تعیین تعداد ستون‌ها استفاده می‌شود
Spacing	–brxw-space-xs, –brxw-space-2xl, …	در margin ها، padding ها، width ها، height ها، gap ها و ... استفاده می‌شود
Typography	–brxw-text-xs, –brxw-text-m, –brxw-text-2xl	9 font size (fluid) از xs تا 5xl
…

مقادیر variable

brxw-variable ها از CSS clamp functions برای font size ها، spacing و border-radius استفاده می‌کنند که مقدار را بر اساس یک مینیمم، ترجیح و ماکزیمم وابسته به viewport (عرض مینیمم/ماکزیمم) محاسبه می‌کنند. این مزیت دارد که نیازی نیست font size یا padding را مثلاً در mobile breakpoint به‌صورت دستی تنظیم کنید، چون به‌طور خودکار تنظیم می‌شود (کاهش یا افزایش).

به‌عنوان پایه برای این محاسبه، wireframe template ها یک viewport مینیمم ۳۲۰px و viewport ماکزیمم ۱۴۴۰px را فرض می‌کنند که باید نقطه شروع خوبی برای وب‌سایت‌های معمولی باشد.

از قبل از یک framework و CSS variable ها استفاده می‌کنم (مثلاً ACSS، Frames یا CoreFramework). آیا می‌توانم به استفاده از variable های خودم ادامه دهم؟

البته می‌توانید به استفاده از variable های موجود خود ادامه دهید. اما به یاد داشته باشید که مقادیر variable های شما احتمالاً با brxw-variable ها متفاوت خواهند بود.

از آنجایی که با framework های دیگر overlap زیادی وجود دارد، می‌توانید از variable های موجود خود به‌عنوان مقدار brxw-variable استفاده کنید. این به شما اجازه می‌دهد wireframe template ها را با layout و spacing موجود خود تطبیق دهید بدون اینکه هر template را جداگانه ویرایش کنید.

مثال ACSS

ACSS Variable	brxw-Variable	Extended brxw-variable
--container-gap: var(--space-xl)	--brxw-container-gap: var(--brxw-space-2xl)	–brxw-container-gap: var(--container-gap)
--grid-gap: var(--space-l)	--brxw-grid-gap: var(--brxw-space-l)	–brxw-grid-gap: var(--grid-gap)
–space-m: clamp(2rem, calc(1.09375vw + 1.65rem), 3.4rem)	–brxw-space-m: clamp(1.6rem, calc(0.36vw + 1.49rem), 2rem)	–brxw-space-m: var(--space-m)
–h2: clamp(2.592rem, calc(1.725vw + 2.04rem), 4.8rem)	–brxw-text-fluid-3xl: clamp(2.56rem, calc(1.04vw + 2.23rem), 3.73rem)	–brxw-text-3xl: var(--h2)
…

مثال Core Framework

Core Framework Variable	brxw-Variable	Extended brxw-Variable
--space-m:clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem)	--brxw-space-m: clamp(1.6rem, calc(0.36vw + 1.49rem), 2rem)	–brxw-space-m: var(--space-m)
--radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem)	–brxw-radius-m: clamp(1rem, calc(-0.18vw + 1.26rem), 1.2rem)	–brxw-radius-m: var(--radius-m)
…

مقادیر variable responsive سفارشی (clamp)

اگر می‌خواهید از اندازه‌های viewport دیگری استفاده کنید (به‌جای ۳۲۰px مینیمم، ۱۴۴۰px ماکزیمم)، تمام مقادیر variable که از clamp استفاده می‌کنند (Fluid Typography، Spacing، Radius) باید سفارشی‌سازی/regenerate شوند.

توصیه نمی‌کنیم این کار را به‌صورت دستی انجام دهید (مگر اینکه نابغه ریاضی باشید). به‌جای آن می‌توانید از Fluid Typography Scale Generator داخلی که در Variable Manager قرار دارد برای ایجاد text یا spacing variable های جدید استفاده کنید. radius variable ها با CoreFramework (رایگان) ساخته شدند چون بر اساس یک base value نیستند و باید مقادیر مینیمم و ماکزیمم جداگانه‌ای داشته باشند.

یا می‌توانید از generator هایی استفاده کنید که clamp function های آماده برایتان فراهم می‌کنند. بسته به اینکه از کدام generator استفاده می‌کنید، می‌توانید نام/prefix variable را مستقیماً در generator تنظیم کنید، یا باید این کار را بعداً در یک code editor دلخواه انجام دهید.

تمام generator های ذکرشده در حال حاضر (سپتامبر ۲۰۲۵) رایگان هستند و هیچ ارتباط یا وابستگی به Bricks ندارند:

1. fluid-type-scale.com
2. utopia.fyi
3. coreframework.com

Styling: Color Palette ها

اکثر wireframe ها حاوی رنگ نیستند مگر اینکه کاملاً ضروری یا مفید باشد (مثلاً overlay ها، border ها، background ها، text-color ها). برای این منظور، یک color palette خنثی (سایه‌های خاکستری) با ۱۲ color-step از روشن تا تیره ساخته‌ایم که می‌توان هنگام import template وارد کرد.

رنگ‌ها در CSS variable ها تعریف شده‌اند که در Variable Manager قرار دارند (--brxw-color-neutral-25, --brxw-color-neutral-50, --brxw-color-neutral-100, ..., --brxw-color-neutral-950) و می‌توان آن‌ها را در آنجا تنظیم کرد. اگر اصلاً نمی‌خواهید از رنگ‌های از پیش‌تعریف‌شده استفاده کنید، color variable ها را از variable manager حذف کنید.

generator های رایگان مختلفی برای ایجاد color palette های سفارشی وجود دارد (برای اضافه کردن رنگ‌های primary یا secondary، یا تغییر مقادیر رنگ خنثی موجود). با این generator ها تجربه خوبی داشتیم، مثلاً:

• https://components.ai/color-scale/rnjyBVIn24NiNNH0ob2W
• https://uicolors.app/create

Custom CSS / JS / Code

Custom CSS

سعی می‌کنیم از custom CSS اجتناب کنیم. اما برخی layout ها یا سفارشی‌سازی‌ها بدون آن ممکن نیستند.

Custom JS / Code

Custom JS یا PHP تنها در صورتی استفاده می‌شود که use case به آن نیاز داشته باشد. کدهای استفاده‌شده را تا حد ممکن با جزئیات comment گذاشته‌ایم. هنگام استفاده از یک template با Code element، به یاد داشته باشید code execution را فعال کنید و code را sign کنید.

سوالات متداول

• چرا wireframe برای Category X یا Y وجود ندارد؟
• Bricks برای دادن انعطاف‌پذیری کامل به شما برای ساخت دقیقاً آنچه نیاز دارید طراحی شده است. در حالی که wireframe های جدید را به‌عنوان بخشی از کار جاری با community templates اضافه خواهیم کرد، تمام ابزارهایی که برای ساخت آسان wireframe های خودتان برای هر دسته‌بندی یا طراحی نیاز دارید را فراهم کرده‌ایم. این‌طوری به آنچه موجود است محدود نیستید و می‌توانید بر اساس دیدگاه منحصربه‌فرد خود بسازید.
• آیا می‌توانم wireframe های جدید درخواست کنم؟
• البته! همیشه آماده شنیدن ایده‌های شما هستیم. در حالی که نمی‌توانیم هر پیشنهادی را تضمین کنیم که پیاده‌سازی شود، ورودی شما به ما کمک می‌کند درک بهتری از آنچه برای community مهم است داشته باشیم. می‌توانید از طریق ایمیل (موضوع: «Wireframes») با ما تماس بگیرید یا پیشنهادات خود را در انجمن زیر دسته‌بندی Feature Requests/Improvements به اشتراک بگذارید (عنوان خود را با «Wireframes» شروع کنید).
• اگر یک باگ احتمالی پیدا کردم، با چه کسی تماس بگیرم؟
• لطفاً از طریق ایمیل (موضوع «Wireframes») با ما تماس بگیرید یا یک گزارش جدید در دسته‌بندی bugs انجمن بسازید (پیشوند عنوان: «Wireframes»). لطفاً نام template و مشکل را با تا حد ممکن جزئیات بیان کنید.

Happy wireframing!