24

Envira Gallery – Tạo một thư viện ảnh đẹp mê ly

  • 18
  •  
  •  
  •  
  •  
  •  
  •  
    18
    Shares

Chào các bạn, hôm nay mình sẽ chia sẻ với các bạn cách tạo một image gallery (thư viện ảnh) đẹp mê ly với gói mở rộng Envira Gallery nhé. Đây được xem là một plugin về thư viện ảnh tốt nhất.

Tạo thư viện ảnh bằng Envia Gallery

Tạo thư viện ảnh bằng Envia Gallery

Cài đặt và kích hoạt gói mở rộng Envira Gallery

Trước tiên, chúng ta sẽ cài đặt và kích hoạt gói mở rộng có tên là Envira Gallery. Cách thức cài đặt và kích hoạt một gói mở rộng như thế nào bạn tham khảo chi tiết ở bài viết này nhé.

Thông tin gói mở rộng Envira Gallery

Thông tin gói mở rộng Envira Gallery

Tạo mới thư viện ảnh

Sau khi cài đặt và kích hoạt Envira xong, trong menu trang quản trị lúc này bạn sẽ thấy xuất hiện một menu tên là Envira Gallery như thế này

Menu Envira Gallery trong trang admin

Menu Envira Gallery trong trang admin

Bạn bấm vào đó sẽ thấy giao diện chính của Envira hiện ra như sau, bạn bấm vào nút Add New để tạo một thư viện ảnh mới.

 

Giao diện chính của Envira

Giao diện chính của Envira

Màn hình Add New sẽ hiện ra như thế này, bạn bấm vào nút Select Files from Your Computer để tải ảnh từ máy tính của bạn.

Màn hình tạo thư viện ảnh mới

Màn hình tạo thư viện ảnh mớiSau khi bạn tải lên xong, bạn cuộn xuống phía dưới sẽ thấy những hình ảnh hiện ra như thế này, ở đây mình thích hoa nên mình chọn một số hình ảnh về hoa làm ví dụ cho các bạn dễ hình dung. Bạn bấm vào biểu tượng cây bút chì trên từng ảnh để tiến hành chỉnh sửa một số thông tin trên ảnh.

Chỉnh sửa thông tin ảnh trong Envira

Chỉnh sửa thông tin ảnh trong Envira

Màn hình chỉnh sửa thông tin sẽ trông như thế này

Chỉnh sửa thông tin ảnh

Chỉnh sửa thông tin ảnh

Title – tiêu đề của ảnh, ví dụ ở đây mình điền là Hoa Cúc – Envira Gallery example

Alt text – mô tả về hình ảnh, phần này quan trọng trong việc SEO, bạn có thể nhập vào từ khóa chính và từ khóa phụ mà vào đây, ví dụ mình nhập là envira gallery daisy – web cho mọi người.

URL – đường link chứa hình ảnh của bạn

Open URL in New Window? – khi bạn check vào đây, mỗi khi bạn bấm vào hình, thì hình đó sẽ hiện ra trong một cửa sổ mới, ở đây mình không chọn vào đây.

Kế tiếp bạn đừng quên nhấn bào nút Save Metadata nhé.

Bạn làm tương tự cho những ảnh còn lại. Xong bạn bấm qua tab có tên là Lightbox, tab này sẽ cho chúng ta bật hoặc tắt chức năng hiển thị hình ảnh ngay trong trang web hiện tại khi bấm vào một hình.

Mành hình Lightbox trong Envira

Mành hình Lightbox trong Envira

Chức năng này đã được tự động bật rồi, và những thông số phía dưới bạn cứ để mặc định.

Bạn đừng quên đặt tiêu đề cho thư viện ảnh của bạn và nhấn vào nút Đăng bài viết trong khung đăng bài.

Nhập tiêu đề cho thư viện ảnh

Nhập tiêu đề cho thư viện ảnh

 

Bấm vào nút Đăng bài viết

Bấm vào nút Đăng bài viết

Sau khi đăng xong bạn vào lại menu Envira Gallery >>> Envira Gallery sẽ thấy thư viện ảnh của bạn hiện ra

Thư viện ảnh bạn vửa mới tạo ra

Thư viện ảnh bạn vửa mới tạo ra

Chèn thư viện ảnh vào bài viết

Sau khi tạo xong thư viện ảnh trong Envira Gallery, bước tiếp theo chúng ta sẽ chèn thư viện ảnh đó vào trong bài viết để mọi người có thể xem được. Trong khu soạn thảo bài viết, bạn để ý có một cái nút bấm tên là Add Gallery, bạn bấm vào đấy.

Chọn thư viện ảnh và nhấn nút Insert

Chọn thư viện ảnh và nhấn nút Insert

Vậy là chúng ta đã chèn thành công thư viện ảnh vào bài viết rồi. Rất đơn giản phải không các bạn. Thành quả sau cùng sẽ trông như thế này đây

Thư viện ảnh làm bằng Envira Gallery

Thư viện ảnh làm bằng Envira Gallery

Lời kết

Như vậy là mình vừa hướng dẫn các bạn cách cài đặt, kích hoạt, tạo mới và chèn một thư viện ảnh vào trong bài viết bằng plugin Envira Gallery. Nếu bạn muốn có nhiều tính năng hơn nữa, bạn phải trả phí để được sử dụng. Nhưng theo mình thấy thì những tính năng cơ bản miễn phí mà Envira cung cấp cũng đã là khá tuyệt vời rồi. Các bạn có thể tham khảo thư viện ảnh mẫu mà mình đã tạo trong khi viết bài này nhé.

Cảm ơn các bạn đã theo dõi bài viết. Hẹn gặp lại các bạn trong những bài tiếp theo nhé. Chúc các bạn thành công.

 

— Phạm Hữu Hiền


  • 18
  •  
  •  
  •  
  •  
  •  
  •  
    18
    Shares

Phạm Hữu Hiền

Lập trình viên, đam mê ca hát và chia sẻ kiến thức cho mọi người với phương châm Gieo Kiến Thức - Gặt Niềm Vui. Rất vui được kết nối với mọi người!

24 Comments

  1. cách làm nào để thay đổi ảnh bình luận của trang web mình vậy anh

  2. Bạn ơi chức năng này web nào cũng có phải không ah? Mình copy ảnh trên google rồi tạo thư viện cho riêng mình có được không bạn?

Trả lời

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 *