Tùy chỉnh giao diện

Bạn đang xem tài liệu về Apigee Edge.
Chuyển đến tài liệu về Apigee X.
thông tin

Bạn có thể tuỳ chỉnh giao diện của cổng Dịch vụ dành cho nhà phát triển cho phù hợp với giao diện của công ty, để thêm các khu vực nội dung mới vào cổng hoặc để thay đổi bố cục của bất kỳ trang nào trên cổng. Bạn cần có kiến thức về cách sử dụng Drupal để thiết lập cấu hình này. Tuy nhiên, trang này mô tả một số nhiệm vụ cơ bản mà bạn có thể muốn thực hiện để tuỳ chỉnh trang web của mình.

Tuỳ chỉnh tiêu đề và khẩu hiệu của trang web

Bạn có thể đặt tiêu đề cho trang web cũng như khẩu hiệu của trang web. Trên Trang chủ, tiêu đề và slogan sẽ xuất hiện như sau:

"Tiêu đề | Khẩu hiệu"

Tiêu đề là thông tin bắt buộc và được đặt thành "Trang web Apigee mới" theo mặc định. Khẩu hiệu không bắt buộc và để trống theo mặc định.

Cách đặt tiêu đề và khẩu hiệu:

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị hoặc tạo nội dung.
  2. Chọn Configuration > System > Site Information (Cấu hình > Hệ thống > Thông tin trang web) trong trình đơn quản trị Drupal.
  3. Trên trang Thông tin trang web, hãy đặt Tên trang webKhẩu hiệu (không bắt buộc).
  4. Lưu cấu hình.
    Xin lưu ý rằng do lưu vào bộ nhớ đệm, các thay đổi đối với thẻ thông tin và khẩu hiệu có thể không xuất hiện ngay lập tức. Bạn có thể chọn xoá bộ nhớ đệm để các thay đổi này xuất hiện. Để xoá bộ nhớ đệm, hãy chọn biểu tượng Drupal ở ngoài cùng bên trái trình đơn quản trị Drupal, sau đó chọn Xoá tất cả bộ nhớ đệm.

Tuỳ chỉnh bố cục của trang chủ

Hình sau đây cho thấy bố cục của trang chủ:

Drupal cung cấp một cơ chế mở rộng để kiểm soát việc hiển thị trang này. Phần này mô tả các thành phần bố cục của trang chính mặc định và cách sửa đổi các thành phần đó. Để thiết kế lại toàn bộ trang, hãy xem tài liệu về Drupal.

Trang chủ được chia thành các phần sau:

  • Trình đơn chính: Chứa biểu trưng Apigee và các mục trong trình đơn Blog và Diễn đàn. Phần dưới đây mô tả cách định cấu hình trình đơn chính.
  • Tin nhắn chào mừng: Chuỗi bên dưới trình đơn chính bắt đầu bằng văn bản "Chào mừng bạn đến với ...". Phần Tuỳ chỉnh giao diện mô tả cách định cấu hình tin nhắn chào mừng.
  • Khu vực trên cùng: Khu vực bên dưới trình đơn chính bao gồm lời chào mừng, hai hộp có đường liên kết đến tài liệu và bản dựng có khoá truy cập, cũng như biểu tượng lớn. Khu vực này được xác định bằng một Khối Drupal. Khối là các khu vực nội dung hình chữ nhật trên trang Drupal. Để định cấu hình khu vực trên cùng, hãy chỉnh sửa Khối Drupal xác định nội dung cho khu vực đó như mô tả bên dưới.
  • Khu vực dưới cùng: Khu vực bao gồm các khu vực Bài đăng gần đây trên blog, Bài thảo luận trên diễn đàn và Chủ đề nổi bật. Ba khu vực này được triển khai dưới dạng Khung hiển thị Drupal. Bài viết Thêm bài đăng trên blog và diễn đàn mô tả cách chỉnh sửa các chế độ xem này.
  • Phần chân trang: Chứa các đường liên kết đến Chính sách quyền riêng tư, Điều khoản sử dụng và Thông tin liên hệ. Xem phần Chỉnh sửa trang chân trang.

Tuỳ chỉnh khối xác định khu vực trên cùng của trang chủ

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị.
  2. Chọn Structure > Blocks (Cấu trúc > Khối) trong trình đơn quản trị Drupal.
  3. Trên trang Khối, hãy chọn đường liên kết định cấu hình cho Khối có tên Tiêu đề trang chủ.
    Phần nội dung của Khối tiêu đề trang chủ là mã HTML xác định giao diện của khối đó
  4. Chỉnh sửa khối nếu cần.
  5. Chọn Lưu khối.
  6. Chuyển đến trang chủ để xem các thay đổi.

Tuỳ chỉnh trình đơn chính

Trình đơn chính xuất hiện ở đầu mỗi trang của cổng thông tin dành cho nhà phát triển. Theo mặc định, trang này hiển thị biểu trưng Apigee và hai mục trong trình đơn: Blog và Diễn đàn. Bạn có thể chỉnh sửa trình đơn chính để thay đổi biểu trưng và đặt các mục trong trình đơn của riêng mình.

Cách thay đổi biểu trưng:

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị hoặc tạo nội dung.
  2. Nếu giao diện mặc định của bạn là giao diện Apigee Responsive:
    1. Chọn Giao diện > Cài đặt.
  3. Nếu giao diện mặc định của bạn là giao diện Apigee DevConnect:
    1. Chọn Giao diện > Cài đặt > Giao diện Apigee DevConnect.
  4. Bỏ chọn Sử dụng biểu trưng mặc định trong phần Cài đặt hình ảnh biểu trưng.
    Trang sẽ thay đổi để cho phép bạn duyệt đến một tệp hình ảnh và tải tệp đó lên.
  5. Trong phần Tải hình ảnh biểu trưng lên, hãy chọn nút Chọn tệp rồi chuyển đến tệp hình ảnh của bạn.
  6. Chọn Mở để tải tệp lên.
  7. Nhấp vào Lưu cấu hình.

