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

Smart Slider 3: một plugin WordPress để tạo thanh trượt

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

Les thanh trượt là các yếu tố có thể được tìm thấy trên hầu hết các trang chủ của các trang web. Thông minh trượt 3 là một plugin mạnh mẽ có sẵn trong phiên bản miễn phí và cao cấp.

Các tính năng chính của plugin này

Là một tính năng, nó cung cấp trong số những người khác:

  • Giao diện người dùng trực quan
  • Trình tạo trang video kéo và thả với Xem trước trực tiếp / 8
  • Các slide động có thể được tạo bằng các bài viết và được lọc bằng ID hoặc các trang tùy chỉnh
  • Tạo slide (Tự động) từ nhiều mạng xã hội (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube, v.v.).
  • Thanh trượt điều khiển tùy chỉnh 
  • Hoạt ảnh trượt trong nền (Ken Burns)

Miễn phí so với cao cấp

Nếu tất cả những gì bạn đang tìm kiếm là một thanh trượt cơ bản, Smart Slider 3 có sẵn trên WordPress.org trong thư mục plugin. Ngay cả phiên bản miễn phí cũng rất ấn tượng và đặc biệt so với một số thanh trượt khác.

Giấy phép một trang cá nhân chỉ có giá 25 đô la (gia hạn là ở 15 $).

Smart-trượt-Templates

Có một số khác biệt chính giữa phiên bản miễn phí và cao cấp về nội dung và tính năng. Đây là những gì bạn sẽ nhận được với phiên bản cao cấp:

  • Một trình tạo không giới hạn của các slide động
  • Lệnh nâng cao
  • Chế độ chuyên gia
  • Ảnh động trong nền
  • Trình xem và chỉnh sửa hình ảnh
  • Trình diễn thanh trượt 43

Hướng dẫn: Tạo thanh trượt cơ bản

Nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn.

Sau khi được kích hoạt, plugin WordPress Slider Smart đặt menu riêng của nó ở cuối bảng quản trị WordPress.

Nếu bạn chưa bao giờ cài đặt plugin WordPress, hãy tìm hiểu Làm thế nào để cài đặt một plugin trong WordPress

Bấm vào menu Thanh trượt thông minh, giao diện chính sẽ mở ra, nơi tùy chọn đầu tiên bạn sẽ thấy là một nút lớn màu xanh lục: " tạo Slider » mở ra một cửa sổ cấu hình ban đầu như bạn thấy bên dưới.

Smart-trượt-Tạo-Slider

Từ đó, bạn có thể đặt tên cho thanh trượt của mình và chọn một kiểu chung. Có rất nhiều kiểu để lựa chọn (như toàn bộ băng thông, toàn trang, băng chuyền, hình thu nhỏ và hơn thế nữa), nhưng chúng tôi sẽ sử dụng thanh trượt khối dựa trên bố cục của trang web hiện có của chúng tôi.

Bấm vào "Tạo nên" và Slider Smart sẽ bắt đầu thiết kế mô hình thanh trượt cơ bản của bạn. Sau vài giây, bạn sẽ thấy mình trên một trang cung cấp tất cả các chi tiết cơ bản về plugin.

Khám phá Cách tạo chính sách bảo mật trên WordPress

Điều đầu tiên cần lưu ý ở đây là phần " Xuất bản Slider". Bạn sẽ cần sử dụng một trong ba phương pháp này (Shortcode, trình chỉnh sửa trang hoặc bài viết hoặc mã PHP) khi đến lúc xuất bản slide của bạn (n ° 1 bên dưới). Trước khi chúng ta có thể làm điều đó, chúng ta cần tạo các slide.

Đây là nơi plugin thực sự thể hiện tính dễ sử dụng của nó.

Tất cả những gì bạn cần làm là nhấp vào nút màu xanh lá cây " Thêm trượt Hình ảnh '(n ° 2 bên dưới) và thư viện phương tiện của bạn sẽ mở. Từ đó, bạn có thể chọn bao nhiêu hình ảnh tùy thích hoặc bắt đầu chỉ với một hình ảnh, sau đó nhấp vào " Chọn Trong cửa sổ thư viện phương tiện.

Smart-trượt-New Slides

Remarque: Bạn không bị giới hạn hình ảnh khi chọn trang trình bày của mình. Bạn cũng có thể sử dụng video hoặc các bài báo cũng như tạo các trang trình bày trống, tĩnh hoặc thậm chí là động.

