Muốn cấu hình Plugin WordPress Cuộc cách mạng trượt?

Kể từ phần đầu của loạt bài hướng dẫn dành riêng cho Plugin WordPress  Slider Cách mạng, chúng ta đã học tải xuống và cài đặt plugin. sau đó chúng tôi phát hiện ra giao diện và các chức năng khác nhau của nó. Bây giờ, hãy tiếp tục bằng cách hiển thị cho bạn cấu hình của một "Thanh trượt".

Nếu bạn là người mới bắt đầu và đang tìm kiếm tài nguyên để bắt đầu; bạn sẽ tìm thấy ở đây mọi thứ bạn cần để bắt đầu. Và nếu bạn khám phá việc tạo blog hãy đọc Làm thế nào để tạo một blog WordPress một cách dễ dàng: Hướng dẫn & Tuto

Điều đó nói rằng, chúng ta hãy tìm hiểu thanh trượt là gì.

Thanh trượt trong thực tế là gì?

Thanh trượt là một thành phần HTML. Vâng, tôi biết, đã nói như vậy, điều đó không giúp bạn thăng tiến nhiều. Vì vậy, một thanh trượt là một tính năng cho phép bạn hiển thị nhiều thông tin khác nhau trong một vòng lặp (hoặc không). Thông tin này được nhóm theo " trượt ", Là một thực thể của" thanh trượt "và có thể bao gồm hình ảnh, văn bản video, liên kết, v.v.Cuộc cách mạng về thanh trượt - plugin WordPress Slider Revolution

Các " thanh trượt "Do đó có chứa" slide (Ít nhất là 1) và các slide này chứa các thành phần đa phương tiện (hình ảnh, video, âm nhạc, văn bản) có thể là hoạt hình hoặc tương tác (phản ứng với hành động của người dùng).

Remarque : Bạn có thể dịch " thanh trượt Trong " slide tương tác và năng động '.

Slider Revolution cho phép chúng tôi làm điều đó, và chúng tôi sẽ bắt đầu mà không cần trì hoãn thêm.

Nếu bạn chưa tạo một trang web và đang tìm kiếm theme WordPress vốn tích hợp mạnh mẽ này Plugin WordPress, danh sách các chủ đề WordPress cao cấp này sẽ hoàn hảo.

Tạo thanh trượt: Cấu hình đầu tiên

Để bắt đầu, bạn phải nhấp vào menu " Slider Cuộc cách mạng Trên bảng điều khiển WordPress của bạn.

Cách mạng thanh trượt wordpress

Bây giờ bấm vào mục mới Slider Và bạn sẽ đến với giao diện cấu hình của thanh trượt.

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

Giao diện cấu hình thanh trượt có thể đáng sợ, nhưng nếu bạn lùi lại, bạn sẽ hiểu rõ hơn về chức năng của nó. Bạn có thể nhận thấy rằng giao diện này bao gồm hai phần. Đầu tiên bên trái bao gồm 5 khu vực khác nhau, và thứ hai bên phải bao gồm 6 khu vực nhỏ. Ngay phía trên, bạn có thanh công cụ, cho phép bạn:

  • Quay trở lại danh sách các thanh trượt « Tất cả các Sliders »
  • Truy cập cài đặt thanh trượt (đây là cửa sổ mà bạn đang ở)
  • Giao diện chỉnh sửa các slide
  • Một nút sao lưu
  • Nút chỉnh sửa slide
  • Nút xem trước thanh trượt
  • Nút xóa thanh trượt
  • Một nút để quay trở lại (một lần nữa) Để danh sách các thanh trượt

thanh công cụ của cuộc cách mạng-trượt

Bây giờ tôi sẽ giải thích từng phần ở cột bên trái.

Plugin WordPress này xử lý rất nhiều hình ảnh, điều này có thể làm chậm quá trình tải trang web của bạn. Khám phá Tại sao bạn cần bắt đầu tối ưu hóa blog WordPress của mình bằng hình ảnh

phần "Nguồn nội dung"

nội dung mã nguồn cách mạng-trượt

Phần này cho phép bạn định cấu hình nguồn của thanh trượt. Thật vậy, tại đây bạn có thể quyết định tạo:

  • Một thanh trượt cổ điển, trong đó bạn sẽ phải tự cấu hình tất cả các hình động
  • Một thanh trượt các bài báo, trong đó phòng của bạn để điều động là khá hạn chế
  • Một thanh trượt của các bài viết cụ thể mà bạn có thể chọn
  • Một thanh trượt của nguồn cấp tin tức Flickr
  • Một thanh trượt của nguồn cấp dữ liệu Instagram
  • Thanh trượt sản phẩm WooCommerce
  • Một thanh trượt trên feed Twitter
  • Thanh trượt trên bài đăng trên Facebook
  • Một thanh trượt trên Ấn YouTube
  • Và một thanh trượt trên các ấn phẩm của Vimeo

