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

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

تب محتوا

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

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

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

تب استایل

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

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

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

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

چینش متن :

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

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

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

وزن فونت :

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

حالت متن :

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

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

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

ارتفاع خط :

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

فاصله کلمات :

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

فاصله حروف :

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

رنگبندی :

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

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

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

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

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

سایه :

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

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

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

کادر بندی :

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

انحنا :

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

تب پیشرفته

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

اقدامات:

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

موقعیت :

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

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

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

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

فاصله ها :

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

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

فاصله درونی :

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

ترنزیشن :

ترنسفورم :

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

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

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

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

واکنشگرایی:

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

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

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

**پیشرفته :

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

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

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

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