Bỏ qua đến nội dung chính

Cách tạo slideshow với Slider Revolution trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bây giờ chúng ta có thể bắt đầu những điều nghiêm trọng. Việc tạo thanh trượt trên Cách mạng Slider có thể khá tẻ nhạt lúc đầu. Bạn sẽ mất vòng bi của mình, bởi vì bạn sẽ muốn biết đây là yếu tố này hay yếu tố đó.

Bạn sẽ thoát khỏi Slider Revolution bằng cách luyện tập theo thói quen và cũng đọc hướng dẫn này.

Trong các hướng dẫn trước đây của chúng tôi, chúng tôi đã khám phá ra cách:

Và bây giờ chúng tôi đã thiết lập thanh trượt của mình, chúng tôi sẽ tạo slide »Từ« thanh trượt '.

Cách bắt đầu với trình chỉnh sửa "Trang trình bày"

Về nguyên tắc, sau khi lưu cấu hình của thanh trượt, bạn truy cập đến một giao diện mới giới thiệu bạn với biên tập viên của " slide '.

tổng biên tập trượt cuộc cách mạng-trượt

Bạn sẽ nhận thấy ở trên cùng một thanh công cụ cho phép bạn quay lại danh sách "thanh trượt hoặc trang chiếu", đến các tham số của thanh trượt và bản xem trước của thanh trượt trong số các thanh khác.

Khám phá cũng của chúng tôi 10 plugin WordPress cho phép bạn xếp hạng các bài đăng trên Blog của mình

Cách mạng-trượt-bar doutil-edition-of-trượt

Ở dưới cùng, chúng tôi có một phần mới cho phép chúng tôi xem, các lớp chung, các "trang trình bày" khác nhau và nút để thêm mới " trượt '.

tạo-of-slide-nút-trượt-cuộc cách mạng

Bằng cách di chuột qua nút của một slide, bạn sẽ thấy các tùy chọn mới được hiển thị. Các tùy chọn này khá rõ ràng và dễ hiểu (nhân đôi, thêm vào mẫu để sử dụng lại sau và xóa slide).

tùy chọn-tạo-slide-cuộc cách mạng thanh trượt

Bằng cách di chuột qua nút thêm slide, bạn sẽ nhận thấy các tùy chọn khác cho phép bạn thêm một slide trống, thêm nhiều slide, thêm một slide từ một mẫu (kiểu mẫu).

tạo-of-slide-tùy chọn-cách mạng-trượt

Hiện tại, bạn đang ở trên slide 1, đó là lý do tại sao nó được tô sáng trên danh sách slide. Nếu bạn tạo một slide mới, nó sẽ được tô sáng thay cho slide đầu tiên.

thứ hai trượt tạo-dun-trượt-trượt-cuộc cách mạng

Slider Revolution ở cấp độ này là một bảng điều khiển thực sự. Nếu tôi giải thích mọi thứ cho bạn, bạn sẽ không hiểu nhiều, vì vậy tôi sẽ tránh nói về các tính năng có thể gây nhầm lẫn và không cần thiết.

Đọc bài viết của chúng tôi về Plugin nén hình ảnh 6 WordPress cho Blog của bạn

Khi bạn đã chọn một slide, bạn có thể bắt đầu chỉnh sửa trong phần sau. Phần này bao gồm một số tab (7) cho phép bạn truy cập vào các tính năng khác nhau.

Cách thêm hình nền vào cảnh

Điều đầu tiên bạn muốn làm đầu tiên là thêm một nền vào slide của chúng tôi. Ở đây bạn có lựa chọn giữa: Hình nền (từ thư viện phương tiện của bạn), URL bên ngoài trỏ đến hình ảnh, nền trong suốt sẽ sử dụng màu được đề xuất bởi chủ đề WordPress, màu cố định, video Youtube, Vimeo hoặc HTML5. Chúng tôi sẽ chọn một nền tảng " hình ảnh '.

BỐI CẢNH hình ảnh ví dụ

Bạn có thể tìm thấy nhiều hình ảnh miễn phí trên web. Chỉ cần thực hiện tìm kiếm trên Google. 