Cần lưu ý khi thông qua rằng: Slider Revolution là một plugin mạnh mẽ cho phép làm nổi bật các sản phẩm trong một cửa hàng trực tuyến. Khám phá Các chủ đề 10 WordPress để tạo một cửa hàng trực tuyến và giới thiệu quần áo của bạn

Điều đó nói rằng, chúng tôi sẽ có nội dung để trình bày cách tạo một thanh trượt cổ điển, bởi vì nó được sử dụng nhiều nhất, khó sử dụng nhất và phi thường nhất trong các hiệu ứng của nó. Với thực tế, bạn sẽ quản lý để tạo cấu hình của riêng bạn trên các thanh trượt khác. Trong trường hợp có vấn đề, đừng ngần ngại quay lại và để lại nhận xét ở đây. Vì vậy, để lại tùy chọn " Thanh trượt mặc định "Tích cực.

Phần Tiêu đề & Mã ngắn của Thanh trượt

Chắc bạn cũng đoán được. Phần này cho phép bạn xác định tiêu đề của thanh trượt và mã ngắn đi kèm với nó (không có gì quá khoa học về tên lửa).

Tiêu đề và shortcode-du trượt

Phần "Chọn loại thanh trượt"

chọn-a-loại-of-trượt-trượt-cuộc cách mạng

Phần này cho phép bạn xác định cấu trúc cơ bản của thanh trượt. Thật vậy, bạn có 3 tùy chọn để lựa chọn cho phép bạn:

  • Đối với tùy chọn đầu tiên, xác định một thanh trượt mặc định với chiều rộng phù hợp với không gian có sẵn và có các yếu tố cơ bản như các nút điều hướng.
  • Đối với tùy chọn thứ hai, bạn có thể quyết định áp dụng phong cách động và tương tác, không có nút điều hướng và áp đặt hơn nhiều so với tùy chọn trước đó. Tùy chọn này được gọi là "cảnh anh hùng" vì ở đây bạn sẽ chú trọng nhiều hơn vào hình ảnh động và tương tác.
  • Tùy chọn cuối cùng cung cấp một phong cách cổ điển hơn nhiều với việc cuộn các hình ảnh từ trái sang phải được đơn giản hóa trong các hình ảnh động khá đa dạng.

Remarque : Bất cứ khi nào bạn chọn một tùy chọn, bạn có một phần "Tải giá trị đặt trước từ Loại thanh trượt nàyCung cấp cho bạn các biến thể nâng cao của loại thanh trượt bạn đã chọn.

thay đổi-of-loại-of-trượt

Tôi sẽ không thể giải thích tất cả các biến thể, nhưng bạn sẽ có thể rút ra kết luận từ các hình ảnh có sẵn. Ví dụ: đối với loại thanh trượt " Tiêu chuẩn Bạn có biến thể thứ tư " Thumbs dưới tự ", Cho phép bạn tạo một thanh trượt với hình thu nhỏ ở phía dưới và có hình động tự động cuộn.

thumbs-bottom tự trượt-cách mạng-tutorial

Phần "Bố cục Trang trình bày"

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

Phần này cho phép bạn đặt bố cục cho thanh trượt của mình. Vì vậy, bạn có thể rời khỏi ' Cách mạng Slider »Tự động chọn độ rộng sẽ áp dụng cho thanh trượt, chọn áp dụng toàn bộ chiều rộng cho thanh trượt hoặc sử dụng thanh trượt ở chế độ toàn màn hình.

Tùy thuộc vào tùy chọn bạn chọn, Thanh trượt của bạn sẽ khác nhau trên một số thiết bị. Bạn có bên dưới một phần cấu hình của lưới theo các thiết bị (điện thoại di động, máy tính để bàn, vv.). Hãy nhớ rằng việc định cấu hình lưới cho phép bạn thay đổi lề trong của mỗi thanh trượt.

Đọc thêm Mẹo 6 để tối ưu hóa thiết kế di động của blog của bạn

Ở dưới cùng của phần này, bạn có thể chọn bật khả năng hiển thị tràn, cho phép duy trì diện mạo radio và đặt độ cao tối thiểu.

Phần "Tùy chỉnh, Xây dựng & Triển khai"

Phần này không thực sự có tùy chọn cho plugin. Nó cung cấp cho bạn một số liên kết nhanh đến các phần quan trọng.

tùy chỉnh-xây dựng-Thực hiện

Bây giờ chúng ta sẽ tiếp tục với cột thứ hai ở bên phải.

Phần Cài đặt chung

Phần này cung cấp cho bạn một số cài đặt sẽ áp dụng cho thanh trượt. Đây là cách bạn có thể:

