Lưu ý khi sửa code
Last updated
Last updated
Việc sửa code rất nguy hiểm nếu các bạn sửa sai sẽ khó có cách nào revert lại được, đặc biệt là với người mới. Nên là khi sửa cho khách, các bạn nên mở page ở 2 tab cạnh nhau, sửa ở 1 tab, nếu lỡ sửa sai thì reload page hoặc nếu đã publish page thì sang tab còn lại publish để đè code cũ lên.
Khi các bạn sửa code, có một số lưu ý bên dưới:
Trong phần setting của page sẽ có 3 tab là GLOBAL STYLE, GLOBAL TYPOGRAPHY và CSS/JS FOR THIS PAGE
Các bạn cần hiểu rõ tác dụng của 3 tab này và các option bên trong các tab.
Trong tab này sẽ có 5 options:
Primary color: Set primary cho all page tạo trong app, màu này sẽ work cho các link, button, những chỗ mà dev để color là var(--lh-color)
Font family: Dùng để set font family cho all body text cho all page tạo trong app.
Head-Title font family: Set font family cho all heading cho all page tạo trong app.
Font size (px): Set font size cho all page tạo trong app.
CSS Code: Tất cả code khi add vào option này sẽ work cho all page tạo trong app và cả theme, nên các bạn tuyệt đối cẩn thận khi add bất kỳ code gì vào, vì nó sẽ ảnh hưởng đến cả theme của khách. Chỉ add code vào đây khi mà muốn fix gì đó cho toàn bộ theme.
Tab này dùng để add style hoặc font riêng cho các class hoặc các thẻ cụ thể. Dùng khi khách muốn có font riêng cho 1 text bất kỳ. Các setting trong tab này cũng sẽ work cho all page tạo trong app. Nên nếu các bạn muốn thay đổi font cho 1 heading bất kỳ trên 1 page, thì nên vào edit code sửa class của text đó trước, rồi mới add class đó vào tab này để tránh trường hợp các page có cùng tên class.
Trong tab này sẽ có option Custom css code, tab này dùng để add css mà sẽ work cho chỉ riêng 1 page. Dùng tab này khi các bạn muốn sửa gì đó mà cho toàn bộ page, ví dụ như xóa margin top của page
Note: TUYỆT ĐỐI không add css code cho các section vào các tab như GLOBAL STYLE hoặc CSS/JS FOR THIS PAGE. Code của section nào thì add vào đúng các file tương ứng của section đó.
Để sửa code cho các section, các bạn mở "Edit section code"