Giới thiệu: Xây dựng một ứng dụng RoloDex trực tuyến với các trường xem.

Trong này Hướng dẫn, chúng tôi sẽ xây dựng một ứng dụng tìm kiếm theo trường đơn giản bằng cách sử dụng Drupal 8 và một Nội dung tùy chỉnh kiểu. thẻ sẽ được sử dụng để lưu trữ thông tin về con người, công ty, & các tổ chức khác có địa chỉ, số điện thoại, hình ảnh, vv.


Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Điều này Hướng dẫn đòi hỏi Lượt xem. Drupal 8 nhà phát triển trang web có thể xây dựng trang hiển thị thông tin thẻ tùy chỉnh với các tùy chọn cho tìm kiếm theo khía cạnh dựa trên Lĩnh vực cho các mục đích CRM.

Bước một: Tạo loại nội dung tùy chỉnh: Thẻ Card.

Đối với Ứng dụng RoloDex của chúng tôi, trước tiên chúng tôi sẽ tạo một tùy chỉnh Loại nội dung đặt tên là Thẻ Card, sau đó thêm các trường cho một hình ảnh, địa chỉ, số điện thoại, email, & trang mạng. Chúng tôi cũng sẽ thêm một phân loại chính vào Thẻ để lọc giữa mọi người, doanh nghiệp, & các tổ chức khác.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Cài đặt: Điều hướng đến / admin / cấu trúc / loại / thêm & tạo một cái mới Loại nội dung cho thẻ.

Mô tả văn bản: Thẻ này có thể được sử dụng để tham khảo thông tin liên lạc cho mọi người, doanh nghiệp hoặc các tổ chức khác.

Cài đặt: Don mệnh Quảng bá đến Trang nhất, Don mệnh Tạo một bản sửa đổi mới, & Don mệnh Tác giả hiển thị & Thông tin được công bố trong hộp kiểm cấu hình.

 Kế tiếp: Lưu lại Loại nội dung & thêm một tập hợp các thuật ngữ phân loại vào các nút.

Bước hai: Thêm danh mục phân loại vào các lĩnh vực thẻ.

Đầu tiên: Điều hướng đến / admin / cấu trúc / phân loại / thêm và thêm mới Phân loại nhóm cho thẻ.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Cài đặt: Trong Điều khoản thẻ củaTừ vựng, chúng tôi muốn tạo ra các giá trị cho:

  • Mọi người
  • Các doanh nghiệp
  • Các tổ chức khác

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Cài đặt: Lưu từng điều khoản để sử dụng với Lượt xem trong việc lọc nội dung Thẻ thành danh sách.

Kế tiếp: Quay trở lại Loại nội dung cài đặt cho Thẻ tại / admin / cấu trúc / loại / quản lý / thẻ / trường & thêm Phân loại bộ lọc.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Cài đặt: Tạo một Lĩnh vực phân loại và dán nhãn cho nó “Loại thẻ”.

Cấu hình: Giới hạn các giá trị trong một thuật ngữ cho mỗi nút & đặt trường thành Điều khoản thẻPhân loại từ vựng.

Kế tiếp: Điều hướng đến / admin / cấu trúc / loại / quản lý / thẻ / biểu mẫu và Danh sách chọn cho các điều khoản thẻ.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Điều này thêm khả năng sắp xếp các bài viết Thẻ mới theo Phân loại thuật ngữ trên trang tạo nội dung:

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Hoàn thành: Trong các bước tiếp theo, chúng tôi sẽ sử dụng những Điều khoản phân loại trên Nút thẻ để lọc nội dung động vào danh sách bằng cách sử dụng Lượt xem & triển khai thực hiện Tìm kiếm thực địa khả năng.

Kế tiếp: Hãy để thêm thông tin Lĩnh vực vào thẻ.

Bước ba: Thêm trường thông tin người dùng / công ty vào thẻ.

