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

Làm thế nào để hiển thị một slideshow trượt Cách mạng 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ị]

Hôm nay chúng tôi tiếp tục hướng dẫn về Revolution Slider, nhưng lần này chúng tôi sẽ nói về màn hình trình chiếu trong trang / bài viết WordPress, nhưng chúng tôi cũng sẽ thực hiện một số cấu hình nâng cao trên thanh trượt của bạn. Tôi hy vọng rằng từ khi bắt đầu những hướng dẫn này, bạn thực hành tại nhà (đó là một lợi thế đáng kể để luôn luôn thực hành). Nếu bạn gặp phải một vấn đề, tôi nhắc nhở bạn rằng bạn có thể hỏi tôi câu hỏi, tôi sẽ rất vui lòng trả lời chúng.

Đối với những người đang bắt đầu đọc hướng dẫn này, tôi mời bạn đừng bỏ lỡ phần đầu của các hướng dẫn này về Revolution Slider:

Nếu bạn đã trải qua các bước này, thì bạn có thể tiếp tục, nếu không bạn sẽ gặp khó khăn khi theo dõi tôi.

Những gì bạn cần biết về Trình chiếu

Revolution Slider là một plugin không phụ thuộc vào bất kỳ chủ đề nào. Về nguyên tắc, trình chiếu của cái sau có thể được hiển thị trên bất kỳ loại chủ đề nào, nhưng điều này không phải lúc nào cũng đúng. Thật vậy, bất kỳ chủ đề nào cũng có các quy tắc kiểu CSS có thể là một trở ngại cho việc hiển thị chính xác các thanh trượt. Đôi khi bạn chọn một thanh trượt một bố cục " toàn bộ chiều rộng Nó sẽ tràn và sẽ không hiển thị như bình thường.

Thay vì tìm kiếm một chủ đề miễn phí cuối cùng sẽ tương thích với Revolution Slider, tôi khuyên bạn nên chọn một chủ đề cao cấp đã tương thích với Revolutio Slider và một trong những chủ đề tôi thấy đầu tiên là " Toàn bộ Từ WPExplorer.

the-tổng-theme-wordpress-framework

Một trong những ví dụ minh chứng cho việc bạn phải lấy một chủ đề cao cấp là ví dụ hiển thị thanh trượt theo chủ đề Twenty Fourteen.

Cách mạng-trượt-tutorial-wordpress-trượt-display-cuộc cách mạng

Bạn có thể nhận thấy rằng trong hình ảnh này, khu vực có màu đỏ đại diện cho tất cả không gian hiện tại của chủ đề. Khu vực có màu xanh lam đại diện cho phần tràn thanh trượt trên chủ đề. Bạn có thể thấy rằng màn hình hiển thị không tối ưu. Bạn sẽ tìm thấy một số chủ đề WordPress tương thích với Revolution Slider trên ThemeForest

Điều đó đang được nói, hãy tìm hiểu cách hiển thị một thanh trượt trên một bài viết / trang

Cách hiển thị thanh trượt trên một bài viết

Revolution Slider cung cấp cho bạn để thêm thanh trượt vào trang / bài viết của bạn theo hai cách.

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í]

Sử dụng mã ngắn

Bạn truy cập trang cấu hình và lấy mã ngắn. Trong phần Tiêu đề Thanh trượt & Mã ngắn Bạn sẽ nhận thấy các trường 3. 3e trường chứa shortcode bắt đầu là "[rev_slider…" là trường có nội dung bạn phải sao chép.

Cách mạng-trượt-phục hồi-of-shortcode

Tất cả bạn phải làm bây giờ là thêm shortcode trong một bài viết hoặc trang bạn chọn.

Sử dụng nút thêm thanh trượt trên trình chỉnh sửa trực quan

Nếu bạn không muốn quay lại trang cấu hình thanh trượt mỗi lần, bạn có thể sử dụng nút được thêm bởi thanh trượt cách mạng trong trình chỉnh sửa trực quan.

add-một-trượt-wordpress-tutorial

Nhấp vào nó sẽ mở ra một cửa sổ mới nơi bạn có thể chọn thanh trượt bạn muốn thêm vào trang của mình.

add-một-trượt-có-một-trang-wordpress

