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

بعداز اضافه کردن المان به صفحه ساز روی المان کلیک کنید و شخصی سازی را انتخاب کنید .

تب محتوا :

تب محتوا شامل تنظیمات محتوا ، آپشن های گرید ، طراحی گرید ، تنظیمات گرید و گرید ساز را شخصی ساز کنید .

تنظیمات محتوا :

در تنظیمات محتوا شما مشخص میکنید محتوا از محتوای دلخواه ، محتوای داینامیک ، محتوای آرشیو نمایش داده شود .

محتوای دلخواه :

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

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

در قسمت ارتفاع مشخص شده را وارد کنید .

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

بعداز وارد کردن المان و انجام شخصی سازی روی بلوک داینامیک کلیک کنید و در تب محتوا ویرایش آیتم را بزنید و آیتم های خود را ویرایش و وارد کنید .( مطابق تصویر ) برای افزودن آیتم روی افزودن بزنید و در آخر روی ذخیره کلیک کنید تا بلوک در صفحه ساز نمایش داده شود.

بعداز اتمام قفل بلوک های داینامیک را باز کنید تا بلوک های که ساختید نمایش داده شود.

محتوای داینامیک :

با انتخاب داینامیک شما میتوانید در قسمت منبع مشخص کنید کدام بخش نمایش داده شود .(دسته بندی ، نوشته ها ،محصولات ، برند )

در قسمت دسته بندی ، دسته منبع خود را انتخاب میکنید .

تنظیمات گرید :

در تنظیمات گرید با روشن کردن صفحه بندی میتوانید بلوک ها را صفحه بندی شده مشاهده کنید .

میتوانید تعداد محتوای بلوک را مشخص کنید .

میتوانید تعداد ستون قابل نمایش را شخصی سازی کنید .

با فضا دهی میتوانید فضای بین بلوک ها را شخصی سازی کنید .

تب استایل

در تب استایل شما میتوانید ویرایش تایپوگرافی ، رنگبندی ، سایه ، کادر و پس زمینه پیشرفته را انجام دهید .

ویرایش تایپوگرافی :

در قسمت اندازه فونت شما اندازه فونت را مشخص میکنید .

چینش متن :

در این بخش میتوانید نحوه چینش متن را مشخص کنید.

خانواده فونت :

با کلیک بر روی خانواده فونت میتوانید فونت های مورد نظر رو مشاهده کنید و فونت موردنیاز خود را انتخاب کنید .

وزن فونت :

با کلیک بر روی وزن فونت میتوانید وزن فونت خود را انتخاب کنید .

حالت متن :

با کلیک بر روی حالت متن میتوانید از بین حالت های موجود ، حالت مورد نظر خودرا انتخاب کنید ، به طور مثال میتوانید با انتخاب گزینه Capitalize حروف اول کلمه رو با حروف بزرگ بنویسید.

دکوراسیون متن :

با کلیک برروی دکوراسیون متن شما میتوانید به نوشته خود خط زیر ، رو ، بالا و موارد دیگه ای رو اضافه کنید.

ارتفاع خط :

در قسمت ارتفاع خط شما میتوانید ارتفاع خط های نوشته خود را ویرایش کنید و ارتفاع مورد نظر خود را در کادر مشخص شده وارد کنید .

فاصله کلمات :

در این بخش میتوانید با حرکت شکل دایره بر روی خط افقی فاصله بین کلمات متن مورد نظر را تعیین کنید.

فاصله حروف :

در این بخش میتوانید با حرکت شکل دایره بر روی خط افقی فاصله بین حروف متن مورد نظر را تعیین کنید.

رنگبندی :

در بخش رنگبندی شما میتوانید رنگ متن و پس زمینه متن رو ویرایش کنید .در این قسمت با روشن کردن هاور موس میتوانید برای هاور متن رنگ متن و پس زمینه متفاوت قرار دهید تا با بردن موس بر روی المان رنگ متن و پس زمینه تغییر کند.

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

پس زمینه پیشرفته :

در این قسمت شما میتوانید پس زمینه دلخواه را اضافه کنید و تنظیمات مربوط به آن را انجام دهید .