Cách chỉnh sửa mục trong trình đơn:

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị hoặc tạo nội dung.
  2. Chọn Structure > Menus > Main (Cấu trúc > Trình đơn > Chính) menu (trình đơn) trong trình đơn quản trị Drupal.
    Bạn có thể sử dụng trang này để thêm, xoá và sắp xếp lại các mục trong trình đơn.
  3. Nhấp vào Thêm đường liên kết để thêm một mục mới trong trình đơn.
  4. Thêm thông tin bắt buộc rồi chọn Lưu.
  5. Nhấp vào Save configuration (Lưu cấu hình) trên trang Trình đơn chính.

Đổi tên trang Ứng dụng của tôi thành API của tôi

Theo mặc định, mỗi nhà phát triển cổng thông tin đều có một trang có tên là "Ứng dụng của tôi" để thêm, sửa đổi và xoá ứng dụng cũng như các khoá API liên kết với các ứng dụng đó. Ví dụ: nhà phát triển có thể có nhiều ứng dụng, có thể sửa đổi ứng dụng để thêm hoặc xoá sản phẩm API và xem thông tin phân tích về mức sử dụng ứng dụng trên trang "Ứng dụng của tôi".

Tuy nhiên, một số nhà cung cấp API muốn đơn giản hoá việc hiển thị thông tin trên cổng thông tin và đơn giản hoá các hoạt động tương tác mà nhà phát triển có với cổng thông tin. Ví dụ: bạn có thể định cấu hình cổng thông tin để tạo một ứng dụng và khoá API mặc định khi nhà phát triển đăng ký trên cổng thông tin. Ứng dụng đó thậm chí có thể là ứng dụng duy nhất mà nhà phát triển sẽ truy cập và trang web không cho phép người dùng sửa đổi ứng dụng. Để biết thông tin về cách tạo ứng dụng mặc định, hãy xem bài viết Thêm và quản lý tài khoản người dùng.

Một số trang web không muốn sử dụng từ "ứng dụng". Thay vào đó, các trang web này đề cập đến API và khoá API. Trong trường hợp này, bạn định cấu hình cổng thông tin để thay thế cụm từ "ứng dụng" bằng "API", nhờ đó, nhà phát triển hiện có một trang có tên là "API của tôi". Tuy nhiên, thông tin hiển thị trên trang này giống như khi trang được gọi là "Ứng dụng của tôi", như minh hoạ dưới đây:

Thay đổi này không chỉ ảnh hưởng đến tiêu đề của trang API của tôi mà còn ảnh hưởng đến các khu vực khác. Ví dụ: trong hình trên, hãy lưu ý rằng nút ở bên phải hiện có nội dung "Thêm API mới" và văn bản bên dưới nút này đề cập đến API thay vì ứng dụng.

Cách định cấu hình trang web để hiển thị phần API của tôi:

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị hoặc tạo nội dung.
  2. Chọn Configuration > Dev Portal > Application Settings (Cấu hình > Cổng phát triển > Cài đặt ứng dụng) trong trình đơn quản trị Drupal.
  3. Mở rộng khu vực Application UI Settings (Cài đặt giao diện người dùng của ứng dụng) trên trang.
  4. Chọn nút chọn tương ứng với văn bản mà bạn muốn kiện.
  5. Nhấp vào Save Changes (Lưu thay đổi).
  6. Chọn Structure > Menus > Main menu (Cấu trúc > Trình đơn > Trình đơn chính) trong trình đơn quản trị Drupal.
  7. Nhấp vào đường liên kết Chỉnh sửa cho mục Ứng dụng của tôi.
  8. Chỉnh sửa Tiêu đề đường liên kết trong trình đơn thành API của tôi.
  9. Nhấp vào Lưu.
  10. Nhấp vào Save configuration (Lưu cấu hình) trên trang Trình đơn chính.

Bật trình đơn quản trị Drupal cho thiết bị di động

Trình đơn quản trị Drupal mặc định không tương thích với kích thước màn hình nhỏ của thiết bị di động. Nếu muốn quản trị cổng thông tin trên thiết bị di động, bạn có thể bật trình đơn quản trị mới hỗ trợ các thiết bị di động có chiều rộng màn hình từ 767 pixel trở lên.

Cách bật trình đơn quản trị tương thích với thiết bị di động:

  1. Đăng nhập vào cổng thông tin của bạn với tư cách là người dùng có đặc quyền quản trị hoặc tạo nội dung.
  2. Chọn Modules (Mô-đun) trong trình đơn quản trị Drupal. Danh sách tất cả các mô-đun Drupal đã cài đặt sẽ xuất hiện.
  3. Tải và cài đặt mô-đun Thanh điều hướng.
  4. Nếu đã bật, hãy tắt mô-đun Kiểu thanh công cụ của trình đơn Quản trị.
  5. Nhấp vào Lưu cấu hình.
  6. Tắt mô-đun Trình đơn quản trị.
  7. Bật mô-đun Navbar (Thanh điều hướng).
  8. Nhấp vào Lưu cấu hình.

Giờ đây, bạn sẽ thấy trình đơn quản trị Drupal tương thích với thiết bị di động.