بلوک‌های سازنده

می‌توانید وب‌سایت خود را با کشیدن و رها کردن بلوک‌های ساختمانی طراحی کنید، سپس آن‌ها را ویرایش کنید تا با نیازهای محتوا و چیدمان شما مطابقت داشته باشند.

همچنین ملاحظه نمائید

Odoo Tutorial: Design your website: text and colors

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

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

هنگام کلیک بر روی یک بلوک دسته‌بندی، یک پنجره پاپ‌آپ ظاهر می‌شود که به شما امکان می‌دهد بین چندین قالب برای هر دسته‌بندی انتخاب کنید.

نکته

همچنین می‌توانید بلوک خاصی را در پنجره پاپ‌آپ درج بلوک با استفاده از نوار جستجو پیدا کنید.

انتخاب بلوک پاپ‌آپ

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

توجه

دسترسی به برخی بلوک‌ها نیازمند نصب برنامه یا ماژول مربوطه است (به عنوان مثال، تجارت الکترونیک برای بلوک محصولات).

Example

تمام حساب‌های رسانه‌های اجتماعی خود را در یک مکان با بلوک محتوای داخلی رسانه اجتماعی اضافه کنید. کلید کنار پلتفرم مورد نظر را روشن یا خاموش کنید و URL حساب خود را کپی/پیست نمایید.

بلوک محتوای داخلی رسانه‌های اجتماعی

فرم

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

نمونه‌ای از بلوک فرم

عملیات

به طور پیش‌فرض، هنگامی که فرم ارسال می‌شود، ایمیلی حاوی اطلاعات وارد شده توسط بازدیدکننده به طور خودکار ارسال می‌شود. بسته به برنامه‌های نصب شده روی پایگاه داده شما، اقدامات اضافی که می‌توانند به طور خودکار رکورد ایجاد کنند ممکن است در دسترس باشند. برای انتخاب یک اقدام متفاوت، روی ویرایش کلیک کنید، روی فرم بزنید، به تب سفارشی‌سازی بروید و اقدام مورد نظر را انتخاب کنید:

ویرایش فرم برای تغییر عملیات آن

به طور پیش‌فرض، ارسال فرم بازدیدکنندگان را به یک صفحه تشکر هدایت می‌کند. از فیلد URL برای هدایت آن‌ها به صفحه‌ای دیگر استفاده کنید. همچنین، می‌توانید انتخاب کنید که تغییر مسیر ندهید و آن‌ها را با انتخاب هیچ یا نمایش پیام در فیلد در صورت موفقیت در صفحه فرم نگه دارید.

فیلدها

برای افزودن یک فیلد جدید به فرم، به تب سفارشی‌سازی بروید و روی دکمه + فیلد در کنار بخش فرم یا فیلد کلیک کنید. برای تغییر فیلد جدید (یا هر فیلد دیگری) در فرم، فیلد را انتخاب کنید، سپس از گزینه‌های موجود در بخش فیلد از تب سفارشی‌سازی استفاده کنید. برای مثال، می‌توانید:

  • نوع فیلد را تغییر دهید.

    نکته

    همچنین امکان انتخاب یک فیلد موجود از پایگاه داده و استفاده از داده‌های موجود در آن وجود دارد. فیلدهای موجود بستگی به اقدام انتخاب شده دارند. فیلدهای ویژگی اضافه شده به پایگاه داده نیز قابل استفاده هستند.

    همه انواع فیلدهای فرم

    برخی فیلدها از نظر ظاهری مشابه هستند، اما داده‌های وارد شده باید از یک فرمت خاص پیروی کنند.

  • برچسب فیلد را ویرایش کنید و موقعیت آن را تطبیق دهید.

  • توضیحات فیلد را فعال کنید. روی توضیحات پیش‌فرض در فرم کلیک کنید تا آن را تغییر دهید.

  • یک متن نگهدارنده یا مقدار پیش‌فرض اضافه کنید.

  • مشخص کنید که آیا فیلد الزامی است.

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

  • یک انیمیشن اضافه کنید.

پس از انجام تغییرات دلخواه، روی ذخیره کلیک کنید.

افزودن فرم تماس سازمان‌یار به یک وب‌سایت غیر سازمان‌یار

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

  1. آماده‌سازی فرم سازمان‌یار: یک فرم تماس در یک صفحه در وب‌سایت سازمان‌یار ایجاد کنید و طراحی هدر و طراحی پاورقی را حذف کنید. اطمینان حاصل کنید که فقط فرم تماس در صفحه باقی می‌ماند.

  2. تولید کد قابل جاسازی: URL صفحه فرم سازمان‌یار را کپی کرده و در یک تولیدکننده iframe، مانند La Digitale.dev یا iFrame Generator پیست کنید. عرض و ارتفاع را برای نمایش صحیح تنظیم نمایید.

  3. افزودن کد جاسازی شده به وب‌سایت غیر سازمان‌یار: HTML صفحه مربوطه را باز کنید (در ویرایشگر کد یا CMS) و کد جاسازی شده را در جایی که فرم باید نمایش داده شود درج کنید.

