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:

• Tải xuống và cài đặt Slider Revolution
• Làm thế nào để hiểu giao diện người dùng Slider Revolution Home
• Cách thiết lập Slide Show trên Slider Revolution

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 '.

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

Ở 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 '.

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).

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).

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.

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 sẽ muốn làm trước tiên là thêm nền vào trang trình bày của chúng tôi. Tại đây, bạn có sự 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 theme WordPress, một màu cố định, một video Youtube, Vimeo hoặc HTML5. Chúng tôi sẽ chọn một nền " hình ảnh '.

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. 

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”.

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 '.

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.

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:

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

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:

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 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ử.

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 '.

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.

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:

Ở đâ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.

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:

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:

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ố.

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« + ».

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ỗ

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.

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.

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.

Đó 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ái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý 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 cái khác Plugin WordPress điều này sẽ giúp bạn hiển thị trình phát âm thanh ngay trên trang web của mình chỉ bằng một nút bấm. 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ẽ có thể tận hưởng các tính năng của nó mà không gặp bất kỳ rắc rối nào.

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à cái khác Plugin WordPress Đáp ứng 100%, 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, nơi cung cấp các dịch vụ của mình trong các lĩnh vực 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 

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.

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.

• Cách trở thành một blogger thành công và kiếm tiền với WordPress
• Làm thế nào để tích hợp Google Biểu mẫu WordPress
• Cách tạo chính sách bảo mật trên WordPress
• Các plugin 6 WordPress để đảm bảo tuân thủ RGPD của blog

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. 

...