Trong tab "Trình chiếu"

  • Vô hiệu hóa thanh trượt trên cầu vượt
  • Dừng thanh trượt sau một số cuộn đã đặt
  • Hiển thị các slide ngẫu nhiên
  • Lặp lại slide
  • Vô hiệu hóa hoặc dừng thanh trượt trên kích thước thiết bị nhất định
  • Tùy chọn cuối cùng "Chờ revapi.revstart ()", sẽ không hữu ích cho bạn.

Trong tab "Lỗi"

Bạn có thể xác định:

  • Ký tự có thể chọn của các lớp
  • Xác định định danh của thanh trượt (nó được thực hiện tự động)
  • Thời lượng tối thiểu giữa các slide
  • Thời gian chờ trước khi khởi tạo
  • Việc chuyển đổi giữa các slide
  • Thời lượng của quá trình chuyển đổi được biểu thị bằng micrô giây
  • Kích thước hình ảnh
  • Vị trí CSS của hình nền
  • Lặp lại hình nền, nếu hình ảnh này không đủ lớn
  • Kích hoạt tùy chọn " Video Muette Cho phép bạn xác định loại hình động, vị trí trong XY (vâng, những gì bạn học được khi bạn phải vẽ các hàm toán học) và các yếu tố khác.

Tab thanh tiến trình

Tất cả các tùy chọn trong phần này là dành cho thanh tiến trình mà bạn có thể bật và tùy chỉnh.

Tab 1er Trượt

Phần này cho phép bạn kích hoạt một slide thay thế đầu tiên. Điều này sẽ cho phép " thanh trượt Để tải một " trượt Lựa chọn của bạn đầu tiên. Hãy nhớ rằng " slide Là những yếu tố có thể được xác định.

Phần "Bố cục & Hình ảnh"

bố trí và nghe nhìn

Tab "Giao diện"

Phần này cho phép bạn định cấu hình sự xuất hiện của thanh trượt. Cụ thể, bạn có thể xác định để hiển thị một bóng dưới thanh trượt (rất tiện dụng nếu bạn chọn thanh trượt mặc định, với biên độ thấp đáng kể).

Bạn cũng có thể chọn hiển thị lớp phủ được phủ bằng các chấm trong suốt (điều này sẽ làm cho thanh trượt của bạn rất nguyên bản, nhưng nếu bạn muốn hiển thị thông tin cần đọc kỹ, bạn sẽ phải đi mà không cần).

Sau đó, bạn có nền của thanh trượt, lề trong và hình ảnh ở nền (điều bạn cần biết ở đây là hình nền ở cấp độ này sẽ được hiển thị trên tất cả slide).

tab "Spinner"

Tab này cho phép bạn xác định một hình ảnh động trong khi tải thanh trượt, không có gì hơn.

tab "Di động"

Tab này cho phép bạn quản lý hiển thị thanh trượt trên thiết bị di động. Bạn phải biết rằng lưu lượng truy cập di động là quan trọng và do đó bạn không nên bỏ qua nó. Bạn sẽ có khả năng ẩn thanh trượt nếu kích thước của điện thoại di động (chiều rộng) nhỏ hơn một con số mà bạn đã xác định (tính bằng pixel).

tab "Vị trí"

Điều này cho phép bạn xác định vị trí của thanh trượt so với trang. Tôi sẽ có xu hướng nói, liên quan đến vị trí của nó. Tùy chọn này không cần phải sửa đổi, vì tôi cho rằng tất cả chúng ta đều muốn thanh trượt được căn giữa.

Phần "Điều hướng"

Phần này cho phép bạn kích hoạt các nút điều hướng giữa các trang trình bày trên "thanh trượt" của bạn. Bạn có 6 tùy chọn điều hướng:

  • Mũi tên
  • bọ chét
  • tab
  • thumbnails
  • Tác dụng của touchdown trên thiết bị di động
  • Và điều hướng với các phím mũi tên

Mỗi tùy chọn, khi được bật, sẽ cho phép bạn định cấu hình vị trí của các thành phần điều hướng hoặc nguyên tắc hoạt động của chúng (cài đặt mặc định thường là đủ).

cấu hình-hướng-cách mạng-trượt

Phần "Cài đặt băng chuyền"

tham số-du mục carousel-cách mạng-trượt

Phần này chỉ xuất hiện khi bạn chọn loại " Carousel Slider », Và cho phép bạn định cấu hình các tùy chọn của nó. Bạn sẽ có thể:

  • Cho phép cuộn vô hạn
  • Xác định khoảng trắng giữa các slide, nếu bạn không muốn các slide chạm vào
  • Đặt đường viền tròn theo pixel
  • Đặt lề trên cao (padding-top)
  • Đặt lề trên thấp (padding-bottom)
  • Số phần tử hiển thị bằng "trang trình bày"
  • « yếu tố strech", Cho phép bạn kéo dài phần tử để nó chiếm toàn bộ chiều rộng của" thanh trượt »

