Chức Năng Chia Sẻ Mạng Xã Hội Trong Theme WordPress

Chức năng chia sẻ mạng xã hội giúp người dùng dễ dàng chia sẻ nội dung của bạn đến bạn bè và người theo dõi của họ. Điều này không chỉ giúp tăng cường khả năng tiếp cận mà còn tăng lượng truy cập vào trang web của bạn. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm chức năng chia sẻ mạng xã hội vào theme WordPress mà không cần sử dụng plugin.

Tại Sao Nên Thêm Chức Năng Chia Sẻ Mạng Xã Hội?

1. Tăng cường tiếp cận: Giúp nội dung của bạn được chia sẻ rộng rãi hơn.
2. Tăng lượng truy cập: Nhiều người sẽ truy cập vào trang web của bạn thông qua các liên kết chia sẻ.
3. Nâng cao độ tin cậy: Chia sẻ từ người dùng tạo cảm giác đáng tin cậy hơn cho nội dung.

Cách Thực Hiện

Dưới đây là các bước để bạn thêm chức năng chia sẻ mạng xã hội vào website WordPress của mình:

Bước 1: Thêm Nút Chia Sẻ

Trước tiên, bạn cần thêm các nút chia sẻ vào tệp single.php (hoặc nơi bạn muốn hiển thị chúng). Thêm đoạn mã sau vào vị trí mong muốn trong tệp

function display_social_sharing_buttons() {
    $url = get_permalink(); // Lấy URL của bài viết hiện tại
    $title = get_the_title(); // Lấy tiêu đề của bài viết
    $facebook_url = 'https://www.facebook.com/sharer/sharer.php?u=' . urlencode($url);
    $twitter_url = 'https://twitter.com/intent/tweet?text=' . urlencode($title) . '&url=' . urlencode($url);
    $linkedin_url = 'https://www.linkedin.com/sharing/share-offsite/?url=' . urlencode($url);
    ?>

    <div class="social-sharing">
        <h3>Chia sẻ bài viết:</h3>
        <a href="<?php echo $facebook_url; ?>" target="_blank">Chia sẻ Facebook</a>
        <a href="<?php echo $twitter_url; ?>" target="_blank">Chia sẻ Twitter</a>
        <a href="<?php echo $linkedin_url; ?>" target="_blank">Chia sẻ LinkedIn</a>
    </div>

    <?php
}

if (have_posts()) {
    while (have_posts()) {
        the_post();
        display_social_sharing_buttons();
    }
}

Bước 2: Thêm CSS Để Tùy Chỉnh Hiển Thị

Để cải thiện giao diện của các nút chia sẻ, bạn có thể thêm một số CSS vào tệp style.css của theme

.social-sharing {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.social-sharing a {
    margin-right: 10px;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
}

.social-sharing a:hover {
    background-color: #005177;
}

Bước 3: Kiểm Tra Chức Năng Chia Sẻ

Sau khi bạn đã thêm mã vào tệp single.php và style.css, hãy kiểm tra trang bài viết của bạn để xem các nút chia sẻ mạng xã hội đã xuất hiện chưa. Nhấp vào các nút để đảm bảo rằng chúng hoạt động đúng cách và mở ra các trang chia sẻ tương ứng.

Kết Luận

Việc thêm chức năng chia sẻ mạng xã hội vào theme WordPress của bạn là một cách đơn giản nhưng hiệu quả để tăng cường khả năng tiếp cận nội dung của bạn. Hãy thực hiện ngay hôm nay để khuyến khích người dùng chia sẻ bài viết của bạn trên mạng xã hội!