Hình ảnh lại kế hoạch-cách mạng-trượt

Khi bạn thêm hình ảnh, điều này sẽ áp dụng ngay lập tức trong bản xem trước trang chiếu và trong “cảnh”.

Szene-cách mạng-trượt

Cách thêm một yếu tố trong một cảnh

Bây giờ chúng ta có một cảnh được trang trí tốt, chúng ta sẽ thêm một yếu tố. Mỗi yếu tố bạn thêm vào một cảnh được coi là một lớp hoặc một lớp. Tính năng lớp này sẽ giúp bạn tin tôi.

Để thêm một mục vào cảnh, di chuột qua Add layer '.

fly-add-lớp-trượt-cuộc cách mạng

Bạn sẽ nhận thấy rằng bạn có thể thêm một số phần tử khác nhau bao gồm: văn bản / HTML, hình ảnh, âm thanh, video, một nút, một hình dạng, một đối tượng và nhập một phần tử.

Chúng tôi sẽ bắt đầu bằng cách thêm một hình ảnh trong suốt của Snoopy chú chó con.

funny-snoopy-png

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Sau đó thêm hình ảnh này vào cảnh và bạn sẽ có một cái gì đó như thế này:

Ví dụ-trượt-trượt-cuộc cách mạng

Bạn sẽ nhận thấy rằng trong bốn góc của hình ảnh là những ô vuông nhỏ. Những hình vuông này cho phép chúng ta thay đổi kích thước hình ảnh, vì trong trường hợp này Snoopy chiếm rất nhiều không gian.

Thay đổi kích thước được thực hiện bởi " kéo ". Để thay đổi kích thước trong khi vẫn giữ tỷ lệ, giữ phím " sự thay đổi Từ bàn phím của bạn trong khi thay đổi kích thước.

Xem thêm Các plugin 10 WordPress sẽ giúp bạn trở thành một Blogger tốt hơn

mới đại diện-snoopy-cách mạng-trượt

Bây giờ Snoopy trông như thế này, nó vừa vặn hơn. Bạn cũng có thể lật ảnh bằng chỉ báo nằm ở trên cùng bên phải của mỗi ảnh như sau:

xoay-DIMAGE-cách mạng-trượt

Cách định vị các phần tử với lưới trợ giúp

Lưới trợ giúp là một yếu tố có giá trị giúp định vị tốt hơn các yếu tố. Bạn có thể kích hoạt lưới trợ giúp ở phía dưới bên trái của sân khấu.

lưới daide-cách mạng-trượt

Lưới này có các ô với các kích thước khác nhau, kích thước càng nhỏ, bạn sẽ càng chính xác hơn trong vị trí của phần tử.

Đầu tư-of-hình ảnh

Làm thế nào để thêm hình ảnh động

Có 3 loại hoạt ảnh trên Slider Revolution: hoạt ảnh lối vào, hoạt ảnh trong (sự tồn tại của yếu tố trong cảnh) Và hình ảnh động kết thúc.

Xem thêm Plugin nén hình ảnh 6 WordPress cho Blog của bạn

Để thêm một hình ảnh động vào một yếu tố, trước tiên bạn phải chọn nó bằng cách nhấp vào nó (Khi một phần tử được chọn, nó được đóng khung bởi một đường chấm chấm với các góc có thể thay đổi kích thước).

Vì vậy, nhấp vào Snoopy, đi lên trang và nhấp vào tab « Hoạt hình '.

hoạt hình-trượt-cuộc cách mạng

Trong hình ảnh trước, tôi có hình động đầu vào màu xanh lam và hình ảnh động đầu ra màu đỏ.

Để thay đổi một hình ảnh động, nhấp vào danh sách thả xuống nằm sau biểu tượng của người đàn ông chạy.

icon-hoạt hình-trượt-cuộc cách mạng

Sau đó, bạn có một loạt các hình ảnh động theo ý của bạn. Tôi để nó cho bạn chọn hình động mà bạn muốn xác định cho mục nhập của một phần tử. Về phần tôi, tôi đã chọn " easeOutElastic », Để có kết quả này:

