Bạn đang xem tài liệu về Apigee Edge.
Chuyển đến
Tài liệu về Apigee X. thông tin
Giao diện là một tập hợp các tệp xác định giao diện của một trang web. Chiến lược phát hành đĩa đơn Ban đầu, cổng Dịch vụ dành cho nhà phát triển được xác định bằng một giao diện mặc định. Bạn có thể tuỳ chỉnh giao diện này. Điều này cho phép bạn chọn các lựa chọn ưu tiên cho giao diện của cổng thông tin. Xem thêm cụ thể là bạn có thể thay đổi màu của đường liên kết, hình nền, văn bản và các thành phần giao diện khác. Bạn cũng có thể thay đổi thông báo chào mừng xuất hiện trên trang chủ của cổng thông tin dành cho nhà phát triển.
Bạn có thể tuỳ chỉnh giao diện thông qua giao diện người dùng cổng thông tin dành cho nhà phát triển hoặc bằng cách viết mã trong một giao diện tuỳ chỉnh tệp giao diện để ghi đè tệp giao diện mặc định.
Bạn sẽ có một vài chủ đề để lựa chọn, tuỳ thuộc vào phiên bản cổng thông tin dành cho nhà phát triển từ:
| Chủ đề | Mô tả |
|---|---|
|
Giao diện thích ứng của Apigee |
Dựa trên Bootstrap 3, giao diện mặc định cho các bản phát hành sau này của cổng thông tin. Giao diện này hỗ trợ các thiết bị có chiều rộng từ 768 pixel đến 1400 pixel. Tất cả tính năng Tự thân khởi nghiệp 3 đều có trong giao diện này. Lưu ý: Để sử dụng giao diện Thích ứng Apigee, hãy đảm bảo quy tắc Tự thân khởi động Chủ đề 7.x-3.0 được bật. |
|
Giao diện Apigee DevConnect |
Giao diện mặc định của cổng thông tin trước giao diện Thích ứng Apigee. Bạn có thể nâng cấp các cổng thông tin hiện có lên giao diện Thích ứng Apigee mới nhưng trước tiên đảm bảo rằng tất cả các khối, mẫu và nội dung khác đều tương thích với Tự động khởi động 3, và mà chủ đề Bootstrap 7.x-3.0 được bật. |
|
Giao diện cơ bản của Apigee |
Giao diện mẹ cho giao diện Apigee DevConnect và không dùng trên giao diện này của bạn. |
Đặt giao diện mặc định
Nếu cổng thông tin của bạn vẫn đang dùng giao diện cũ của Apigee DevConnect, bạn có thể thấy một cảnh báo trong biểu mẫu:
"Apigee DevConnect theme" is out of date
Bạn có thể làm theo quy trình sau đây để đặt giao diện mặc định cho cổng thông tin. Bạn nên luôn thử nghiệm chủ đề mới trước tiên trên hệ thống phi sản xuất trước khi triển khai chủ đề cho sản xuất.
Cách đặt giao diện mặc định:
- Đă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 của quản trị viên hoặc quyền tạo nội dung.
- Hãy chọn Appearance (Giao diện) trong trình đơn quản trị Drupal. Danh sách các tuỳ chọn được bật giao diện.
- Đối với giao diện mà bạn muốn dùng làm giao diện mặc định, hãy chọn Đặt làm mặc định.
Để dùng giao diện Thích ứng Apigee, hãy đảm bảo giao diện Bootstrap 7.x-3.0 được bật trên trang đó. - Lưu cấu hình.
Tuỳ chỉnh giao diện Thích ứng của Apigee
Phần này mô tả cách định cấu hình giao diện Thích ứng Apigee, bao gồm:
- Tuỳ chỉnh biểu mẫu phụ
- Tuỳ chỉnh chế độ cài đặt chung
Cách tuỳ chỉnh việc hỗ trợ biểu mẫu phụ:
Cổng thông tin này sử dụng Drupal Tự thân khởi nghiệp Mô-đun hộp cát của biểu mẫu mô-đun để hiển thị biểu mẫu Drupal dưới dạng phương thức. Việc đăng nhập và đăng ký biểu mẫu bằng cách làm phương thức mặc định. Bạn có thể tắt chức năng này để các biểu mẫu đó xuất hiện dưới dạng trang riêng lẻ.
- Đăng nhập vào cổng thông tin dành cho nhà phát triển với tư cách là người dùng có đặc quyền của quản trị viên.
- Chọn Cấu hình > Giao diện người dùng > Biểu mẫu Tự thân khởi nghiệp trong Trình đơn quản trị Drupal.
- Bật hoặc tắt chế độ hỗ trợ cho biểu mẫu.
- Chọn Lưu cấu hình.
Cách tuỳ chỉnh chế độ cài đặt chung của giao diện Thích ứng Apigee:
- Đă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 của quản trị viên hoặc quyền tạo nội dung.
- Chọn Giao diện trong trình đơn quản trị Drupal. Danh sách giao diện đã bật sẽ xuất hiện.
- Trong khu vực Apigee Đáp ứng (giao diện mặc định) của trang, hãy chọn Cài đặt (không chọn nút Cài đặt ở đầu trang).
- Trang cài đặt cho giao diện Thích ứng của Apigee sẽ xuất hiện.
- Bảng sau đây mô tả các vùng trên trang mà bạn có thể sử dụng để định cấu hình
chủ đề. Nếu bạn thay đổi bất kỳ chế độ cài đặt nào trong số này, hãy chọn Lưu cấu hình.
Khu vực Phần Mô tả Cài đặt khởi động
Thành phần
Kiểm soát chế độ hiển thị của breadcrumb (tập hợp liên kết phân cấp), vị trí của trình đơn chính (được gọi là Thanh điều hướng trong phần cài đặt) và cách hiển thị giếng nước trong khu vực:
- Breadcrumb (tập hợp liên kết phân cấp): Ẩn/hiện breadcrumb (tập hợp liên kết phân cấp), bật/tắt đường liên kết đến Trang chủ bên trong breadcrumb (tập hợp liên kết phân cấp).
- Navbar: Thay đổi vị trí của Thanh điều hướng (trình đơn chính) thành vị trí cố định/tĩnh/bình thường, giúp bố cục linh động hơn.
- Giếng khu vực: Thêm một lớp tốt vào bất kỳ khu vực nào trên trang web thêm nền tối hơn vào khu vực này.
JavaScript
Kiểm soát việc hiển thị quảng cáo cố định, cửa sổ bật lên và chú thích:
- Neo: Cố định vị trí neo và làm mượt mà cuộn.
- Cửa sổ bật lên: Cửa sổ bật lên thêm các lớp phủ nội dung nhỏ vào bất kỳ . Bật/tắt cửa sổ bật lên và định cấu hình cách sử dụng cửa sổ bật lên.
- Chú giải công cụ: Định cấu hình cách sử dụng chú giải công cụ. Bạn có thể buộc từng để hiển thị ở bên phải, bên trái, trên cùng hoặc dưới cùng của mỗi phần tử biểu mẫu và các tuỳ chọn hiển thị khác.
Nâng cao
Kiểm soát cách cổng thông tin sử dụng BootstrapCDN để cập nhật các tệp chủ đề Tự thân khởi nghiệp. Bạn có thể tắt sự phụ thuộc của cổng thông tin trên Tự thân khởi nghiệp CDN, nhưng sau đó bạn phải cung cấp phương thức triển khai Tự thân khởi nghiệp khung.
Chế độ cài đặt DevConnect
Đặt tin nhắn chào mừng, màu sắc mặc định và kích thước của biểu trưng xuất hiện trong trình đơn chính.
Ghi đè chế độ cài đặt chung
Bật/tắt chế độ hiển thị
Bật và tắt tính năng hiển thị các vùng khác nhau của cổng thông tin.
Cài đặt hình ảnh biểu trưng
Chỉ định hình ảnh xuất hiện trong trình đơn chính.
Cài đặt biểu tượng lối tắt
Chỉ định hình ảnh được hiển thị trong thanh địa chỉ của trình duyệt hoặc cho dấu trang cổng thông tin.
Tuỳ chỉnh giao diện Apigee DevConnect
Giao diện Apigee DevConnect là giao diện mặc định của cổng thông tin cho các bản phát hành cũ hơn của cổng thông tin và có thể nâng cấp lên giao diện Thích ứng Apigee mới. Tuy nhiên, trước tiên bạn phải đảm bảo rằng tất cả khối, mẫu và nội dung khác tương thích với Tự thân khởi nghiệp 3 trước khi thực hiện nâng cấp.
Để tuỳ chỉnh các chế độ cài đặt chung của Apigee DevConnect giao diện:
- Đă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 của quản trị viên hoặc quyền tạo nội dung.
- Chọn Appearance > (Giao diện >) Giao diện kết nối với nhà phát triển Apigee > Cài đặt trong Drupal
trình đơn quản trị. Thao tác này sẽ hiển thị chế độ cài đặt ban đầu cho giao diện. Chế độ cài đặt màu là
được chỉ định dưới dạng giá trị thập lục phân.
- Thay đổi các chế độ cài đặt cho phù hợp với lựa chọn ưu tiên của bạn.
Ví dụ: thêm hoặc thay đổi tin nhắn chào mừng hay thay đổi màu nền của phần đầu trang. Chiến lược phát hành đĩa đơn màu nền của tiêu đề ban đầu được đặt thành màu gần như màu cam (#FF4300). Bạn có thể thay đổi thành một màu khác, chẳng hạn như xanh dương (#0000FF). - Khi bạn thay đổi xong các chế độ cài đặt, hãy nhấp vào Lưu.
Tuỳ chỉnh một chủ đề bằng cách tạo một chủ đề phụ
Tất cả các tệp và tài sản xác định giao diện mặc định được cung cấp cùng với cổng thông tin đều nằm trong Thư mục hồ sơ/apigee/chủ đề trong thư mục cài đặt cổng thông tin. Thư mục này có tại /var/www/html/profiles/apigee/themes nếu bạn đã cài đặt cổng vào vị trí mặc định.
Để chỉnh sửa giao diện để sửa đổi giao diện của trang web, không sửa đổi tệp chủ đề trong hồ sơ/apigee/chủ đề trực tiếp. Nếu bạn làm như vậy, các thay đổi của bạn sẽ bị ghi đè vào lần tiếp theo bạn nâng cấp cổng thông tin.
Thay vào đó, hãy tạo một giao diện phụ của giao diện mà bạn muốn sửa đổi bằng cách sao chép giao diện mặc định tệp vào /sites/all/themes thư mục. Để biết hướng dẫn về các chủ đề phụ, hãy xem tài liệu Drupal tài liệu tại https://www.drupal.org/node/225125.
- Sao chép thư mục profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit đến /sites/all/themes .
- Đổi tên thư mục apigee_responsive_starterkit vào Your_PHOTOS_NAME.
- Đổi tên tệp apigee_responsive_starterkit.info thành Your_PHOTOS_NAME.info.
- Đổi tên css/apigee_responsive_starterkit.css thành css/YOUR_TOPIC_NAME.css.
- Đổi tên js/apigee_responsive_starterkit.js thành BẠN_BOTTOM_NAME.js.
- Chỉnh sửa tệpYour_BOTTOM_NAME.info và thay thế các dòng sau:
bảng tính định kiểu[all][] = css/apigee_responsive_starterkit.css
tập lệnh[] = js/apigee_Adaptive_starterkit.js
với:
bảng tính định kiểu[all][] = css/YOUR_TOPIC_NAME.css
tập lệnh[] = js/YOUR_TOPIC_NAME.js - Thay đổi tên của giao diện trong tệp Your_ lục thứ 2.info từ Bộ công cụ khởi động thích ứng Apigee thành CHỦ ĐỀ CỦA BẠN TÊN.
- Nếu bạn muốn thêm ảnh chụp màn hình mới cho giao diện của mình thì hãy thay thế tệp screenshot.png hiện có.
- Nếu bạn muốn thêm biểu trưng mới vào giao diện của mình, thì hãy thay thế tệp logo.png đang thoát.
- Nếu bạn muốn thêm biểu tượng trang web mới vào giao diện của mình, hãy thay thế tệp favicon.ico hiện có.