tham khảo Cách sao chép (sao chép) các trang của bạn trên WordPress: Hướng dẫn

Smart Slider tải trang trình bày của bạn vào giao diện và bạn đã sẵn sàng lưu và xuất bản hoặc bắt đầu tùy chỉnh. Tuy nhiên, nếu tôi xuất bản trình chiếu của mình, nó sẽ hoạt động tốt nhưng nó không hoàn toàn như những gì tôi đang tìm kiếm như bạn có thể thấy trong hình ảnh bên dưới.

Trung tâm ưu đãi Smart Slider 1

Để sửa lỗi này, tôi đã vào menu "Kích thước" và tôi đã cuộn xuống phần chế độ đáp ứng. Sự lựa chọn là "Chiều rộng đầy đủ", vì vậy tôi đã chọn "Tự động" và lưu tiến trình của tôi. Từ đó, tôi quay trở lại " Chung "và một sự liên kết trung tâm được lựa chọn.

Smart-trượt-Size-Change

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

Khi tôi nói về tính dễ sử dụng ở đây, hãy nhớ rằng toàn bộ quá trình này mất ít hơn 5 phút cho lần đầu tiên của tôi nỗ lực.

Bây giờ là lúc làm việc trên chính slide. Khi bạn di chuột qua các trang trình bày của mình trong khung nhìn, bạn sẽ nhận thấy một hộp màu xanh lục xuất hiện ở góc trên bên trái. Như bạn có thể đoán, nhấp chuột sẽ đánh dấu trang trình bày này là trang đầu tiên trong chuỗi.

Xem thêm Các plugin WordPress cao cấp tuyệt vời để thêm thanh trượt

Với thanh trượt của tôi đã được tạo và nền tại chỗ, đã đến lúc thêm một số nội dung và chuyển tiếp. Để thực hiện bước này, tôi chỉ cần nhấp vào trang chiếu mà tôi muốn chỉnh sửa, chuyển đến phần lớp.

Có rất nhiều cài đặt riêng lẻ trong bảng điều khiển bên phải, nhưng nếu cuộn xuống, bạn sẽ tìm thấy hình ảnh của trang trình bày của mình. Sau đó, bạn có thể nhấp vào một trong các mục trong bảng điều khiển bên trái để đặt chúng trên trang trình bày của bạn.

Smart-trượt-Elements

Tạo các slide này là một trường phái khác. Có rất nhiều tùy chọn có sẵn. Để cung cấp cho bạn ý tưởng về mức độ linh hoạt của plugin này, hãy xem từng phần tử có thể làm gì cho thanh trượt của bạn thông qua:

  • Một menu món
  • hình ảnh động
  • Cài đặt lớp

Trong mỗi menu này, có nhiều menu phụ. Ví dụ: khi bạn tạo một thành phần văn bản, bạn có thể điều chỉnh cài đặt phông chữ như: 

  • Các gia đình phông chữ
  • Màu sắc văn bản
  • cỡ chữ
  • Chiều cao của dòng
  • Trang trí của văn bản
  • Căn chỉnh
  • Khoảng cách giữa các chữ và từ
  • Cài đặt chỉnh sửa văn bản
  • Bóng văn bản

Mỗi thành phần văn bản trên thanh trượt của bạn có thể có các cài đặt riêng, hình động độc đáo và cài đặt đồng bộ hóa riêng. Thậm chí còn có một phần cho CSS tùy chỉnh.

Khi bạn thêm các yếu tố và hình động vào slide của mình, trên phiên bản pro, bạn cũng sẽ nhận thấy chức năng lịch, cho phép bạn kiểm soát thời gian hiển thị của các yếu tố riêng lẻ và thời lượng hoạt ảnh của chúng sử dụng thanh trượt đơn giản.

Tôi đã dựa vào tính năng này khi thêm các lớp khác nhau cho trang trình bày này một chút sau đó.

Smart-trượt-Timeline

Thêm lớp và hoạt ảnh

Với thanh trượt của chúng tôi tại chỗ và nền đã được cài đặt, đã đến lúc giới thiệu một số khác nhau các phần tử và các lớp. Chúng ta sẽ bắt đầu bằng cách thêm hình ảnh người tuyết vào slide. Để thực hiện việc này, tôi vào menu "Lớp" và click vào " Hình ảnh ". Điều này sẽ đặt một hình ảnh hư cấu trên slide.

