Mã ngắn chân trang WordPress
|
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ó Show
Xem trướcHã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 để 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ủ đề DiviKhi 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ạnChọn Tab Thiết kế cho mô-đun Mã. Cuộn đến Kiểu viền và thêm đường 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
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ạnNguồ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ạnCookieCó. 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 GDPRMở 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
Mở mô-đun Văn bản bản quyền. Trong tab Thiết kế, thêm 14px của phần đệm
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
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 độngPhiê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ợ |
