开发者 | simonpedge |
---|---|
更新时间 | 2023年3月24日 04:59 |
捐献地址: | 去捐款 |
PHP版本: | 4.0 及以上 |
WordPress版本: | 6.0 |
版权: | GPLv2 or later |
版权网址: | 版权信息 |
Slide Anything
.
slide-anything
folder to the /wp-content/plugins/
directory.Sliders
menu in your WordPress admin panel.There are two ways to do this. If you are using the visual editor to edit a page or post, you will see a Slide Anything Sliders
button/icon in the toolbar of the editor. Click this button and a popup will be displayed containing a list of sliders that you have created. Select the title of a slider within this list and click OK
to insert the shortcode for the selected slider into your page or post content.
The other method: When you are editing your slider within the WordPress Dashboard, you will see a box with the heading Shortcode / Preview
on the right-hand side. Click the Copy to Clipboard
button within this box to copy the slider shortcode to your clipboard. Paste this copied shortcode into the page or post where you would like your slider to appear. This is also the method to use if you want to insert your slider into a text widget or another custom content type, such as a portfolio post.
By definition a slider
has a single slide displayed on-page at a time, whilst a carousel
has multiple slides displayed 'on-page' at a time. The Items Displayed
box, on the right-hand side of the slider edit page in the WordPress dashboard controls how many slides are displayed on-page at a time.
To define a slider, all the settings within this box must be set to 1
. When these are set to values greater than 1
, a carousel will be displayed, for example you may want to display a carousel with 4 slides visible on desktop devices, 3 slides visible on tablets and only 2 slides visible on mobile phones.
The Slide Background
box for each slide in your slider allows you to define a background image or a background color for each slide. Note that the content you add to each slide within the slide editor box for each slide is foreground content and sits on top
of the slide background - this content can be other images and textual content.
To set a slide background image, click the Set Image
button. The Background Size
setting determines if, and how the background image is stretched/shrunk to cover the slide content area and the Background Repeat
setting determines if the backgroung image should be repeated, like tiles. The Background Color
setting allows you set a color for the slide background - note that you can have both a slide background color AND a slide background image. The small background preview window to the left of these settings give you an indication on how the settings you choose will look.
The Min Height
setting (within the Slider Style
box), is often used in conjunction with defining slide backgrounds, as this setting controls how much of the slide background is visible if the slide contains no (foreground) content.
At the top of this box, which appears on the right-hand side when editing a slider, you can set and copy the CSS ID
for the slider. This is useful for developers who are familiar with CSS coding, and this CSS ID
can be used to create custom styles for your slider within your theme or child-theme's style/CSS file.
The Padding (pixels)
settings are used to define the amount of padding space around the entire slider - top, right, bottom and left. The Background/Border
settings define the background colour for the entire slider (Note:
each slide's background image/color will appear on top of this slider background), and also if a border should appear around the entire slider - the width, color and border radius of this border.
The SLIDE STYLE
settings are the style settings for each individual slide with the slider/carousel. Here you can define the minimum height each slide and also the padding space around each slide.
Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty straight-forward. You can paste a Slide Anything shortcode into a 'Paragraph Block' or use the 'Shortcode Block'.
Slide Transition
setting to set the transition of 1-Items Sliders to a 'fade', 'backSlide', 'goDown' or 'fadeUp' transition effectmouseDrag
and touchDrag
carousel settingsAllow Shortcodes
setting. Running shortcodes within Slide Anything
may cause issues with some Wordpress Page Builders, and disable this setting will resolve this issue if it occurs.Items Displayed
setting to set the number of slides to be displayed on screen resolutions over 1400 pixelsAutohide Arrows
setting to enable/displayed the autohide feature for slider navigation arrows