Trang chủCode functionBài viết
Code function

Chia sẻ bài viết lên mạng xã hội

27/02/2025 2735 lượt xem admin Cập nhật: 04/12/2025
5/5 - (577 bình chọn)

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:

 

//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

 

Chào ! Bạn thấy nội dung này thế nào?
webdy.vn
webdy.vn

Tạo web nhanh dùng thử miễn phí.

Chia sẻ ↗

Bài liên quan

×