Thư HTML Drupal
Từ thông báo xác nhận gửi biểu mẫu đến yêu cầu khôi phục mật khẩu, email hệ thống là một phần quan trọng của bất kỳ trang web hoặc ứng dụng nào. Do đó, thiết kế của những email này là một điểm tiếp xúc quan trọng không nên quên. Trong hướng dẫn này, tôi sẽ giải thích từng bước quy trình kích hoạt và định kiểu email HTML tùy chỉnh trong Drupal 8 Show
1. Bật mô-đunCó rất nhiều mô-đun khác nhau, tôi đã thành công nhất với sự kết hợp của ba mô-đun này. Hệ thống thư, Mime Mail và SMTP 2. Định cấu hình mô-đunHệ thống thưSau khi các mô-đun của bạn được cài đặt và kích hoạt, hãy chuyển đến trang cấu hình Hệ thống Thư (Cấu hình > Hệ thống > Hệ thống Thư). Tại đây, bạn sẽ đặt trình định dạng và người gửi thư của mình. Chúng tôi đã thấy kết quả tốt nhất khi kết hợp sử dụng trình gửi thư Mime Mail làm Trình định dạng và Trình gửi thư SMTP làm Người gửi. Cuối cùng, đặt chủ đề để hiển thị email thành chủ đề đang hoạt động của bạn. Bạn có thể bỏ qua cấu hình dành riêng cho mô-đun trừ khi bạn thấy rằng bạn cần nó cho trường hợp sử dụng cụ thể của mình
thư câmBây giờ, bạn sẽ định cấu hình Mime Mail (Cấu hình > Hệ thống > Mime Mail). Tất cả những gì bạn thực sự cần làm ở đây là chọn định dạng văn bản email của bạn. Nếu bạn không sử dụng tệp
3. Tạo/sửa đổi các mẫu email cơ sởBằng cách sử dụng trình định dạng Mime Mail, chúng tôi có quyền truy cập vào mẫu có tên 4. Áp dụng kiểuBây giờ chúng ta đã có các mẫu email của mình, chúng ta có thể bắt đầu áp dụng các kiểu cho các email này. Theo mặc định, Mime Mail sẽ tìm tệp 5. Kiểm tra, kiểm tra, kiểm traỨng dụng email nổi tiếng là khó tính khi hiển thị email. Một email có thể xuất hiện hoàn hảo trong Apple Mail nhưng bị hỏng trong Gmail và Outlook. Đó là lý do tại sao việc kiểm tra từng email trước khi gửi chúng cho người dùng thực là vô cùng quan trọng. Bạn có thể thực hiện kiểm tra thủ công bằng cách đăng ký một vài nhà cung cấp email khác nhau và sử dụng từng nhà cung cấp để xem email do trang web của bạn gửi. Thông tin về các Tác giả Haley là một nhà thiết kế trải nghiệm người dùng và nhà phát triển giao diện người dùng, người thích tạo ra các trải nghiệm di động và web đẹp và có thể sử dụng được Cam kết này không thuộc về bất kỳ nhánh nào trên kho lưu trữ này và có thể thuộc về một nhánh bên ngoài kho lưu trữ Bạn không thể thực hiện hành động đó vào lúc này Bạn đã đăng nhập bằng tab hoặc cửa sổ khác. Tải lại để làm mới phiên của bạn. Bạn đã đăng xuất trong một tab hoặc cửa sổ khác. Tải lại để làm mới phiên của bạn Tháng trước, chúng tôi đã triển khai câu chuyện của người dùng cho bản phân phối Drupal OpenLucius của chúng tôi. chúng tôi cần gửi html sạch từ các mô-đun Drupal 9. Điều này cũng nên được mở rộng, như trong. các mô-đun khác nhau sẽ có thể gửi nội dung khác nhau qua thư trong một mẫu nhất quán. Sau một thời gian mã hóa và thử các mô-đun và tùy chọn khác nhau trong các mô-đun đó, cuối cùng chúng tôi đã kết hợp nó lại với nhau theo một cách đẹp, rõ ràng và có thể mở rộng Vì vậy, tôi nghĩ sẽ có nhiều người muốn gửi thư html đẹp từ Drupal 8/9 theo chương trình. Tôi đã trích xuất mã và tạo một mô-đun ví dụ riêng biệt, thậm chí có thể cài đặt được Sao chép và chạy điTôi đã xuất bản nó ở đây trên Github, vì vậy bạn có thể sao chép nó và sử dụng nó để làm bất cứ điều gì bạn cần. Hiện tại nó không phải là một Drupal được xuất bản. dự án org với tất cả các loại nội dung có thể định cấu hình hướng dẫn cài đặtSao chép repo này và cài đặt nó giống như một mô-đun tùy chỉnh trong Drupal; . Mô-đun drupal phụ thuộc vào mô-đun Swiftmailer, mô-đun này phụ thuộc vào mô-đun Mailsystem Drupal. Sau khi bạn cài đặt, ba mô-đun này sẽ được kích hoạt hướng dẫn cấu hìnhĐịnh cấu hình hệ thống thư Đi tới /admin/config/system/mailsystem và sao chép cấu hình này
Sao chép ghi đè mẫu Twig Sao chép tệp 'swiftmailer--lucius-html-mail. html. twig' vào thư mục '/templates' của chủ đề tùy chỉnh của bạn. Đây là ghi đè mẫu email html sạch mà Swiftmailer sẽ sử dụng sau này và bạn có thể điều chỉnh bất kỳ cách nào bạn muốn Cấu hình Swiftmailer Xin thông tin cho bạn, tất cả 'Cài đặt vận chuyển' trong cấu hình Swiftmailer có thể để mặc định (xem /config/swiftmailer/transport) Giải thích code Drupal1. hook_mail() trong. tập tin mô-đunTrước hết, để sử dụng hệ thống gửi thư của Drupal. bạn cần triển khai hook_mail trong. tập tin mô-đun
2. Dịch vụ thư Drupal tùy chỉnh 'lucius_html_mail. thư'Tôi đã triển khai Dịch vụ Drupal tùy chỉnh 'lucius_html_mail. mail', vì khả năng mở rộng trong số những thứ khác. dịch vụ này xử lý tất cả nội dung chung để gửi email, trong khi các mô-đun khác có thể sử dụng dịch vụ này thông qua Quy trình nội xạ phụ thuộc và gửi thư với các tham số khác nhau. nội dung tin nhắn trong trường hợp này
3. Drupal Route and Controller để kiểm tra và gửi email mẫuTôi đã xác định tuyến đường '/send_test_mail'. Nếu bạn truy cập url đó trong trình duyệt của mình, thì mã trong sendTestMail() sẽ thực thi Nếu tất cả đều ổn. tất cả người dùng sẽ nhận được thư mẫu ) Vì vậy, hãy đảm bảo rằng bạn đang thử nghiệm điều này trong môi trường mà thư không thể chuyển ra thế giới bên ngoài, ví dụ: chúng tôi sử dụng Docker cục bộ với Mailhog. (
Vì vậy, nếu bạn truy cập '/send_test_mail', tất cả người dùng sẽ nhận được email giống như thế này 4. Tệp ghi đè Twig tùy chỉnh 'swiftmailer--lucius-html-mail. html. cành cây'Như đã đề cập trước đó, swiftmailer--lucius-html-mail. html. twig nên được sao chép ở đâu đó vào thư mục /templates của chủ đề tùy chỉnh của bạn. Tôi đã tìm thấy mã html này trong kho lưu trữ mã nguồn mở này. Nó thậm chí còn phản hồi nhanh và sử dụng nhiều kiểu nội tuyến, cần thiết để làm cho nó tương thích với tất cả các ứng dụng email lớn Như bạn có thể thấy, có các biến Cành, chủ yếu tôi sử dụng các giá trị trong mảng $message. Các biến này phù hợp với các tham số chúng tôi xây dựng trước đó. Hàm Lucius_html_mail_mail() (hook_mail) biến các tham số của chúng ta thành một mảng $message, có thể được sử dụng trong mẫu Twig như trong hình trên Vì vậy, điều chỉnh mẫu này theo bất kỳ cách nào bạn muốn hoặc triển khai một mẫu hoàn toàn mới với các biến khác. Giờ đây, tất cả đều nằm trong tay bạn, hãy biến nó theo cách bạn muốn một cách rõ ràng, nhạy bén và có thể mở rộng tiện dụng. Đề xuất ghi đè tệp mẫu TwigNếu bật Chế độ phát triển trong Drupal, bạn có thể xem tất cả các đề xuất mẫu để tiến xa hơn nữa trong tương lai Gói (lạiOk, đó là nó cho bây giờ. Hy vọng rằng bây giờ bạn có thể triển khai các email sạch đẹp cho hệ thống Drupal 8/9 của mình. Nếu bạn cần giải thích thêm hoặc bạn không thể làm cho nó hoạt động. làm ơn cho tôi biết |