Bảo mật là một yếu tố quan trọng trong thời gian hoạt động của trang web của bạn và một trong những kỹ thuật sẽ bảo vệ bạn trước bất kỳ cuộc tấn công hoặc lỗi nghiêm trọng nào là thường xuyên sao lưu blog của bạn. Khám phá của chúng tôi Plugin sao lưu blog 5 WordPress

Phần "Thị sai & 3D"

Tại đây bạn có thể kích hoạt tùy chọn " 3D Trên thanh trượt của bạn.

Phần "Sự cố & Xử lý"

Phần này cho phép bạn quản lý khả năng tương thích với các thiết bị cũ. Bạn có thể đơn giản hóa thanh trượt trên " IOS4 và Internet Explorer 8 '.

Mặt khác, bạn có thể chọn hiển thị hình ảnh thay thế, khi trình duyệt không hỗ trợ thanh trượt.

Phần "Phông chữ Google"

Chức năng này cho phép bạn quản lý các phông chữ Google Fonts mà bạn sẽ tải xuống và áp dụng nó vào thanh trượt.

Khi bạn đã xác định các thông số của thanh trượt. Tất cả những gì bạn phải làm là nhấp vào nút ghi.

tiết kiệm-một-trượt-trượt-cuộc cách mạng

Nếu plugin WordPress Slider Revolution không phải là công cụ ưa thích của bạn khi tạo thanh trượt trên các trang web WordPress, thì ở đây chúng tôi cung cấp hai lựa chọn thay thế có khả năng cung cấp chức năng tương tự.

1. LayerSlider

LayerSlider là một plugin hoạt ảnh đa năng WordPress cao cấp. Nó cung cấp cho bạn tùy chọn để tạo trình chiếu và thư viện hình ảnh với các hiệu ứng tuyệt đẹp, các trang đích và khối trang hoạt hình đẹp mắt hoặc thậm chí là một trang web đầy đủ.Layerslider plugin wordpress tạo thanh trượt 1

Nó là một trong những lựa chọn thay thế có khả năng cạnh tranh chặt chẽ với Slider Revolution. Trình chỉnh sửa kéo và thả trực quan của nó giúp mọi người bắt đầu sử dụng nó rất trực quan. Không có kỹ năng kỹ thuật hoặc mã hóa được yêu cầu. Việc lựa chọn ngày càng nhiều các mô hình có thể nhập khẩu là điểm khởi đầu lý tưởng cho các dự án mới và bao gồm tất cả các trường hợp sử dụng phổ biến. Chúng được làm cẩn thận, và có thể dễ dàng tùy chỉnh để đáp ứng mọi nhu cầu.

Hỗ trợ tuyệt vời và cập nhật thường xuyên đảm bảo bạn tận dụng tối đa việc mua hàng của mình.

Đi xa hơn với plugin WordPress mạnh mẽ này bằng cách đọc bài viết này Thanh trượt Lớp: Một plugin WordPress để tạo thanh trượt

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

2. Thanh trượt WP1

WP1 Slider là một plugin WordPress đa năng. Nó rất dễ sử dụng và có tất cả các tính năng hữu ích mà bạn sẽ cần để tạo các trình chiếu đẹp mắt. Hầu hết các plugin trượt quá kỹ thuật và cần nhiều thời gian để định cấu hình chúng, nhưng WP1 Slider được thiết kế cho người không lập trình và cung cấp các tùy chọn đáng kinh ngạc.Wp1 slide pro wordpress plugin tạo slide trình chiếu trang web slide

Trong số này bạn sẽ tìm thấy:upport của hiệu ứng Kenburn, 6 mô hình khác nhau của chuyển đổi thanh trượt,upport của shortcodes, một csự hấp thụ của các slide bằng cách kéo và thả, cquấy rối nhanh và SEO tuyệt vời,hỗ trợ chia sẻ trên một số mạng xã hội,tích hợp video YouTube và Vimeo, bố cục điện tửđáp ứng đầy đủ, sự hỗ trợ của WooCommerce và những người khác.

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

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Voila! Đó là tất cả cho bài thuyết trình này về cấu hình của plugin WordPress Cách mạng Slider. Chúng tôi sẽ tiếp tục trong một hướng dẫn trong tương lai, nơi chúng tôi sẽ thảo luận về thiết kế các slide.

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 hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Tuy nhiên, nếu bạn có bất kỳ nhận xét hoặc đề xuất nào về vấn đề này, họ sẽ được hoan nghênh trong phần nhận xét. Đặc biệt là chia sẻ bài viết này trên khác của bạn mạng xã hội.