عرض و ارتفاع، حالت تکرار پس زمینه در جهت های مختلف ، موقعیت افقی و عمودی پس زمینه را ویرایش کنید.

سایه :

در این بخش شما میتوانید در جهت های دلخواه به المان متن خود سایه دهید و همچنین میتوانید رنگ سایه را انتخاب کنید.

با انتخاب سایه به درون و یا بیرون میتوانید مشخص کنید سایه بیرون یا درون المان مورد نظر باشد.

با انتخاب مقدار برای y و x میتوانید به بالا و پایین المان خود سایه دهید و با مقدار دادن به بلور میتوانید سایه را به صورت پخش شده قرار داده و با انتخاب مقدار برای حجم به ابعاد سایه خود را انتخاب میکنید .

کادر بندی :

در کادربندی شما میتوانید انحنا و ضخامت کادر مود نظر را ویرایش کنید.

انحنا :

با استفاده از این بخش شما میتونید گوشه های المان خود را به میزانی که میخواهید گرد کنید ( radius ) با روشن کردن علامت مشخص شده شما میتوانید به یک مقدار ثابت تمام گوشه های المان خود را گرد کنید .

تب پیشرفته

اقدامات:

در بخش اقدامات شما عملکرد المان را مشخص میکنید، به این صورت که با انتخاب از بین عملکرد ها مشخص میکنید المان لینک ، هدایت به یک بخش ، ثبت فرم و... باشد و چه کارایی در وب سایت شما داشته باشد .

موقعیت :

در قسمت موقعیت شما جایگاه قرار گیری المان ، طول و عرض آن را مشخص میکنید.

با استفاده از قسمت مشخص شده میتوانید جهت قرار گیری المان را در دیوایس های مختلف (تبلت ، لپ تاپ ، موبایل ) مشخص کنید.

تمام عرض : با فعال کردن و غیرفعال کردن این گزینه میتوانید المان را درحالت تمام عرض قرار دهید.

ارتفاع خودکار و موقعیت نسبی : این گزینه موقعیت المان را نسبت به بقیه المان ها تنظیم خواهد کرد و ترتیب در لایه ها موثر خواهد بود و ارتفاع آن را خودکار خواهد کرد

فاصله ها :

فاصله بیرونی :

با وارد کردن مقدار برای فاصله بیرونی میتوانید بین محتوا و لبه ها بیررونی فاصله ایجاد کنید .

فاصله درونی :

فضای خارجی محتوا تا مرز عناصر و همچنین فاصله بین عناصر را میتونید در تنظیمات مربوط به فاصله درونی ویرایش کنید .

ترنزیشن :

ترنسفورم :

با استفاده از ترنسفرم می توانیم شکل, مکان و یا وضعیت یک المان را تغییر بدهیم.

چرخش به درجه : میتوانید المان مورد نظر را در جهت عقربه های ساعت بپرخانید .

مقیاس: در این قسمت شما میتوانید با دادن مقدار دلخواه المان را بزرگ نمایید.

درجه وضوح: همان طور که از نام آپشن مشخص است میتوانید درجه وضوح المان را ویرایش کنید .

واکنشگرایی:

در بخش واکنشگرایی شما با روشن و یا خاموش کردن قسمت مشخص شده میتوانید تعین کنید یک المان در حالت موبایل ، دسکتاپ و تبلت نمایش داده شود و یا نمایش داده نشود.

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

**پیشرفته :

در این قسمت با فعال کردن گزینه محاسبه بر اساس نرخ ارز محصولات شما با توجه به نرخ ارز نمایش داده میشوند. همچنین با استفاده از گزینه مشخص شده میتوانید ارز خود را انتخاب کنید.

نمایش خارج از کادر:

با کلیک بروری این قسمت شما مشخص میکنید که قسمت خارج شده از کادر نمایش داده شود یا خیر.

با فعال کردن این گزینه " هاور در زمانی که المان مادر هاور می شود فعال باشد " با دادن هاور به المان مادر ، المان درحالت هاور با تنظیمات داده شده به المان مادر نمایش داده میشود.