Thủ thuật, Blog Wordpress, CSS Ngày 21/06/2022 6490 lượt xem

Tạo nút coppy link và share link trong wordpress

Trong trang web của bạn , muốn mọi người share link nhanh đặc biệt là chỉ cần ấn nút coppy link và share link trong wordpress chưa…

Lê Anh ĐôngFlatsome trên Google News

Tạo nút coppy link và share link trong wordpress

Trong trang web của bạn , muốn mọi người share link nhanh đặc biệt là chỉ cần ấn nút coppy link và share link trong wordpress chưa bao giờ đơn giản như thế

mời bạn đọc bài này nhé , Mình sẽ hướng dẫn chi tiết cách làm

Tạo nút coppy link và share link trong wordpress

Tạo nút coppy link và share link trong wordpress
Tạo nút coppy link share link trong wordpress

Nhìn vào hình ta dễ hình dung , Chỉ cần ấn – Sẽ có lệnh coppy chép sẳn vào bộ nhớ tạm – trả về thông báo “Đã coppy link ”

rất ok đúng không bạn , OK bắt tay vào việc nào

Code Tạo nút Coppy link và share link trong wordpress

chỉ cần coppy đoạn code sau vào Function.php của theme đang dùng nhé

Giải thích Đoạn code trên

  • Tạo 1 short có tên là [share-link] để chèn vào vị trí mình muốn
  • Đoạn code <?php echo get_permalink( $post->ID ); ?> – Sẽ get URL bài đăng hiện đang đứng
  • Java bên dưới bắt sự kiện click vào buttom và chép url trên vào bộ nhớ tạm

OK sau khi xong đoạn code trên việc còn lại là chèn code vào vị trí nữa là xong

Tạo nút coppy link và share link trong wordpress
Tạo nút coppy link và share link trong wordpress – Lệnh coppy đã gắn sau khi ấn nút

Chèn code Tạo nút coppy link và share link vào vị trí hiện thị

ở bài ví dụ trên mình chèn ở file entry-title.php của theme Flatsome

nếu bạn cùng dùng theme Flatsome bạn có thể vào theo đường dẫn : template-parts/posts/partials/entry-title.php

Tìm vị trí muốn hiện thị và chèn code sau vào

Đoạn code trên là code chèn 1 short bất kỳ vào php mình đã giới thiệu trước đây ( bạn có thể tham khảo lai nhé )

Việc còn lại là css , trong đoạn code trên Function mình có css tuy nhiên nếu chưa đẹp bạn có thể css lại cho phù hợp với theme đang dùng nhé

 

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

Điểm 4.8/5 - ( Có 17 bình chọn)

Có Nhận xét cho "Tạo nút coppy link và share link trong wordpress"

  1. Pingback: GreenCloudVPS khuyến mại KVM VPS chỉ $60 – 1.4tr/năm - Xuân công Nghệ

  2. Pingback: Share Code Flash Sale Countdown & Sản phẩm đã bán - Xuân công Nghệ

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