Bài này mình sẽ hướng dẫn cách thay đổi theme (giao diện) cho một website drupal 8.
Như đã nói ở bài trước, khi cài đặt drupal lần đầu tiên, giao diện website sẽ được hiển thị mặc định, đối với mỗi giao diện, các nhà phát triển đã thiết lập sẵn 1 bộ khung cho website, người dùng chỉ việc gắp bỏ các block vào bộ khung đó để có được 1 website hoàn chỉnh. Bộ khung của website bao gồm cấu trúc của website, font chữ trên website, có hỗ trợ Responsive khôngResponsive web design (hay còn gọi Thiết kế web đáp ứng) là kiểu mẫu phong cách thiết kế với giao diện, bố cục website thể hiện đẹp, mang tính mỹ thuật với độ hiển thị nội dung co giãn phù hợp trên tất cả các màn hình thiết bị như desktop, laptop, tablet, smartphone, với mọi độ phân giải màn hình, duy trì sự hiển thị nội dung nhất quán thẩm mỹ trên mọi chế độ phân giải.Như vậy, sau khi cài đặt thành công website drupal, việc đầu tiên chúng ra nghĩ đến là tìm 1 giao diện thích hợp với website của mình (đúng hơn là tìm 1 bộ khung thích hợp, có hỗ trợ những thứ mà chúng ta cần ví dụ như responsive). sau đó mới tiến hành thêm các thành phần khác vào và tinh chỉnh để website trở nên hoàn chỉnh.
Để thay đổi theme của website drupal, ta làm 2 bước:
Bước 1: Chọn theme phù hợp:- Vào địa chỉ https://www.drupal.org/project/project_theme để chọn theme.
Danh sách các theme miễn phí của drupal hiện ta, chúng ta có thể lướt để tìm kiếm 1 theme thích hợp với website của mình.
Ví dụ mình lướt và tìm thấy 1 theme khá tốt, có hầu hết các tính năng để phát triển website.
Bấm vào tiêu đề của theme để xem chi tiết:
Trong phần chi tiết của Theme, chúng ta kéo xuống phía dưới và xem thử Theme này có hỗ trợ đối với phiên bản Drupal mà chúng ta đang cài đặt không (ở đây ta đang dùng Drupal 8)
- Tiếp theo chung ta cài đặt Theme này vào website:
Bước 2: Cài đặt Theme
Có 2 cách cài đặt Theme cài Online và Offline.
- Cài Online là cài trực tiếp từ link của Theme
- Cài Offline là tải Theme về máy tính rồi mới tiến hành cài từ file đó.
- Cài Theme Offline:
Đầu tiên bấm vào link của phiên bản Theme phù hợp với website drupal đang cài đặt (ở đây là 8.x)
Sau khi lưu về máy thành công (nhớ đường dẫn lưu tệp tin Theme), chọn vào menu Apearance, bấm chọn Install new theme.
Trong trường hợp không tìm thấy nút lệnh Install new theme thì xem bài viết. Hướng dẫn hiện nút lệnh Install new theme trong website drupalGiao diện Install New Theme xuất hiện, có 2 tùy chọn [Install from a ULR] sử dụng cho cách cài Online. [Upload a module or theme..] là cách cài Offline.
Ta bấm [Chọn tệp] để chọn tệp tin theme vừa được tải về ở bước trên.
Sau khi chọn được tệp tin theme, bấm Install để cài đặt.
Nếu thành công, hệ thống sẽ thông báo như hình bên dưới. Ta bấm vào Install newly added themes để quay về giao diện cài đặt theme
Ở giao diện cài đặt theme, chúng ta kéo xuống phía dưới và tìm đến theme mà chúng ta vừa thực hiện cài đặt thành công. Bấm Install and set as default để cài đặt và đặt theme này là theme mặc định của website.
Hệ thống sẽ thông báo việc thiết lập theme mặc định của website thành công, ta bấm vào Home (trang chủ) để quay về giao diện người dùng web.
Giao diện website với theme mới đã được hiển thị, ta có thể chọn để bắt đầu phát triển hoặc lại tiếp tục tìm 1 theme khác phù hợp hơn.
- Cài Theme Online:
Về cơ bản các bước giống như cài Offline chỉ khác ở 2 chổ.
Thứ nhất: Không tải theme về máy mà chỉ cần copy đường dẫn của theme.
Thứ 2: là dán cái link vừa copy vào phần cài đặt theme:
Trên đây là một số hướng dẫn việc thay đổi theme cho website drupal của bạn. Đối với những người cần 1 website ở mức độ tương đối thì các theme miễn phí tại https://www.drupal.org/project/project_theme là một sự lựa chọn khá tốt, còn những ai muốn website mình chuyên nghiệp hơn thì có 2 cách: 1 là chúng ta phải dùng nhiều kỹ thuật hơn để code web của mình, cách thứ 2 là mua các theme chuyên nghiệp đã được tinh chỉnh đẹp về mặt thẩm mỹ (giá khoảng trên dưới 1 triệu / theme), cái này mình sẽ có bài chia sẻ sau.
Chúc các bạn thành công với việc sử dụng chức năng này cho việc thay đổi giao diện website drupal của mình và có được 1 giao diện ưng ý.
0 nhận xét:
Post a Comment