Example

مثال کد جاسازی شده:

<iframe src="https://example.com/odoo-form"
        style="border:0;"
        name="odooForm"
        scrolling="no"
        frameborder="0"
        marginheight="0"
        marginwidth="0"
        height="400px"
        width="600px"
        allowfullscreen>
 </iframe>

جایگذاری کد

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

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

لینکی را که می‌خواهید به کد جاسازی شده اشاره کند، اضافه کنید

هشدار

کدی را که نمی‌فهمید کپی/پیست نکنید، زیرا ممکن است داده‌های شما را به خطر بیندازد.

جابجایی، تعویض یا حذف یک بلوک ساختمانی

حاشیه‌های فیروزه‌ای روی بلوک را بکشید تا فضای بالا یا پایین آن را کاهش یا افزایش دهید.

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

برای حذف یک بلوک، روی (سطل زباله) کلیک کنید.

گسترش حاشیه‌ها در بلوک ساختمانی

نکته

دسته‌بندی بلوک را به سرعت با کلیک بر روی (تبادل) تغییر دهید.

ویرایش یک بلوک ساختمانی

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

همچنین ملاحظه نمائید

پس‌زمینه

برای تغییر پس‌زمینه یک بلوک ساختمانی، بلوک را انتخاب کنید، به تب سفارشی‌سازی بروید و روی نقطه رنگی یا گزینه پس‌زمینه دیگر کلیک کنید. می‌توانید رنگ را تغییر دهید و/یا یک تصویر، ویدیو و/یا شکل اضافه کنید. پس از انتخاب یک شکل، فیلدهای جدیدی ظاهر می‌شوند که به شما امکان می‌دهند شکل را سفارشی کنید.

نکته

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

    تغییر موقعیت بلوک
  • برای تغییر اندازه یک بلوک، روی نقاط اطراف لبه‌های آن کلیک کرده و بکشید تا در صورت نیاز تنظیم شود.

    تطبیق اندازه بلوک

همچنین ملاحظه نمائید

تم عمومی

چیدمان: گرید و ستون

برای اکثر بلوک‌های ساختمانی، می‌توانید بین دو سبک چیدمان انتخاب کنید: توری (Grid) یا ستون‌ها (Cols). برای تغییر سبک چیدمان پیش‌فرض، روی بلوک کلیک کنید، به تب سفارشی‌سازی بروید و فیلد چیدمان را روی توری یا ستون‌ها تنظیم کنید.

گرید

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

هنگامی که چیدمان جدول انتخاب شود، یک تصویر را انتخاب کرده و آن را به مکان مورد نیاز بکشید و رها کنید.

ستون‌ها

انتخاب چیدمان ستون‌ها به شما امکان می‌دهد تعداد عناصر در هر خط در داخل بلوک را تعیین کنید. برای این کار، بلوک مورد نظر برای تغییر را انتخاب کنید، روی منوی کشویی کنار فیلد ستون‌ها کلیک کنید و عدد را تنظیم نمایید. سپس می‌توانید تنظیمات یک ستون خاص را با استفاده از گزینه‌های موجود در بخش ستون از تب سفارشی‌سازی تغییر دهید.

توجه

به طور پیش‌فرض، در دستگاه‌های موبایل، تنها یک عنصر (ستون) در هر خط قابل مشاهده است تا اطمینان حاصل شود که محتوا در صفحه‌نمایش‌های کوچک‌تر خوانا و در دسترس باقی می‌ماند. برای تنظیم مقدار، روی (آیکون موبایل) در بالای ویرایشگر وب‌سایت کلیک کنید و تعداد ستون‌ها را تطبیق دهید. اشکال به طور پیش‌فرض در موبایل پنهان هستند.

تکثیر یک بلوک ساختمانی

برای تکثیر یک بلوک ساختمانی، روی آیکون (تکثیر) در بالای تب سفارشی‌سازی کلیک کنید. پس از تکثیر، بلوک جدید در صفحه زیر بلوک اصلی ظاهر می‌شود.

ذخیره یک بلوک ساختمانی سفارشی

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

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

نکته

در پنجره پاپ‌آپ درج بلوک، روی (ویرایش) برای تغییر نام بلوک سفارشی یا (حذف) برای حذف آن کلیک کنید.