Chân trang Divi rất linh hoạt. Bạn có thể đặt nhiều yếu tố bên trong chúng để giúp khách truy cập điều hướng qua trang web của bạn. Mặc dù Divi có đầy đủ các mô-đun mà bạn có thể đặt bên trong chân trang của mình ngay lập tức, nhưng bạn cũng có thể đưa các mã ngắn plugin vào chân trang Divi của mình. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách. Chúng tôi sẽ giải quyết ba ví dụ về plugin khác nhau, vì vậy hãy bắt đầu với nó
Xem trước
Hãy xem nhanh những gì chúng tôi đang thêm vào chân trang Divi của mình. Chúng tôi sẽ thêm các plugin này
- Lịch sự kiện
- Nguồn cấp ảnh xã hội đập bóng bay
- CookieCó. Thông báo về sự đồng ý và tuân thủ cookie GDPR
Lịch sự kiện để bàn
Đây là Lịch sự kiện trên phiên bản máy tính để bàn của trang web Divi của chúng tôi
Lịch sự kiện di động
Đây là Lịch sự kiện trên di động
Máy tính để bàn Nguồn cấp dữ liệu ảnh xã hội Smash Balloon
Đây là Nguồn cấp ảnh xã hội Smash Balloon trên máy tính để bàn
Đập bóng Nguồn cấp dữ liệu ảnh xã hội Di động
Đây là Nguồn cấp ảnh xã hội Smash Balloon trên thiết bị di động
CookieYes Máy tính để bàn
Đây là phiên bản máy tính để bàn của chân trang mới của chúng tôi với CookieYes
CookieYes Di động
Đây là phiên bản di động với CookieYes
Mẫu chân trang
Đối với hướng dẫn này, bạn sẽ cần một mẫu chân trang. Bạn có thể tạo một mẫu từ đầu hoặc sử dụng một trong các mẫu chân trang miễn phí có trong blog Chủ đề thanh lịch. Chỉ cần tìm kiếm “free footer”. Ví dụ của tôi, tôi đang sử dụng Mẫu đầu trang và chân trang MIỄN PHÍ cho Gói bố cục tinh dầu của Divi
Tải xuống mẫu chân trang Divi của bạn và giải nén tệp. Bạn sẽ tải tệp JSON lên. Chúng tôi sẽ thêm mã ngắn vào chân trang Divi
Tải Mẫu chân trang lên Trình tạo chủ đề Divi
Khi bạn đã tải xuống và giải nén mẫu chân trang Divi của mình, đã đến lúc tải nó lên Trình tạo chủ đề Divi. Truy cập Divi > Trình tạo chủ đề trong bảng điều khiển WordPress. Chọn biểu tượng Tính di động ở phía trên bên phải. Trong phương thức, nhấp vào tab Nhập, chọn Chọn tệp, điều hướng đến tệp JSON của bạn và chọn tệp đó, rồi nhấp vào Nhập mẫu Trình tạo chủ đề Divi. Đợi nó tải lên. Xóa mẫu tiêu đề nếu bạn không muốn sử dụng và lưu cài đặt
Bây giờ, hãy xem cách thêm mã ngắn vào chân trang Divi. Bạn có thể làm việc trong Trình tạo chủ đề Divi hoặc ở giao diện người dùng
Thêm mã ngắn lịch sự kiện vào chân trang Divi của bạn
Đối với mã ngắn đầu tiên của chúng tôi, chúng tôi sẽ sử dụng Lịch sự kiện. Đây là lịch sự kiện phổ biến nhất cho WordPress và lịch của nó trông tuyệt vời ở chân trang. Plugin này không bao gồm mã ngắn, nhưng chúng tôi có thể thêm chúng bằng tiện ích mở rộng có tên Mã ngắn sự kiện cho Lịch sự kiện. Cài đặt cả hai plugin. Tạo sự kiện của bạn như bình thường
Lịch sự kiện sẽ không cung cấp cho bạn mã ngắn, nhưng bạn có thể tạo chúng bằng addon mã ngắn. Addon này cũng bao gồm các tùy chọn kiểu dáng và một trường dành cho CSS tùy chỉnh. Xem cài đặt của tiện ích bổ sung trong bảng điều khiển WordPress. Chuyển đến Addons sự kiện > Cài đặt mã ngắn
Tab mã ngắn cho tiện ích bổ sung được tìm thấy trong tab Thuộc tính mã ngắn. Điều này cung cấp một mã ngắn mẫu cùng với các thuộc tính mà bạn có thể sử dụng để tạo một mã ngắn tùy chỉnh. Làm theo hướng dẫn và tạo mã ngắn cho sự kiện của bạn
Ví dụ của tôi, tôi sẽ làm việc từ giao diện người dùng. Bật Trình tạo hình ảnh và cuộn xuống chân trang. Di chuột qua chân trang và nhấp vào Chỉnh sửa mẫu chân trang
Di chuột qua khu vực dưới các phần tử chân trang. Khu vực này nằm ngay phía trên thông báo bản quyền ở chân trang. Nhấp vào biểu tượng dấu cộng màu xanh lục và thêm hàng một cột
Chọn mô-đun Văn bản hoặc Mã. Không quan trọng bạn chọn cái nào. Tôi đã chọn một mô-đun Mã cho ví dụ này. Dán mã ngắn của bạn vào trường mã. Nhấp vào kiểm tra màu xanh lá cây và lưu trang của bạn
Tạo kiểu mã ngắn cho lịch sự kiện cho chân trang Divi của bạn
Chọn Tab Thiết kế cho mô-đun Mã. Cuộn đến Kiểu viền và thêm đường viền 1px
- kiểu viền. 1px
Chúng tôi sẽ tạo kiểu cho phần còn lại của sự kiện trong Addon Mã ngắn sự kiện bằng cách sử dụng các yếu tố thiết kế từ chân trang
Trong tab Events Shortcodes Addon General Settings, thay đổi màu sắc và phông chữ thành các cài đặt này
- Màu da chính. #000000
- Màu nền sự kiện. #E3E3E3
- Phông chữ văn bản. dưa đỏ
- Cỡ chữ. 14px
- Kiểu tiêu đề sự kiện. Spartan, Đậm, #000000, 18px
- Sự kiện Mô tả Phong cách. #000000
- Phong cách địa điểm tổ chức sự kiện. #ffffff
- Kiểu ngày sự kiện. Cantarell, 36px, #ffffff
Chân trang hiện bao gồm lịch sự kiện khớp với phần còn lại của chân trang
Thêm mã ngắn nguồn cấp dữ liệu ảnh xã hội Smash Balloon vào chân trang Divi của bạn
Nguồn cấp ảnh xã hội Smash Balloon kết nối với tài khoản Instagram của bạn thông qua API và hiển thị ảnh từ nguồn cấp dữ liệu của bạn. Đây là một cách tuyệt vời để xây dựng mạng xã hội của bạn. Để kết nối với tài khoản Instagram của bạn, hãy đi tới Nguồn cấp dữ liệu Instagram > Cài đặt trong bảng điều khiển WordPress. Trong tab Định cấu hình, nhấp vào Kết nối và Tài khoản Instagram
Điều này sẽ đưa bạn đến một màn hình nơi bạn có thể kết nối tài khoản của mình. Nhấp để đăng nhập và cho phép plugin truy cập tài khoản
Chọn tab có nhãn Hiển thị nguồn cấp dữ liệu của bạn. Sao chép mã ngắn Nguồn cấp dữ liệu Instagram. Bạn cũng có thể sao chép mã ngắn cho các loại nguồn cấp dữ liệu khác, bao gồm nhiều nguồn cấp dữ liệu, tùy chọn tùy chỉnh, thêm nút, v.v. Một số yêu cầu phiên bản chuyên nghiệp của plugin. Tôi đang sử dụng nguồn cấp dữ liệu tiêu chuẩn
Truy cập trang chủ của bạn [hoặc Trình tạo chủ đề Divi]. Đã bật trình tạo hình ảnh và cuộn đến chân trang. Di chuột qua chân trang và nhấp vào Chỉnh sửa mẫu chân trang
Di chuột vào nơi bạn muốn thêm nguồn cấp dữ liệu. Chèn một hàng mới và chọn một cột
Nguồn cấp dữ liệu Instagram của bạn được hiển thị tự động. Nó bao gồm nút Tải thêm, nút Theo dõi trên Instagram và nhãn cho biết cách nguồn cấp dữ liệu thuộc về
Mỗi yếu tố có thể được tùy chỉnh. Bạn có thể thay đổi màu nền, bố cục, số lượng ảnh hiển thị, v.v. , trong màn hình cài đặt của plugin trong tab Định cấu hình. Nó đã hiển thị theo cách tôi muốn, vì vậy tôi sẽ không cần tạo kiểu cho cái này
Thêm CookieCó. Thông báo tuân thủ và đồng ý cookie GDPR Mã ngắn cho chân trang Divi của bạn
CookieCó. Thông báo tuân thủ và đồng ý cookie GDPR hiển thị sự đồng ý cookie có thể được nhúng vào chân trang của bạn. Các mã ngắn có sẵn trong tab Hướng dẫn trợ giúp. Chuyển đến Đồng ý cookie GDPR > Cài đặt trong bảng điều khiển WordPress. Có một số để lựa chọn và bạn có thể tùy chỉnh chúng
Bật Trình tạo hình ảnh trên trang chủ của bạn, cuộn chân trang và chọn Chỉnh sửa mẫu chân trang
Cuộn xuống thông báo bản quyền và thay đổi hàng thành cột đôi
Nhấp vào biểu tượng dấu cộng màu xám đậm ở bên phải và chọn mô-đun Mã hoặc Văn bản
Thêm tất cả các mã ngắn vào mô-đun. Đóng mô-đun và lưu trang. Chúng tôi sẽ thực hiện một số điều chỉnh với cả mô-đun và cài đặt của plugin
Cookie phong cáchCó. Thông báo về sự đồng ý và tuân thủ cookie GDPR
Mở mô-đun Mã và chọn tab Thiết kế. Trong Khoảng cách, đặt Lề trên cùng thành -24px. Bạn có thể kéo cái này trong Visual Builder
- Lề trên. -24px
Mở mô-đun Văn bản bản quyền. Trong tab Thiết kế, thêm 14px của phần đệm
- đệm. 14px
Lưu cài đặt của bạn và điều hướng đến cài đặt của plugin
Trong tab Tùy chỉnh Nút, chọn từng nút và chọn Lớn cho Kích thước Nút
- Kích thước nút. Lớn
Chọn tùy chọn Đọc thêm và đặt Màu văn bản thành #888888
Văn bản màu. #888888
Kết quả
Đây là giao diện của mỗi chân trang trên máy tính để bàn và thiết bị di động
Lịch sự kiện để bàn
Đây là loại bài đăng sự kiện trên máy tính để bàn
Lịch sự kiện di động
Phiên bản di động sắp xếp các yếu tố của loại bài đăng sự kiện
Máy tính để bàn Nguồn cấp dữ liệu ảnh xã hội Smash Balloon
Đây là phiên bản máy tính để bàn của nguồn cấp dữ liệu Instagram của chúng tôi
Đập bóng Nguồn cấp dữ liệu ảnh xã hội Di động
Đây là phiên bản di động. Nó đặt các hình ảnh trong một ngăn xếp
CookieYes Máy tính để bàn
Đây là phiên bản máy tính để bàn của chân trang mới của chúng tôi với sự đồng ý của cookie
CookieYes Di động
Đây là phiên bản di động
kết thúc suy nghĩ
Đó là cái nhìn của chúng tôi về cách thêm mã ngắn vào chân trang Divi để mở rộng trang web của bạn hơn nữa. Dễ dàng thêm mã ngắn bằng mô-đun văn bản hoặc mã. Ba plugin tôi đã sử dụng ở đây chỉ là phần nổi của tảng băng chìm về những gì có thể được thêm vào Divi bằng mã ngắn
Chúng tôi muốn nghe từ bạn. Bạn có thêm mã ngắn vào chân trang Divi không?
Tiết lộ. Nếu bạn mua thứ gì đó sau khi nhấp vào liên kết trong bài đăng, chúng tôi có thể nhận được hoa hồng. Điều này giúp chúng tôi duy trì nội dung miễn phí và các tài nguyên tuyệt vời. Cảm ơn bạn đã hỗ trợ