N. Tiện ích Gallery Ảnh và Thực Hiện Tạo Slideshow

05 Tháng Giêng 201511:52 CH(Xem: 13144)
N. Tiện ích Gallery Ảnh và Thực Hiện Tạo Slideshow
52Vote
419Vote
30Vote
20Vote
11Vote
422
blank (Xem file PDF)


Cài Đặt Tiện Ích Gallery Hình Ảnh Và Thực Hiện Tạo Slideshow.

  1. Công dụng của tiện ích: Tiện ích cho phép chèn cách slideshow (trình chiếu ảnh) vào nội dung bài viết. Tiện ích hỗ trợ tạo các bài viết sinh động, hấp dẫn hơn về nội dung.
  2. Hoạt động của tiện ích: Sau khi cài đặt thành công tiện ích vào website, tại công cụ “Chèn” sẽ tự động bổ sung mục mới: “chèn Gallery ảnh”.
Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


3. Trình tự thực hiện tạo slideshow.


Bước 1: Hội nhập trang quản trị.

Thêm cụm từ “/siteadmin” vào sau địa chỉ website tin tức VNVN CMS 3.0 để hội nhập trang quản trị ==> Nhập tên truy cập ==> Nhập mật mã đã ghi danh ==> “Hội Nhập”.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

==> Hội Nhập Trang Tổng Quan.

Nhập tên truy cập => Nhập mật mã đã ghi danh => Chọn “Hội Nhập”.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


Bước 3: Cài đặt tiện ích vào website.


Vào mục cài đặt ==> Chọn “Tiện ích” ==> Chọn danh sách tất  cả tiện ích ==> Chọn nút “Miền Phí” bên phải tiện ích “Gallery” ==> Cài đặt ==> Đồng ý.


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

Bước 4. Hướng dẫn sử dụng tiện ích.


Khi tạo bài viết, để chèn Gallery hình ảnh vào nội dung bài bạn chọn vào nút  “Chèn”  trên thanh công cụ ==> Chọn lệnh "chèn Gallery ảnh".


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

==> Hộp thoại Slideshow sẽ hiện lên.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

1. Tùy chọn loại Gallery.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


Có 5 loại Gallery sau:

  • List Gallery


Tất cả hình ảnh sẽ hình thị dưới dạng thu nhỏ, khi nhấn vào sẽ phóng to lên.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Inline Gallery.


Loại này, ảnh hiển thị lần lượt từng tấm một, sau một khoản thời gian ảnh sẽ tự động chuyển sang tấm khác.


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Album Gallery


Ảnh tự chuyển đổi hiển thị, đồng thời các ảnh trong một Gallery sẽ hiển thị dưới dạng ảnh nhỏ bên phải khung trình chiếu ảnh.


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


  • Album Gallery (with title).


Ảnh hiển thị như kiểu Album Gallery, bên cột danh sách ảnh sẽ hiển thị thêm tên của mỗi ảnh trong Gallery.


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Audio Gallery.


Kiểu này cho phép tạo danh sách Audio trong một bài viết. 


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

2. Tự động chuyển ảnh khi trang được tải xong. Nếu không check vào ô này ảnh chỉ có thể chuyển đổi khi người dùng nhấn nút play.

3. Kích thước khung Slideshow.

Lệnh tùy chọn kích thước cho khung chứa ảnh chỉ có hiệu lực khi bạn chọn kiểu hiền thị “List Gallery” mà thôi.

4. Canh lề.

Tùy chọn điều chỉnh vị trí khung chứa danh sách ảnh với lề trang trong bài viết.

5. Khoảng cách xung quanh khung chứa slideshow với các phần khác thuộc nội dung bài viết.

6. Danh sách các ảnh được chọn làm Slideshow sẽ hiển thị tại đây.

7. Nút lệnh để tải ảnh làm slideshow.

Có 2 cách thêm ảnh vào slideshow như sau:

Cách 1: Nhấn vào lệnh “Chọn” để lấy ảnh từ "Tài nguyên" => Khung "Tài nguyên" sẽ hiện lên, ta chọn 1 hoặc nhiều ảnh để thêm vào slideshow

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow
Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Các hình ảnh sẽ xuất hiện trong khung số (6). Để chỉnh sửa hoặc thêm thông tin vào ảnh ta nhấn trực tiếp vào ảnh trong khung (6), 1 đường viền màu cam sẽ hiện ra xung quanh ảnh, và khung bên dưới sẽ hiện thông tin của hình ảnh:

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Để thay đổi vị trí các ảnh trong Gallery bạn giữ ảnh bằng chuột trái và kéo sang các vị trí thích hợp khác.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

  • Để xóa 1 ảnh khỏi slideshow ta đưa chuột vào ảnh sau đó nhấn dấu “X” trên mỗi ảnh.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

Cách 2: Tải ảnh vào Gallery thủ công bằng nút “thêm”.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

==> Một ảnh "empty" sẽ được thêm vào danh sách ==> Nhấn chọn vào biểu tượng ảnh này ==> khung thông tin vào đường dẫn ảnh sẽ hiện ra bên dưới, bạn chỉ cần dán đường link ảnh vào vị các vị trí "Hình đại diện" và "Đường dẫn ảnh" để thay thế ảnh (có thể thêm tiêu đề hoặc mô tả ảnh).

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

Sau khi chèn đường link, ảnh sẽ hiển thị trong khung (6) “Danh sách ảnh” ==> nhấn nút “cập nhật” để hoàn tất việc chọn ảnh.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


Slideshow được chèn vào bài viết ==> chọn “Lưu” để hoàn tất tạo slideshow cho bài viết.

Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow


Slideshow hiển thị thành công tại layout website.


Hỗ trợ quản trị thiết kế website vnvn cms 3.0 tiện ích gallery ảnh, thực hiện slideshow

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


Mời bạn theo dõi hướng dẫn quản trị website VNVN CMS 3.0 http://cms.vnvn.com/p102/huong-dan
Gửi ý kiến của bạn
Tên của bạn
Email của bạn
)