Nút liên hệ cho website WordPress đơn giản và nhẹ

// HB CONTACT - NUT LIEN HE
if ( ! defined( 'HB_CONTACT_PHONE' ) ) define( 'HB_CONTACT_PHONE', '0987654321' );
if ( ! defined( 'HB_CONTACT_ZALO' ) ) define( 'HB_CONTACT_ZALO', 'https://zalo.me/0987654321' );
if ( ! defined( 'HB_CONTACT_FACEBOOK' ) ) define( 'HB_CONTACT_FACEBOOK', 'https://m.me/hocban.vi' );
if ( ! function_exists( 'hb_contact_render_buttons' ) ) {
function hb_contact_render_buttons() {
$phone = trim( HB_CONTACT_PHONE );
$zalo = trim( HB_CONTACT_ZALO );
$fb = trim( HB_CONTACT_FACEBOOK );
if ( empty( $phone ) && empty( $zalo ) && empty( $fb ) ) {
return;
}
?>
<div class="hb-contact-float">
<?php if ( ! empty( $zalo ) ) : ?>
<a href="<?php echo esc_url( $zalo ); ?>" class="hb-contact-btn hb-contact-zalo" target="_blank" rel="nofollow noopener">Zalo</a>
<?php endif; ?>
<?php if ( ! empty( $fb ) ) : ?>
<a href="<?php echo esc_url( $fb ); ?>" class="hb-contact-btn hb-contact-fb" target="_blank" rel="nofollow noopener">Facebook</a>
<?php endif; ?>
<?php if ( ! empty( $phone ) ) : ?>
<a href="tel:<?php echo esc_attr( $phone ); ?>" class="hb-contact-btn hb-contact-phone"><?php echo esc_html( $phone ); ?></a>
<?php endif; ?>
</div>
<?php
}
add_action( 'wp_footer', 'hb_contact_render_buttons' );
}
if ( ! function_exists( 'hb_contact_inline_styles' ) ) {
function hb_contact_inline_styles() {
$css = '
.hb-contact-float { position: fixed; left: 12px; bottom: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; }
.hb-contact-btn { display: block; width: fit-content; padding: 5px 12px; border-radius: 20px; color: #fff !important; text-decoration: none !important; font-size: 16px; font-weight: 600; box-shadow: 0 2px 6px rgba(0,0,0,.2); transition: transform .15s ease; white-space: nowrap; }
.hb-contact-btn:hover { transform: scale(1.05); }
.hb-contact-zalo { background: #0181ff; }
.hb-contact-phone { background: #864530; }
.hb-contact-fb { background: #304099; }
';
wp_register_style( 'hb-contact-style', false );
wp_enqueue_style( 'hb-contact-style' );
wp_add_inline_style( 'hb-contact-style', $css );
}
add_action( 'wp_enqueue_scripts', 'hb_contact_inline_styles' );
}
// HB CONTACT - NUT LIEN HE