Khám phá quá Cách định cấu hình plugin WordPress Slider Revolution

Từ đó, bạn có thể nhấp vào hình giả ở dưới cùng bên trái, sau đó chọn và thay đổi kích thước hình ảnh trong thư viện phương tiện.

Smart-trượt-Image-Element-Resize

Khi tôi đã chọn, chèn và thay đổi kích thước hình ảnh của mình, đã đến lúc thêm một số hoạt ảnh cơ bản có thể hoàn thành chỉ trong một vài bước.

Đầu tiên là chọn tab "Hoạt ảnh" như được thấy bên dưới. Sau khi hoàn tất, chúng ta sẽ nhấp vào nút hoạt hình màu xanh lá cây "Trong".

Smart-trượt-Ảnh động

Màn hình tiếp theo là nơi tôi có thể chọn hoạt ảnh của mình cũng như điều chỉnh lịch trình. Đối với trang trình bày cụ thể này, tôi giới thiệu hoạt ảnh "RIGHT" và tăng thời lượng lên 2200ms.

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]

Bạn đang tìm kiếm một ftp để quản lý các tệp và thư mục WordPress của mình, hãy khám phá Làm thế nào để sử dụng FTP trên Windows 10

Tôi cũng sẽ thêm độ trễ là 300ms. Ở cuối màn hình này có một tùy chọn để có một sự kiện cụ thể và một trình kích hoạt cho hoạt ảnh đó, chẳng hạn như di chuột hoặc nhấp trong trang trình bày. Tôi sẽ không làm phức tạp mọi thứ với các cài đặt này cho ví dụ này.

Smart-trượt-In-Animation-Cài đặt

Sau đó, tôi sẽ thêm một số văn bản. Theo quy trình tương tự như trên, nhấp vào mục " thêm văn bản Và thực hiện các điều chỉnh cần thiết của bạn. Tôi nhập văn bản và sau đó vào cài đặt phông chữ, nơi tôi đã thay đổi kích thước và màu sắc.

Tôi thêm một hoạt ảnh " Trong phai Và điều chỉnh lịch để nó bắt đầu ngay sau hoạt hình người tuyết.

Bạn cũng sẽ nhận thấy trong menu này rằng có khả năng có văn bản cụ thể cho máy tính bảng và thiết bị di động. Đây là một ví dụ tuyệt vời về các loại tính năng làm cho plugin này trở nên linh hoạt và thân thiện với người dùng.

Trong một số thanh trượt "khác", tôi sẽ buộc phải sử dụng truy vấn phương tiện và CSS tùy chỉnh.

Smart-trượt-Text-Layer-Tùy chọn

Cuối cùng, tôi thêm hai lớp nữa. Đầu tiên là một lớp văn bản và thứ hai là một lớp hình ảnh. Một lần nữa, tôi đang thực hiện quá trình tương tự như trên, nhưng tôi đã tính thêm một chút về thời gian của hoạt ảnh. Bạn có thể xem kết quả cuối cùng bên dưới.

Nói chung, việc tạo slide này là một quá trình 20 phút.

Lưu ý: Chuyển đổi slide này thành GIF sẽ sửa đổi thời hạn nhất định của các hình động đẹp được chọn lọc mà tôi đã cẩn thận lắp ráp.

Voila! Sau khi thử rất nhiều plugin WordPress của slider, cả miễn phí và cao cấp, tôi có thể thành thật nói rằng đây là một trong những ứng dụng tốt nhất mà tôi từng thử nghiệm. Nó không chỉ là một đặc điểm cụ thể làm cho nó độc nhất. Đó là sự kết hợp của nhiều thứ cho thấy plugin này tuyệt vời như thế nào.

Điều quan trọng cần lưu ý là tôi chưa đề cập đến từng tính năng riêng lẻ.

Khám phá quá Làm thế nào để biết chủ đề nào được sử dụng trên blog WordPress

Tôi chắc rằng nếu tôi dành thêm một chút thời gian làm việc với plugin này, tôi sẽ tìm thấy một vài thứ mà tôi muốn thay đổi và thậm chí có thể là một vài lỗi. Tôi nghĩ rằng tính dễ sử dụng sẽ giữ mọi người ở đó đủ lâu để cuối cùng họ có thể tận dụng tối đa vô số tính năng được cung cấp. Và tin tôi đi, có rất nhiều.