Trong Bước ba, chúng tôi sẽ thêm thông tin người dùng Lĩnh vực đến loại nội dung Thẻ có thể được sử dụng trong danh sách hiển thị bằng cách sử dụng Lượt xem và cũng có sẵn để tìm kiếm.

Cài đặt:

  1. Điều hướng đến Quản lý các lĩnh vực trang cho Thẻ (/ admin / cấu trúc / loại / quản lý / thẻ / trường)
  2. Thêm mới Lĩnh vực cho: Hình ảnh, địa chỉ, số điện thoại, email, & Trang mạng vào mẫu Thẻ.
  3. Nhớ đặt mới Hình nhỏ kích thước cho hình ảnh ở 220×220 px.

Cài đặt hình ảnh: Cho Trường hình ảnh, chúng tôi đã tạo ra một Trường tham chiếu với giới hạn 1 giá trị được đặt thành Hình ảnh và thêm nó vào biểu mẫu. Sau đó, chúng tôi đã điều hướng đến / admin / config / media / image-style để xác nhận Hình ảnh thu nhỏ kích cỡ.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Trường địa chỉ: Đi đến Mô-đun & cho phép Điện thoại mô-đun trường nếu nó chưa được kích hoạt. Sau đó, sử dụng một Cánh đồng với một Văn bản: Đồng bằng kiểu tham chiếu, tạo các trường cho:

  • Địa chỉ – Dòng 1
  • Địa chỉ 2
  • Thành phố
  • Tiểu bang
  • Mã Bưu Chính
  • Quốc gia

Các trường bổ sung:

  • Email (Trường email)
  • Điện thoại (Trường điện thoại)
  • Trang web (Trường liên kết)

Điện thoại, email, & trang mạng Lĩnh vực tất cả có thể có các giá trị tham chiếu cụ thể liên kết hoặc điện thoại / email để xử lý trình duyệt. Sắp xếp thứ tự của Lĩnh vực trên trang tạo nút Thẻ.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Kế tiếp: Điều hướng đến trang tạo nút Thẻ & xem các lĩnh vực của bạn trên mẫu.

Bước bốn: Tạo nội dung mới bằng cách sử dụng thẻ & Lĩnh vực.

Khởi đầu: Điều hướng đến trang / node / add / card, bạn có thể thấy tất cả Lĩnh vực tạo ra cho Hình ảnh, Phân loại, & Thông tin địa chỉ được liệt kê trên biểu mẫu theo thứ tự hiển thị:

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Tiền boa: Sử dụng mẫu này để xây dựng nội dung Rolodex của bạn. Thêm thông tin danh thiếp cho khách hàng & liên hệ trực tuyến hoặc sử dụng làm công cụ tìm kiếm cơ sở dữ liệu cho các công ty phát triển chuyên gia.

Cài đặt: bên trong Quản lý hiển thị trường phần, thay đổi giá trị hiển thị thành Nội tuyến cho tất cả các trường văn bản và đặt tệp hình ảnh hiển thị với 220px Hình nhỏ trên các trang nút có 220px Hình nhỏ trên lượt xem trêu ghẹo với giá trị nhãn ẩn.

Trang kết quả Drupal 8 – Nội dung thẻ:

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Dấu: Sử dụng CSS tùy chỉnh trong một Chủ đề phụ Drupal 8 để thay đổi giá trị hiển thị mặc định.

Kế tiếp: Sắp xếp hoàn thành thẻ vào danh sách hiển thị với Tìm kiếm tiếp xúc sử dụng Lượt xem.

Bước năm: Xây dựng lượt xem cho màn hình thẻ & Tìm kiếm.

Để hoàn thành dự án, chúng ta cần tạo các trang tìm kiếm cho Phân loại điều khoản trong Lượt xem và gán địa chỉ URL cho họ. Chúng tôi sẽ tiết lộ Lượt xem Tìm kiếm các chức năng sao cho các thuật ngữ Trường như địa chỉ, thành phố, tiểu bang, quốc gia, v.v. trở thành bộ lọc cho nội dung.

