Website themes

Odoo นำเสนอธีมมากมายเพื่อกำหนดสไตล์เว็บไซต์ของคุณ รวมถึงสี แบบอักษร และเค้าโครง เมื่อตั้งค่าไซต์ของคุณโดยใช้เครื่องมือกำหนดค่าเว็บไซต์ Odoo คุณจะได้รับแจ้งให้เลือกธีมที่สอดคล้องกับความสวยงามที่คุณต้องการ หากคุณต้องการแก้ไขตัวเลือกธีมในภายหลัง ให้ไปที่เครื่องมือสร้างเว็บไซต์โดยคลิกปุ่ม แก้ไข และเข้าถึงแท็บ ธีม มีดังต่อไปนี้:

  • Colors: The website builder relies on palettes composed of five colors: two Main colors and three Light & Dark colors.

    You can also customize the Color Presets that have been defined automatically by the website builder according to the five colors defined above. Click the arrow next to a color preset to update it. Each color preset contains colors for your building block's Background, Text, Headings, Links, Primary Buttons, and Secondary Buttons.

    select the colors of your website

    To apply a color preset to a building block of your site, select it, go to the Customize tab, click the Background button, and select the preset.

    Note

    Changing a color preset automatically updates the colors of both the default preset and the building blocks where the preset is used.

  • Website: From this section, you can Switch Theme, Add a Language, select the Page Layout, and customize the Background by uploading your own image.

  • Paragraph: Customize the formatting of your website's paragraph <p> elements.

    Tip

    The Font Family field contains fonts that are hosted and served by Google servers. To add another font, click Add a Google Font, and, in the popup window, click fonts.google.com.

    Select the font you like

    Select a font you like, copy the address of the page, paste it in the Google Font address field, then click Save and Reload. The new font applies to your entire website.

  • Headings: Customize the formatting of your headings.

  • Button: Customize the Primary Style and Secondary Style buttons.

    Two types of buttons in Odoo

  • Link: To edit the style of the hyperlinks available on your website.

  • Input Fields: Customize fields where you can enter data, e.g., a search bar or a form.

  • Advanced: You can hide the header bar of your website using the Show Header button, inject head and body code, enter your Google Map Custom Key, change the colors of the Success, Info, Warning, and Error pop up messages by clicking the related Status Colors buttons, and customize the Grays elements of your site.

    Example

    • The Status Color of the Success messages is set to green.

      Status colors success message set to green. Success message is green

    • Customizing the gray elements of your site.

      Customize the grays elements of your site