Difference between revisions of "How to create a slider from gallery images"
| Line 1: | Line 1: | ||
| + | === About the slider === | ||
Gallery slider short code introduced in v7.2.3 makes the custom slider short code introduced in v7.2.1 and the regular slider shortcode that was present from a long time. | Gallery slider short code introduced in v7.2.3 makes the custom slider short code introduced in v7.2.1 and the regular slider shortcode that was present from a long time. | ||
If you have to insert a slider in post or a page, this is the way to go. | If you have to insert a slider in post or a page, this is the way to go. | ||
| + | |||
| + | === Using the gallery slider shortcode === | ||
[gallery_slider ids="1780,1771,1766" width="640" height="380"] | [gallery_slider ids="1780,1771,1766" width="640" height="380"] | ||
The above short code create a slider with slides of width 640px and height 380px using the images with id's 1780,1771,1766 from your media library. | The above short code create a slider with slides of width 640px and height 380px using the images with id's 1780,1771,1766 from your media library. | ||
| − | Unlike the slider shortcodes before or the custom slider you don't have to crop, or resize images before uploading. | + | |
| + | Unlike the slider shortcodes before or the custom slider you don't have to crop, or resize images before uploading. | ||
| + | |||
Resizing and cropping is automatically handled for you. | Resizing and cropping is automatically handled for you. | ||
| − | |||
| + | ''Just note that, wordpress can not upsize a images. If you upload a image smaller than slider dimensions. | ||
| + | '' | ||
[[File:Gallery-slider-shortcode.jpg]] | [[File:Gallery-slider-shortcode.jpg]] | ||
Revision as of 10:40, 26 December 2014
Contents
About the slider
Gallery slider short code introduced in v7.2.3 makes the custom slider short code introduced in v7.2.1 and the regular slider shortcode that was present from a long time.
If you have to insert a slider in post or a page, this is the way to go.
Using the gallery slider shortcode
[gallery_slider ids="1780,1771,1766" width="640" height="380"]
The above short code create a slider with slides of width 640px and height 380px using the images with id's 1780,1771,1766 from your media library.
Unlike the slider shortcodes before or the custom slider you don't have to crop, or resize images before uploading.
Resizing and cropping is automatically handled for you.
Just note that, wordpress can not upsize a images. If you upload a image smaller than slider dimensions.
Target link field is added by Swift theme, and isn't a standard WP option.
How to get the ID's of images?
Standard way
One way is to hover over the image in wordpress media library page or media uploader, and get the ID from the status bar of your browser.
- Select the image.
- Hover over edit or delete image link
- In the status bar you will find the ID.
The smart way
- Click on create gallery and insert a gallery with you slides.
- Switch from visual to html mode editor
- Now change the gallery short code to gallery_slider and add the width and height.
- No step 4, thats it :)