Tải xuống Thanh trượt thông minh 3

Khám phá thêm một số 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 ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Trình tạo trang của WooCommerce

WooCommerce Page Builder là một plugin WordPress rất phổ biến cung cấp một số lượng mã ngắn khá nhất quán và cho phép bạn tạo một số loại trang được cá nhân hóa (sản phẩm, giỏ hàng, thanh toán, "tài khoản của tôi") trên trang web của bạn WooCommerce. Nó là một phần mở rộng của Hình ảnh Plugin Composer mà bạn phải cài đặt trước.WooCommerce-page-builder

Nhờ plugin này, bạn sẽ có khả năng tạo trang web thương mại điện tử duy nhất bằng cách sử dụng bất kỳ chủ đề WordPress nào và giúp bạn kiếm được nhiều tiền.

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

2. Elementor

Được ra mắt lần đầu tiên vào năm 2016, plugin Elementor WordPress là một trong những trình tạo trang trẻ nhất trong danh sách này. Mặc dù khởi đầu muộn, Elementor nhanh chóng đạt được hơn 1 lượt cài đặt đang hoạt động trên WordPress.org, khiến nó trở thành một trong những Trình tạo hình ảnh của các trang WordPress phổ biến nhất.

elementor pro e1544277036401
Điều làm nên danh tiếng của nó là giao diện trực quan mượt mà, các tùy chọn kiểu dáng khác nhau và các tính năng mạnh mẽ khác như tạo hoàn chỉnh Chủ đề WordPress.

Giao diện của nó được chia thành hai phần chính, với một khu vực thứ ba cho các tham số nhất định. Phiên bản miễn phí của Elementor cung cấp các widget miễn phí 28. Phiên bản Pro mang đến 30 các widget khác, tổng cộng các widget 58 trong phiên bản Pro. Phiên bản miễn phí bao gồm các mẫu miễn phí 40, trong khi phiên bản Pro mang đến hàng trăm mẫu bổ sung.

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

3. Ninja Popups

Với hơn 30 lượt bán hàng và xếp hạng 000 sao, Ninja Popups là một trong những plugin WordPress phổ biến nhất hiện có trên Code Canyon.

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]

Ninja Popups wordpress plugin tạo cửa sổ bật lên bật lên chọn tham gia

Ngoài một loạt các mô hình cho nhiều mục đích sử dụng khác nhau, nó cũng đi kèm với một số tính năng như: trình tạo trực quan Popup, 10 vị trí hiển thị khác nhau cho cửa sổ bật lên, 74 hiệu ứng hoạt ảnh khác nhau, hỗ trợ công nghệ chống chặn để vượt qua trình chặn quảng cáo, nhiều tùy chọn nhắm mục tiêu, thống kê trong tableau de bord, chặn nội dung để chọn tham gia email hoặc chia sẻ trên phương tiện truyền thông xã hội, rất nhiều tích hợp với các dịch vụ tiếp thị qua email và hơn thế nữa.

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 và tôi hy vọng nó sẽ giúp bạn dễ dàng tạo thanh trượt hoặc trang trình bày với sự trợ giúp của Plugin WordPress Smart-SliderNếu bạn thích nó, đừ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

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.

Tuy nhiên, trong thời gian chờ đợi, hãy cho chúng tôi biết về ý kiến và đề xuất trong phần dành riêng.

...  

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

  1. Bonjour,
    Cảm ơn bạn đã giải thích chi tiết về thanh trượt thông minh 3.
    Sau khi tạo thanh trượt của mình, tôi đã chèn nó vào một bài báo. Kích thước của thanh trượt không phù hợp với những gì tôi thiết lập với công cụ. Nó chiếm toàn bộ chiều rộng của thùng chứa. Làm thế nào chúng ta có thể điều chỉnh nó với định dạng được xác định trước trong một trang hoặc một bài báo?
    Thân chào

    1. Bonjour,

      Tôi chưa bao giờ thử nghiệm chủ đề của bạn, xin lỗi. Tôi mời bạn đọc tài liệu plugin hoặc liên hệ với nhà phát triể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
1 cổ phiếu
cổ phiếu
tweet
Enregistrer1