Animation-entree-snoopy

Ở đây cho bạn của chúng tôi Các plugin 4 WordPress để tăng chân trang cho blog của bạn

Xa hơn về bên trái, bạn có thể xác định thời lượng của hình ảnh động và chế độ hoạt hình bạn cần để lại trên " không chia Bởi vì các tùy chọn khác chỉ áp dụng cho văn bản, không phải hình ảnh.

configuration-cồn-hoạt hình-trượt-cuộc cách mạng

Lire aussi Cách ẩn tiêu đề của bài viết và trang WordPress

Bây giờ, tôi muốn nổi Snoopy, vì điều đó, đi đến " Vòng lặp Và trên tùy chọn thả xuống, chọn " Sóng ". Bây giờ Snoopy nổi:

snoppy-nổi

Cách cấu hình mức độ hiển thị của các thành phần

Snoopy của tôi nổi, nhưng tôi không muốn nó hiển thị trên điện thoại di động. Vì vậy, nhấp vào " tầm nhìn »Và trên biểu tượng Điện thoại thông minh, hãy đảm bảo rằng nó đã được tắt:

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

tầm nhìn-yếu tố-cách mạng-trượt

Cách điều chỉnh hành vi của các yếu tố

Để tối ưu hóa việc tải thanh trượt, bạn có thể muốn trì hoãn việc tải hình ảnh. Điều này được thực hiện trong tab " thái độ Với tùy chọn " Đang tải Lazy ". Bạn thậm chí có thể buộc sự đáp ứng của các yếu tố.

hành vi phần tử-cách mạng-trượt

Cách tạo trình kích hoạt tùy chỉnh trên một phần tử

Hành động cho phép bạn liên kết kích hoạt với hành động cụ thể. Để thêm một kích hoạt, bấm vào tab Hoạt động »Sau đó trên nút« + ».

add-một-màn trập nút

Có các loại kích hoạt 3:

  • Các nhấp chuột là hành động nhấp chuột
  • Đầu vào chuột trên phần tử
  • Chuột thoát khỏi phần tử

Danh sách các hành động khá dài. Ví dụ: bạn có thể chuyển hướng người dùng nhấp vào Snoopy sang trang khác bằng cách chọn hành động " đơn liên kết Mà sẽ đưa ra các lựa chọn mới.

Khám phá cũng của chúng tôi Các plugin WordPress cao cấp 10 từ Đặt chỗ và Đặt chỗ

Quản lý-of-trigger-cách mạng-trượt

Cách sử dụng Slider Revolution TimeLine

Slider Revolution cung cấp giao diện quản lý thời gian ở phía dưới. Giao diện này cho phép bạn xem nơi hoạt ảnh của một phần tử bắt đầu và nơi nó kết thúc.

bắt đầu-và-end-cồn-phim-on-trượt-cuộc cách mạng

Trên hình ảnh trước đó, bạn sẽ nhận thấy hai mũi tên màu xanh. Cái đầu tiên bên trái chỉ ra sự bắt đầu của hình ảnh động đầu vào của một phần tử và cái thứ hai chỉ ra sự kết thúc của hình ảnh động đầu vào. Màu đỏ sẫm biểu thị tuổi thọ của vật phẩm trong cảnh.

Lire aussi Làm thế nào để thêm một đếm ngược trên blog WordPress của bạn

Bạn sẽ tìm thấy một kết thúc cũng tương tự như đầu kia của một khoảng thời gian (hoạt hình đầu vào, thời gian sống và kết thúc hoạt hình).

Với " timeline Bạn sẽ có thể kiểm soát phần tử nào được hiển thị trước và phần tử nào biến mất trước. Nó là một công cụ rất thiết thực mà bạn cần nắm vững để tạo ra hình ảnh động tốt.

Dòng thời gian cũng có một trình phát mà bạn có thể kích hoạt để xem trước slide.

Animation-timeline-cách mạng-trượt

