Tự làm nút mạng xã hội trượt dọc cho WordPress

float-social-manual

Khi sử dụng plugin Digg Digg (giống blog Thachpham.com đang sử dụng để làm các nút like) thì có nhiều yêu cầu là muốn cho nó hiển thị ra mọi trang, nhất là trang chủ, trong khi plugin này chỉ hỗ trợ hiển thị trong Post/Page mà thôi.

Nếu những ai muốn làm các nút này để nó hiển thị ra trang chủ hay mọi trang thì có thể tham khảo hướng dẫn này để tự làm các nút mạng xã hội trượt theo trình duyệt hoàn toàn thủ công, sử dụng một plugin của jQuery.

1. Tải file cần thiết

Đầu tiên bạn cần tải các file cần thiết của plugin jQuery này tại đây và giải nén ra, sau đó upload toàn bộ các file trong đó vào thư mục theme mà bạn đang dùng.

2. Sửa file script

Để hoạt động tốt nhất theo ý bạn, hãy mở file fshare-script.js lên, nội dung nó như sau:


$(document).ready(function () {
    $('#floating-bar').fshare({
        theme: 'default',
        facebook: true,
        twitter:  false,
        stumbleupon: false,
        linkedin: false,
        googleplus: true,
        upperLimitElementId: 'content',
        lowerLimitElementId: 'colophon'
    });
});

Trong đó, bạn muốn hiển thị nút nào thì đổi false thành true và ngược lại để ẩn nó đi.

Tham số upperLimitElementId nghĩa là ID của vị trí mà bạn muốn cho nút này bắt đầu xuất hiện, hãy view source của website và tìm ID (<div id=”abcxyz”>).

Tham số lowerLimitElementId nghĩa là ID của vị trí mà bạn muốn không cho nó tiếp tục trượt nữa khi chạm đến, thường là phần Footer của website.

Cách tìm ID: Mở trình duyệt (Google Chrome/Firefox), ấn chuột phải vào vị trí mà bạn muốn xem ID, chọn Inspect Element rồi tìm đoạn nào chứa id=”abcxyz” chính là nó. Ở trong file mình đã điền sẵn ID của theme Twenty Fourteen.

3. Chèn các file script và CSS vào theme

Bây giờ hãy mở file functions.php lên và chèn toàn bộ đoạn code dưới đây vào đó:


//Making jQuery Google API
function modify_jquery() {
	if (!is_admin()) {
		// comment out the next two lines to load the local copy of jQuery
		wp_deregister_script('jquery');
		wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.1');
		wp_enqueue_script('jquery');
	}
}
add_action('init', 'modify_jquery');

// Float Social Share scripts
function float_social_share() {
    wp_enqueue_script('float-social', get_template_directory_uri(). '/fshare.js', array('jquery'), true);
    wp_enqueue_style('float-social-style', get_template_directory_uri(). '/fshare.css', array(), null);
    wp_enqueue_script('float-social-script', get_template_directory_uri(). '/fshare-script.js', array('jquery'), true);
}
add_action( 'wp_enqueue_scripts', 'float_social_share' );

Lưu lại. Tiếp tục mở file header.php và chèn đoạn này vào cuối file:

<div id="floating-bar"></div>

Ok, lưu lại và ra trang chủ xem kết quả.

Nếu bạn muốn cái khung nút mạng xã hội có thẩm mỹ hơn thì chèn thêm đoạn sau vào file style.css.


.fshare-default {
     background: #F1F1F1;
     margin-top: 10px;
     border: 1px solid #e8e8e8;
}

float-social-manual

Trường hợp bạn muốn cho cái khung trượt nó chạy nhanh hơn thì hãy mở file fshare-script.js ra và tìm:



theme: 'default',


Sau đó thêm đoạn này vào bên trên nó:



speed: 200,


Số càng nhỏ nó chạy càng nhanh nhé. 😀

Chúc các bạn thành công!

Nguồn: Tự làm nút mạng xã hội trượt dọc cho WordPress | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage &amp; coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben &amp; tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
Làm sao để cài theme giống demo?
Cách chuyển WordPress từ HTTP sang HTTPS/SSL ở cPanelX
Tác giả

Bình luận

cheap paroxetine

I am glad for writing to make you know what a nice encounter my wife’s girl had studying your web site. She mastered several pieces, which include what it’s like to possess an awesome helping nature to let other individuals with ease know precisely some problematic subject matter. You truly exceeded people’s expectations. Thank you for producing these practical, trusted, informative and in addition fun tips about this topic to Kate.

Leave a Message

Registration isn't required.

NguyenLp LarTheme