Trong ví dụ này, chúng tôi đã xóa màn hình Địa chỉ đường phố để xem bảng nhỏ gọn hơn:

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Cài đặt: Điều hướng để tạo chế độ xem mới tại: / admin / architecture / view

  • Đặt Lượt xem để lọc nội dung của loại thẻ với Bài viết mới nhất Giảm dần.
  • Đặt Tiêu đề đến Trang web thử nghiệm – Tìm kiếm cơ sở dữ liệu với một URL của / thẻ tìm kiếm
  • Tiết kiệm & Chỉnh sửa Lượt xem. Sau đó thêm Lĩnh vực để hiển thị trong một Bàn định dạng.

Cách tạo Loại nội dung tùy chỉnh cho Drupal 8 với các trường

Xem cấu hình: Quản trị viên Drupal có quyền lựa chọn hiển thị trang web Trêu chọc hoặc tạo một màn hình tùy chỉnh với Lĩnh vực sử dụng Những cái bàn & Danh sách HTML.

Cài đặt tìm kiếm tiếp xúc: Tạo tùy chỉnh Lượt xem cho mỗi Phân loại kỳ hạn & đặt URLS thành: / người, / doanh nghiệp, & / tổ chức. Sau đó, bạn có thể sử dụng các trang này làm thành phần điều hướng trang web với Tìm kiếm tiếp xúc trên Cánh đồng giá trị.

Tùy chọn – Cài đặt Mô-đun Facets: Để xây dựng nâng cao hơn Tìm kiếm mặt chức năng thành một Drupal 8 hơn những gì tiếp xúc Bộ lọc trong Lượt xem cung cấp theo mặc định, cài đặt Khía cạnh mô-đun cùng với tùy chọn Phạm vi Widgets & Khía cạnh REST.

Tiền boa: Để cấu hình tốt hơn trên các trường Địa chỉ, hãy cài đặt Địa chỉ mô-đun.

Kết luận: Tìm kiếm thẻ được lập chỉ mục với các trường cơ sở dữ liệu.

Hướng dẫn này cho phép Drupal 8 người dùng để tận dụng tiềm năng của việc sử dụng Lĩnh vực trên một tùy chỉnh Loại nội dung với Lượt xem bộ lọc & Tìm kiếm tiếp xúc. Người xây dựng trang web có thể sử dụng hướng dẫn này để xây dựng ứng dụng Rolodex cho cơ sở dữ liệu tìm kiếm mọi người, doanh nghiệp, & các tổ chức khác.

Kiểm tra 3 dịch vụ lưu trữ Drupal hàng đầu sau:

ChemiCloud

Giá khởi điểm:
$ 2,76


độ tin cậy
10


Giá cả
9,9


Thân thiện với người dùng
9,9


Ủng hộ
10


Đặc trưng
9,9

Đọc đánh giá

Truy cập ChemiCloud

Chủ nhà

Giá khởi điểm:
0,99 đô la


độ tin cậy
9,3


Giá cả
9,3


Thân thiện với người dùng
9,4


Ủng hộ
9,4


Đặc trưng
9,2

Đọc đánh giá

Ghé thăm Hostinger

Lưu trữ A2

Giá khởi điểm:
$ 3,92


độ tin cậy
9,3


Giá cả
9.0


Thân thiện với người dùng
9,3


Ủng hộ
9,3


Đặc trưng
9,3

Đọc đánh giá

Ghé thăm Hosting A2

Bài viết hướng dẫn liên quan

  • Cách xây dựng biểu mẫu tùy chỉnh trong Drupal 8?
    Trung gian
  • Cách tạo thư viện ảnh bằng cách sử dụng chế độ xem trong Drupal 8?
    Trung gian
  • Cách quản lý hình thu nhỏ trên mạng xã hội trong Drupal 8?
    Trung gian
  • Cách thiết lập biểu mẫu liên hệ tùy chỉnh trong Drupal 8
    người mới
  • Cách tìm hiểu chi tiết cơ sở dữ liệu của trang web WordPress của bạn bằng cPanel
    người mới
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me