Cho đến lúc đó, tôi đã cho bạn những điều cơ bản để tạo ra một slide. Bây giờ lưu thanh trượt của bạn và bắt đầu xem trước.

Backup-and-previsulisation

Đó là tất cả cho hướng dẫn này, trong phần tiếp theo, chúng ta sẽ nói về việc hiển thị một thanh trượt trên một bài viết và một số thao tác nâng cao.

Khám phá thêm một số chủ đề và plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Âm thanh trên đĩa

Disk Audio là một plugin WordPress khác sẽ giúp bạn hiển thị trình phát âm thanh trực tiếp trên trang web của bạn chỉ bằng cách nhấn một nút. Bố cục của trình phát âm thanh hoàn toàn đáp ứng, vì vậy người dùng di động sẽ tận hưởng các tính năng của nó mà không gặp vấn đề gì.

Trình phát âm thanh đĩa plugin wordpress cao cấp thêm trình phát âm thanh

Ngoài ra, nó cung cấp nhiều tùy chọn tùy chỉnh bao gồm phối màu, xuất hiện, ảnh nền và độ mờ. Nó có một số tùy chọn để điều khiển nó bằng bàn phím và nó cũng cho phép bạn xem danh sách phát của mình bằng một thanh cuộn có thể điều chỉnh.

Đọc cũng: 10 plugin WordPress để tăng cường nghiên cứu trên blog của bạn

Bạn cũng có thể nhúng các liên kết tải xuống trên trình phát nhạc để hiển thị cho người dùng nơi họ có thể đến để mua bản nhạc đang được phát trên trang web của bạn. 

Tải về | Bản demo | Web hosting

2. Sự kiện đăng ký trước Pro

Đây là một plugin WordPress đáp ứng 100% khác, dễ tùy chỉnh và dành riêng cho việc quản lý đặt chỗ trên bất kỳ trang web nào, cung cấp dịch vụ của mình trong các lĩnh vực sự kiện.

Chuyên gia đặt chỗ sự kiện

Các tính năng chính của nó bao gồm: tùy chỉnh văn bản, màu sắc, đường viền và các thứ khác, hỗ trợ PayPal, quản lý mã phiếu giảm giá và phiếu giảm giá, hỗ trợ cho bản đồ Google, sự hỗ trợ của việc quản lý e-mail,  sự hỗ trợ của các mã ngắn, bảng điều khiển trực quan, tạo sự kiện dễ dàng, kiểm soát toàn bộ ngoại hình, v.v.

Tải về | Bản demo | Web hosting 

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

3. Social Share & Locker Pro

Tiện ích mở rộng Social Share & Locker Pro đã được thiết kế để giúp trang web của bạn hiển thị nhiều hơn trên các mạng xã hội. Chỉ với một vài cú nhấp chuột, bạn có thể đặt vị trí của các biểu tượng xã hội hoặc khóa nội dung của mình bằng cách yêu cầu chia sẻ trên một trong các mạng xã hội do bạn cung cấp.

Plugin chia sẻ xã hội locker pro wordpress

Bạn có các chủ đề được xác định trước 10 và điều này sẽ bao gồm các mong muốn phổ biến nhất. Tất cả các chủ đề của cô là Retina và làm việc kỳ diệu. 

điều 30 làm trên bài đăng trên blog của bạn sau khi công bố họ Khám phá chúng bằng cách tham khảo bài viết này.

Ngoài ra, với Social Share & Locker Pro, bạn sẽ có thể hiển thị tên đầy đủ của mạng xã hội hoặc chỉ biểu tượng. Nó sẽ phụ thuộc vào thiết kế của bạn, không gian có sẵn, hoặc mong muốn của bạn.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây là ! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng hướng dẫn này đã cung cấp cho bạn kiến ​​thức cơ bản về cách tạo trình chiếu với Slider Revolution trên blog hoặc trang web WordPress. Nếu bạn có bất kỳ câu hỏi, đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

... 

Bài viết này chứa comments 0

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

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
4 cổ phiếu
cổ phiếu1
tweet
Enregistrer3