Jump to content
IPSViet.com

Sign in to follow this  
Bim

Easy Mode: tùy chỉnh giao diện một cách dễ dàng nhất

Recommended Posts

Bim    1,476

Có thể bạn chưa biết, với IPS 4 bạn không còn phải tìm kiếm từng phần trong CSS để thay đổi màu sắc, kích thước,... Bạn có thể thực hiện điều đó rất dễ dàng với chế độ giao diện Easy Mode. 

Trước tiên vào ACP -> Customization -> Themes -> click vào nút +Add Theme . Tại đây bạn chọn Easy Mode và bấm Next

easytheme1.thumb.png.0b7c6771641da411a23

Sau đó đặt tên cho giao diện vừa tạo, set quyền cho nhóm, chọn giao diện cho trình soạn thảo CKEditor, và upload các các logo

easytheme2.thumb.png.e06441773d6e12505f2

easytheme3.thumb.png.209cb20bb142bc29549

Bấm Save và đợi (hơi lâu chút) cho đến khi hoàn thành, bạn sẽ Theme mới xuất hiện trong danh sách với nút "Launches the editor in a new browser window".

easytheme4.thumb.png.9d34ba0c6a6dfbc148f

Bấm vào nút đó sẽ mở ra một cửa sổ mới với giao diện mặc định và 1 thanh màu đen bao gồm các tùy chọn chỉnh sửa màu sắc. Tại đây bạn có thể sửa màu của body, menu, text, button, bar,... Muốn đổi màu phần nào thì chỉ việc bấm vào nó rồi chọn màu

easytheme5.thumb.png.90d0e687c6fb5934b91

Mình đổi cái background body

easytheme6.thumb.png.8f733ab9a2eb27a847c

Có một công cụ nữa rất hay là Select , khi bạn chọn nó bạn có thể click bất kỳ thành phần nào trên giao diện một cách trực tiếp, nó sẽ hiện ra. Ở ví dụ mình chọn thanh menu và đổi cho nó thành màu đỏ :E

easytheme8.thumb.png.6db5a2273794d22b6c3

Bên tab Settings, bạn còn có thể thiết lập độ rộng của giao diện, forum layout, sidebar ở mobile hay một số màu sắc của các thành phần nhỏ khác (poll, price, prefix...)

easytheme9.thumb.png.8eee227e50a82e9f730

Sau khi ưng ý với giao diện mới, chỉ việc Build nó ra thôi.

easytheme10.thumb.png.38ee0e687ef9f49399

Mình Save Theme và thoát Editor

easytheme11.thumb.png.2f2f0e8cf9e09a9a7b

Giao diện hoàn chỉnh.

easytheme12.thumb.png.56737d3e8bb465f73f

Chúc các bạn làm được một giao diện ưng ý và thẩm mỹ hơn trong hình minh họa 

Tham khảo thêm https://ipsviet.com/topic/59453-designers-mode-chinh-sua-giao-dien-chuyen-nghiep/

Share this post


Link to post
Share on other sites
Bim    1,476

Cài ở localhost chứ đừng cài ở site đang hoạt động, nhiều lỗi tàn nhẫn lắm :( Cài để thiết kế theme với plugin ở localhost thì ngon.

Share this post


Link to post
Share on other sites
Bim    1,476

Mấy cái đó thì bạn chịu khó tìm hiểu HTML

Hidden Content

    Give reaction to this post to see the hidden content.

  • Confused 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×