Овај додатак није испробан са последња 3 главна издања Вордпреса.Можда се више не одржава или подржава и можда има грешке са усклађеношћу са новијим издањима Вордреса.

Ashtabula

mark l chaves

Преузимање

Подршка

Опис

This plugin allows you to use of the popular Swiper.js library in WordPress.

This is a minimalist plugin that is for displaying responsive cards in a slide.

On a large screen device, the slide will show a horizontal card (image on the left and text on the right).
On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.

See the screengrabs below to get a visual or visit the live demo.

Note: You should be comfortable with HTML and CSS to use this plugin.

Usage

Use the demo HTML file as a starter template. Add this HTML to a HTML or code block/element to your page or post.
To add the images, use the example CSS below as a template. Add the CSS to your Appearance > Customize > Additional CSS or your child theme’s style.css file.

CSS example to specify the background image for the responsive card in a slide.

/**
 * Swiper Slider Plugin Custom Styles
 */

#my-swiper-slide-1 {
 background-image: url(mybgimg-1.png);
}
#my-swiper-slide-2 {
 background-image: url(mybgimg-2.png);
}
#my-swiper-slide-3 {
 background-image: url(mybgimg-3.png);
}

Credits

Снимци екрана

Example slider card on large devices.
Example slider card on small devices.

Постављање

Upload the contents of plugin zip file to the /wp-content/plugins/ashtabula directory, or install the plugin through the WordPress plugins page directly.
Activate the plugin through the ‘Plugins’ page.

ЧПП

How can I change the Swiper.js settings?

You can override the ashtabula.js file. Here’s an example.

Add this to your child theme’s functions.php file.

/** Override Swiper Slider Plugin JS */
function override_ssp_js()
{
    wp_dequeue_script('ashtabula');
    wp_enqueue_script('swiper-slider-custom-js', get_stylesheet_directory_uri().'/js/swiper-slider-custom.js', '', '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'override_ssp_js', 100);

Create this file: /js/swiper-slider-custom.js. Add this code to the file. It will override the default plugin settings for Swiper.js.

/**
 * Make the slides:
 * 1. Slide up instead of 
 * to the right.
 * 2. Loop instead of rewind.
 * 3. Speed up to 3 seconds.
 */
(function () {
  let swiper = new Swiper(".swiper-container", {
    autoplay: {
      delay: 3000,
    },
    direction: "vertical",
    loop: true,
  });
})();

Прегледи

Нема рецензија за овај додатак.

Сарадници и градитељи

„Ashtabula“ је софтвер отвореног кода. Следећи људи су допринели овом додатку.

mark l chaves

Преведите „Ashtabula“ на свој језик.

Заинтересовани сте за градњу?

Прегледајте код, проверите SVN складиште или се пријавите на белешку градње преко RSS-а.

Белешка о изменама

1.0.0

First release. Tested on the Twenty Twenty and GeneratePress themes.

Оцене

No reviews have been submitted yet.

Додај моју оцену

See all reviews