Không nói vòng vo mà đi thẳng vào vấn đề. WP Lightbox là một plugin được nhiều blogger sử dụng để tạo pop-up hình ảnh trong bài viết của mình, làm site trông đẹp hơn, mượt hơn. Việc sử dụng lightbox cho hình ảnh trong bài viết sẽ giúp độc giả bớt nhàm chán khi xem ảnh trên trang. Bởi mặc định khi click vào ảnh thì lại hiện trong một tab mới của trình duyệt, điều này làm người xem thấy không hứng thú với trang của bạn mặc dù nội dung bài viết có hay đến cỡ nào. WP Lightbox cho phép xem không chỉ một ảnh khi con trỏ chuột click vào mà còn có tùy chọn để độc giả xem các ảnh còn lại trên trang (nếu bài viết có nhiều hình ảnh)

eoOpw8C WP LightBox 2


Để hiểu thế nào là lightbox mời bạn xem qua demo ảnh thực hiện trên trang của mình:


vXhaBVi Tạo hiệu ứng ảnh với WP Lightbox


Cài đặt Plugin WP Lightbox 2


Bạn vào địa chỉ http://wordpress.org/plugins/wp-lightbox-2 để download phiên bản mới nhất của plugin về rồi tiến hình cài đặt, active plugin như các plugin khác. Một cách khác bạn có thể install trực tiếp từ wp-admin mà không cần down về: Plugins > Add New > Nhập ở ô tìm kiếm: WP Lightbox 2 > Enter >>> Install  i15  


Vào Setting > WP Lightbox 2 để thiết lập cho plugin này. Nhưng hầu như bạn không cần thiết lập gì cả vì plugin đã được thiết lập sẵn cho bạn rồi


Bạn chỉ cần chú ý bước sau đây để post ảnh hiện lightbox là được:


UrKJD0o Thiết lập Lightbox


  • Ở Alignment đặt none hoặc center,.. thì tùy bạn. Ở đây mình đặt là none nhé

  • Link to: Bắt buộc phải là Media File (Chọn khác thì đừng hỏi tại sao lightbox không dùng được nhá  i9 )

Vậy là xong. Bạn ra ngoài xem ảnh của bạn đã như demo trên chưa!!!  i13  Hiện lightbox rồi thì la lớn một tiếng là làm được rồi nhé, chưa làm được thì comment lại đây mình giúp cho  i1



Tạo hiệu ứng ảnh pop-up đẹp với plugin WP Lightbox

0 nhận xét:

Đăng nhận xét

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.