Chia sẻ bài viết lên mạng xã hội
Mở file functions.php trong child theme của bạn (nếu chưa có child theme, bạn nên tạo child theme để tránh mất thay đổi khi update theme). Thêm đoạn code sau:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
//Chia sẻ bài viết lên mạng xã hội function custom_social_share_buttons($content) { if (is_single() || is_page()) { $url = urlencode(get_permalink()); $title = urlencode(get_the_title()); $facebook = "https://www.facebook.com/sharer/sharer.php?u=$url"; $twitter = "https://x.com/intent/tweet?text=$title&url=$url"; $pinterest = "https://pinterest.com/pin/create/button/?url=$url&description=$title"; $messenger_web = "https://www.messenger.com/share?link=$url"; $messenger_mobile = "fb-messenger://share?link=$url"; $html = '<style> .custom-social-share { display: flex; align-items: center; gap: 10px; } .custom-social-share p { margin: 0; font-weight: bold; } .social-btn, .copy-link { font-size: 1em; text-decoration: none; border: none; background: none; cursor: pointer; } .zalo-share-button { transform-origin: center; } .copy-link { position: relative; top: 6px; } </style>'; $html .= '<div class="custom-social-share">'; $html .= '<p>Chia sẻ bài viết:</p>'; $html .= '<a href="' . $facebook . '" target="_blank" class="social-btn fb"><i class="fab fa-facebook-f"></i></a>'; $html .= '<a href="' . $twitter . '" target="_blank" class="social-btn x"><i class="fab fa-twitter"></i></a>'; $html .= '<a href="' . $pinterest . '" target="_blank" class="social-btn pin"><i class="fab fa-pinterest"></i></a>'; $html .= '<div class="zalo-share-button" data-href="' . get_permalink() . '" data-oaid="43280336123456" data-layout="1" data-color="blue" data-customize="false"></div>'; $html .= '<a href="' . $messenger_web . '" target="_blank" class="social-btn msg" onclick="openMessenger(event)"><i class="fab fa-facebook-messenger"></i></a>'; $html .= '<button class="copy-link" onclick="copyLink()"><i class="fas fa-link"></i></button>'; $html .= '</div>'; $html .= '<script src="https://sp.zalo.me/plugins/sdk.js"></script>'; $html .= '<script> function copyLink() { navigator.clipboard.writeText("' . get_permalink() . '"); alert("Link đã được copy!"); } function openMessenger(event) { event.preventDefault(); var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); var url = isMobile ? "' . $messenger_mobile . '" : "' . $messenger_web . '"; window.open(url, "_blank"); } </script>'; return $content . $html; } return $content; } add_filter('the_content', 'custom_social_share_buttons'); |
Thay data-oaid=”43280336123456″ bằng OA ID của bạn. Lấy tại https://developers.zalo.me/docs/social/share
Quý khách cần tư vấn thiết kế web giá rẻ, vui lòng nhấn nút bên dưới:
Chào ! Bạn thấy nội dung này thế nào?
Xem thêm:
- Ẩn UX Builder và chặn truy cập trực tiếp nếu không phải Admin
- Lưu ý ngay! Những sai lầm thường gặp khi xây dựng thương hiệu
- Hướng dẫn code function Thêm bài viết liên quan tự động dưới mỗi bài viết (post)
- Hướng dẫn tích hợp Google Translate vào website
- Solar Top – Chọn điện mặt trời – Chọn Solar Top
