Chèn button share vào bất kỳ chỗ nào trong theme năm 2024
Nếu bạn đang muốn chèn code (HTML, CSS hoặc JS) vào một trang bất kỳ trên website WordPress của mình mà không gây ảnh hưởng đến những trang khác thì bài viết này là dành cho bạn. Với sự trợ giúp của một plugin có tên là Header Footer Code Manager, bạn có thể chèn code vào bất cứ bài viết, trang, chuyên mục, thẻ… nào một cách đơn giản. Tất nhiên, các bạn cũng có thể áp dụng code cho tất cả các trang, tương tự như plugin WPCode (tên gọi cũ là Insert Headers and Footers by WPBeginner) mà tôi đã từng giới thiệu trước đó. Show Tham khảo thêm:
1. Đầu tiên, các bạn cần cài đặt và kích hoạt plugin Header Footer Code Manager (download). 2. Tiếp theo, truy cập HFCM => Add New để tạo snippet mới. Tại đây, các bạn sẽ nhìn thấy giao diện tương tự như sau: Trong đó:
Điền nội dung code vào khung Snippet/ Code và click vào nút Save để lưu lại. Xóa cache website (nếu có) và kiểm tra kết quả. 3. Các bạn có thể quản lý danh sách các code đã chèn bằng cách truy cập HFCM => All Snippets. 4. Nếu muốn import code từ website khác hoặc export code để mang sang website khác sử dụng, hãy truy cập HFCM => Tools. Thật đơn giản phải không nào? Chúc các bạn thành công! Bạn đang dùng cách nào để chèn code vào từng trang cụ thể trên website WordPress của mình? Hãy chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới. Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :) Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé. Để các bạn dễ hình dung, mình đã demo trực tiếp menu button chạy dọc website ngay tại bài viết này để các bạn tham khảo, trải nghiệm. Tạo menu button chạy dọc website – FlatsomeVà ngay sau đây, sẽ là bài hướng dẫn chi tiết để các bạn ai cũng đều có thể thực hiện được. Bước 1 - Tạo Đoạn HTML Với BlockCác bạn chọn UX Blocks -> Thêm mới -> Đặt tiêu đề bất kỳ -> Chọn trình soạn thảo văn bản -> dán toàn bộ đoạn html bên dưới vào [ux_stack direction="col" gap="0.15" class="demo-wrapper" visibility="hide-for-small"]
[ux_html]
Hotline Zalo Support Bước 2 - Chỉnh sửa lại thông tin buttonCác bạn chú ý trong đoạn html trên, mỗi đoạn thẻ (ví dụ dòng 4-5, 9-10, 14-15), bạn sẽ thay đổi tương ứng thành thông tin của bạn, mình lấy ví dụ:
Xong cuôi các bạn refresh lại trang để xem thành quả. Trong quá trình thực hiện, có thắc mắc nào, các bạn có thể để lại comment cho mình phía dưới bài viết. |