Bằng cách chọn một thanh trượt, bạn có thể đặc biệt thay đổi thứ tự các slide. Thay đổi này sẽ chỉ có hiệu lực với mã ngắn tùy chỉnh sẽ được tạo. Để thay đổi thứ tự các slide, nhấp vào " Thanh trượt điều chỉnh nhanh ". Bạn sẽ truy cập danh sách các slide mà bạn có thể sắp xếp lại bằng cách " Kéo và thả '.

drag-and-drop-cách mạng-trượ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]

Sau khi hoàn thành, bạn sẽ thấy một shortcode được thêm vào trình chỉnh sửa trực quan.

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

Tất cả những gì bạn phải làm bây giờ là xem trước bài viết của mình. Vậy là xong, bây giờ bạn đã có những kiến ​​thức cơ bản để tạo thanh trượt trên WordPress.

Một số mẹo sử dụng nâng cao của Revolution Slider

Bây giờ bạn đã biết cách sử dụng Revolution Slider, tôi sẽ cung cấp cho bạn một số mẹo giúp bạn làm việc hiệu quả hơn khi sử dụng plugin này.

Sử dụng phím tắt

Revolution Slider muốn trở thành một trình chỉnh sửa slideshow hoàn chỉnh. Kết quả là, nó cho phép bạn sử dụng một số phím tắt cho phép bạn làm việc nhanh hơn.

  • Ctrl + S : để lưu công việc của bạn
  • Mũi tên chỉ đường : để di chuyển một mục trên sân khấu của bạn
  • Shift + Mũi tên chỉ đường : cho phép bạn di chuyển các mục nhanh hơn
  • Shift + Đổi kích thước : thực hiện chia tỷ lệ
  • Nhấp đúp : mở phần sửa đổi của một phần tử

Nắm vững các công cụ của trình soạn thảo slide

Slide cung cấp các công cụ cho phép bạn dễ dàng di chuyển các yếu tố của mình. Chúng ta đã nói về một lưới, nhưng bạn cũng có thể sử dụng nút căn chỉnh được đề xuất bởi Revolution Slider.

alignment-of-yếu tố-vòng-trượt

Các nút căn chỉnh này cho phép bạn đặt vật phẩm, cho dòng đầu tiên từ trái sang phải, ở cuối bên trái của Sân khấu, ở giữa Sân khấu và ở ngoài cùng bên phải của Sân khấu. Đối với dòng thứ hai, ở cuối cao của sân khấu, ở giữa sân khấu và ở cuối cơ sở của sân khấu. Bằng cách sử dụng các nút này đúng cách, bạn có thể dễ dàng tập trung các yếu tố trong hai lần nhấp.

yếu tố trung tâm-cách mạng-trượt

Sử dụng công cụ điều hướng giữa các yếu tố của một cảnh

Để dễ dàng tìm thấy các mục có sẵn trong một cảnh, bạn có thể sử dụng " timeline Hoặc nhà thám hiểm nguyên tố của một cảnh. Sau này là ở đầu của trình soạn thảo sân khấu.

explorer-to-slide-cách mạng-trượt

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]

Bằng cách nhấp vào danh sách thám hiểm, bạn sẽ có thể thực hiện các thao tác khác nhau trên các mục, bao gồm:

  • Chỉnh sửa một phần tử: biểu tượng bút chì
  • Thay đổi kích thước tỷ lệ của phần tử: biểu tượng với các mũi tên chỉ hướng
  • Xóa mục: biểu tượng thùng rác
  • Phần tử trùng lặp: biểu tượng trang đôi
  • Ẩn một mục: biểu tượng con mắt
  • Khóa một mục: biểu tượng ổ khóa

Nếu bạn chú ý một chút đến cùng khu vực này, bạn sẽ thấy các nút kiểm tra khả năng mở rộng thanh trượt, điều này sẽ cho phép bạn xem trước màn hình của thanh trượt trên thiết bị di động.

thời trang cách mạng đáp ứng-trượt

Đó là nó cho hướng dẫn này. Bây giờ bạn được trang bị để tạo ra một thanh trượt tuyệt vời. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại hỏi họ.

Bài viết này chứa 1 bình luận

Để 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
17 cổ phiếu
cổ phiếu10
tweet1
Enregistrer6