[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fZXoz0LCuh4cKgt4_ZtwPMwiNxRYOU3sZxvQDmqqX_BA":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"mlchaves","mark l chaves","https:\u002F\u002Fprofiles.wordpress.org\u002Fmlchaves\u002F",5,320,85,30,84,"2026-04-04T05:03:50.133Z",[14,38,52,66,84],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":20,"downloaded":21,"rating":20,"num_ratings":22,"last_updated":23,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":27,"homepage":33,"download_link":34,"security_score":9,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"gallery-image-captions","Gallery Image Captions (GIC)","1.4.0","\u003Cp>With \u003Cstrong>GIC\u003C\u002Fstrong>, you can display the title, caption, and description image attributes. You can also change\u002Ffilter the rendering HTML to whatever you want.\u003C\u002Fp>\n\u003Cp>After installing and activating GIC, write your filter and add the WordPress \u003Ca href=\"https:\u002F\u002Fcodex.wordpress.org\u002FGallery_Shortcode\" rel=\"nofollow ugc\">Gallery shortcode\u003C\u002Fa> to your page.\u003C\u002Fp>\n\u003Cp>If you’ve been \u003Cem>dreaming\u003C\u002Fem> of writing a filter to customise the gallery image captions, then this plugin is for you.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstreetphotography.blog\u002Fgallery-image-captions-demo\u002F\" rel=\"nofollow ugc\">Visit the live demo page.\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch4>Motivation\u003C\u002Fh4>\n\u003Cp>The default WordPress gallery shortcode will only display the \u003Cstrong>caption\u003C\u002Fstrong> from the media’s attachment metadata. Sometimes it’s nice to display more like the title—even the description.\u003C\u002Fp>\n\u003Cp>The \u003Cstrong>GIC plugin\u003C\u002Fstrong> overrides the WordPress gallery shortcode function to create a \u003Ca href=\"https:\u002F\u002Fdeveloper.wordpress.org\u002Fplugins\u002Fhooks\u002F\" rel=\"nofollow ugc\">hook\u003C\u002Fa>. With this \u003Cem>hook\u003C\u002Fem> you can do a little bit more than just displaying the caption.\u003C\u002Fp>\n\u003Cp>Some premium themes hide the caption completely. This leaves photography lovers like me scratching their head and spending precious time cobbling together makeshift caption blocks.\u003C\u002Fp>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Ch4>Custom Filter For Displaying Captions\u003C\u002Fh4>\n\u003Cp>The \u003Cstrong>crux\u003C\u002Fstrong> of this plugin is the ability to filter the gallery image caption. The \u003Ccode>galimgcaps_gallery_image_caption\u003C\u002Fcode> hook makes this possible.\u003C\u002Fp>\n\u003Cp>For the usage examples below, this is the filter used.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F**\n * Custom Filter for Gallery Image Captions\n *\n * Note: Avoid altering captiontag, selector, and itemtag.\n *\u002F\nfunction mlc_gallery_image_caption($attachment_id, $captiontag, $selector, $itemtag) {\n\n    $id = $attachment_id;\n\n    \u002F\u002F Grab the meta from the GIC plugin.\n    $my_image_meta = galimgcaps_get_image_meta($id);\n\n    \u002F**\n     * Here's where to customise the caption content.\n     * \n     * This example uses the meta title, caption, and description. \n     * \n     * You can display any value from the $my_image_meta array. \n     * You can add your own HTML too.\n     *\u002F\n    return \"\u003C{$captiontag} class='wp-caption-text gallery-caption' id='{$selector}-{$id}'>\" .\n            \"Title: \" . $my_image_meta['title'] . \"\u003Cbr>\" .\n            \"Caption: \" . $my_image_meta['caption'] . \"\u003Cbr>\". \n            \"Description: \". $my_image_meta['description'] . \n        \"\u003C\u002F{$captiontag}>\u003C\u002F{$itemtag}>\";\n\n}\nadd_filter('galimgcaps_gallery_image_caption', 'mlc_gallery_image_caption', 10, 4);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Feel free to use this filter code as a starter template. After activating the GIC plugin, add the code above to your child theme’s \u003Ccode>functions.php\u003C\u002Fcode> file. Rename the function and tweak the return string to suit your needs.\u003C\u002Fp>\n\u003Ch4>New Filter To Get Custom Fields\u003C\u002Fh4>\n\u003Cpre>\u003Ccode>\u002F**\n * New GIC 1.4.0 filter for custom meta fields.\n *\u002F\nfunction gic_add_custom_fields( $image_meta, $attachment ) {\n\n    \u002F\u002F This is how you add a custom fields to the array that\n    \u002F\u002F GIC uses to display captions.\n    $image_meta['credit_text'] = $attachment->credit_text;\n    $image_meta['credit_link'] = $attachment->credit_link;\n\n    return $image_meta;\n}\nadd_filter( 'galimgcaps_image_meta', 'gic_add_custom_fields', 10, 2 );\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>To use these two custom fields, your \u003Ccode>galimgcaps_gallery_image_caption\u003C\u002Fcode> would look something like this.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>function mlc_gallery_image_caption($attachment_id, $captiontag, $selector, $itemtag) {\n\n    $id = $attachment_id;\n\n    \u002F\u002F Grab the meta from the GIC plugin.\n    $my_image_meta = galimgcaps_get_image_meta($id);\n\n    \u002F\u002F If there's credit, give it where it's due complete with link.\n    $credit = $my_image_meta['description'] ? \n        \"\u003Cbr>\u003Cstrong>Credit\u003C\u002Fstrong>: \u003Ca style='display: inline;' href='\" . \n        $my_image_meta['credit_link'] . \n        \"'>\" . $my_image_meta['credit_text'] . \"\u003C\u002Fa>\" . \"\u003Cbr>\" : \n        '';\n\n    \u002F**\n     * With GIC 1.4.0 you can also add custom media attachment fields\n     * to your captions.\n     *\u002F\n    return \"\u003C{$captiontag} class='wp-caption-text gallery-caption' id='{$selector}-{$id}'>\" .\n            \"\u003Cstrong>Caption\u003C\u002Fstrong>: \" . $my_image_meta['caption'] . \"\u003Cbr>\" . \n            $credit .\n            \"\u003C\u002F{$captiontag}>\u003C\u002F{$itemtag}>\";\n\n}\nadd_filter('galimgcaps_gallery_image_caption', 'mlc_gallery_image_caption', 10, 4);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Since v1.2.0\u003C\u002Fstrong>, GIC automatically adds an \u003Cstrong>Image ID\u003C\u002Fstrong> column to your WordPress Media Library. This is to help you add the image IDs to your GIC shortcodes.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fps.w.org\u002Fgallery-image-captions\u002Fassets\u002Fscreenshot-11.png\" rel=\"nofollow ugc\">See where GIC automatically adds an Image ID column to your WordPress Media Library.\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>\u003Cstrong>New in v1.4.0\u003C\u002Fstrong>, GIC support custom media attachment fields.\u003C\u002Fp>\n\u003Ch3>Usage Example 1\u003C\u002Fh3>\n\u003Ch4>Shortcode\u003C\u002Fh4>\n\u003Cp>For starters, let’s use a\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u003Cp>\u003C\u002Fp> \n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>tag for the caption tag.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[gallery size=\"full\" columns=\"1\" link=\"file\" ids=\"114\" captiontag=\"p\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch4>Styling\u003C\u002Fh4>\n\u003Cp>Let’s override the generated styles with our own style for one particular image.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F* Targeting a Specific Image *\u002F\n\n\u002F* Add some padding all around. *\u002F\n#gallery-1 .gallery-item, \n#gallery-1 .gallery-item p {\n    padding: 1%;\n}\n\n\u002F* Add some moody background with typewriter font. *\u002F\n#gallery-1 .gallery-item {\n    color: whitesmoke;\n    background-color: black;\n    font-size: 1.25rem;\n    font-family: Courier, monospace;\n    text-align: left !important;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Usage Example 2\u003C\u002Fh3>\n\u003Ch4>Shortcode\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>A 2 column x 1 row gallery with large size images using an H4 for the caption.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[gallery size=\"large\" columns=\"2\" link=\"file\" ids=\"109,106\" captiontag=\"h4\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>A 3 column x 1 row gallery with medium size images using a blockquote for the caption.\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[gallery size=\"medium\" columns=\"3\" link=\"file\" ids=\"109,106,108\" captiontag=\"blockquote\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Did you notice that we are using\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u003Cblockquote>\u003C\u002Fblockquote> \n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>in the second shortcode? Let’s give it try just for \u003Cem>kicks\u003C\u002Fem>.\u003C\u002Fp>\n\u003Ch4>Styling\u003C\u002Fh4>\n\u003Cpre>\u003Ccode>\u002F* 1. Style the H4 Used in the Caption Example *\u002F\nh4 {\n    color: #777777 !important;\n    font-size: 1.2rem !important;\n    font-family: Helvetica, Arial, sans-serif !important;\n}\n\n\u002F* 2. Help Align the Blockquote *\u002F\n#gallery-3 .gallery-caption {\n    margin-left: 40px !important;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Responsive CSS Example\u003C\u002Fh3>\n\u003Cp>I recommend adding the following media queries if you use galleries with more than one image. The two media queries below will stack 2×1 and 3×1 galleries into a 1 column x n rows or 2 column x n rows  as needed.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F* Media Queries for Responsive Galleries *\u002F\n\n\u002F**\n * Styling based on article \"How To: Style Your WordPress Gallery\"\n * by Par Nicolas.\n * \n * https:\u002F\u002Ftheme.fm\u002Fhow-to-style-your-wordpress-gallery\u002F\n *\u002F\n\n\u002F* Mobile Portrait Breakpoint - 1 column *\u002F\n@media only screen and (max-width: 719.998px) {\n    .gallery-columns-2 .gallery-item,\n    .gallery-columns-3 .gallery-item { \n     width: 100% !important; \n  }\n}\n\n\u002F* Mobile Landscape and Tablet Breakpoints - 2 columns *\u002F\n@media only screen and (min-width: 720px) and (max-width: 1024px) {\n  .gallery-columns-3 .gallery-item { \n     width: 50% !important; \n  }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n","Gallery Image Captions (GIC) allows you to customise WordPress gallery image captions.",100,3568,1,"2022-12-18T07:30:00.000Z","6.1.10","5.3.2","7.2",[28,29,30,31,32],"css","filter","gallery","html","shortcode","https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fgallery-image-captions","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fgallery-image-captions.1.4.0.zip",0,null,"2026-03-15T15:16:48.613Z",{"slug":39,"name":40,"version":17,"author":5,"author_profile":6,"description":41,"short_description":42,"active_installs":20,"downloaded":43,"rating":44,"num_ratings":7,"last_updated":45,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":46,"homepage":50,"download_link":51,"security_score":9,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"hide-and-seek-header","Hide and Seek Header","\u003Cp>\u003Cem>Built for Avada by ThemeFusion\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>Hide and Seek Header frees up more space for a web page by hiding the sticky header when scrolling down. The sticky header will reappear when scrolling back up to make site navigation easier.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Hides the sticky header on scroll down \u003Cstrong>only\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Option to disable on mobile (devices smaller than 800px wide—the Avada default).\u003C\u002Fli>\n\u003Cli>Option to enable fade animation on hiding.\u003C\u002Fli>\n\u003Cli>Option to enable landing page mode. The plugin hides the standard header (non-sticky) so only the sticky header displays on scrolling up.\u003C\u002Fli>\n\u003Cli>Option to decrease scroll-up sensitivity. Helpful for reducing flicker on touch screens.\u003C\u002Fli>\n\u003Cli>Super simple install. Two steps and your done.\u003C\u002Fli>\n\u003Cli>Cleans up the database on uninstall.\u003C\u002Fli>\n\u003Cli>Lightweight—about 30 KB zipped.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Cp>Your site must be using Avada by ThemeFusion. The plugin settings are under \u003Cstrong>Settings > Hide and Seek Header\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Ch4>Disable on Mobile\u003C\u002Fh4>\n\u003Cp>By default, the plugin will hide headers for all devices. Check \u003Cstrong>Disable on mobile?\u003C\u002Fstrong> to keep the header visible on small devices. The current default breakpoint is \u003Ccode>800px\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cp>Uncheck to hide the header on all devices.\u003C\u002Fp>\n\u003Ch4>Enable Animation\u003C\u002Fh4>\n\u003Cp>The animation is disabled by default. Check \u003Cstrong>Enable animation?\u003C\u002Fstrong> to turn on a \u003Ccode>0.5 second\u003C\u002Fcode> fade-out effect when the header begins to disappear.\u003C\u002Fp>\n\u003Ch4>Enable Landing Page Mode\u003C\u002Fh4>\n\u003Cp>Check \u003Cstrong>Landing page mode?\u003C\u002Fstrong>, if you want to hide the standard top header and menu on page load. This is great for minimising distractions.\u003C\u002Fp>\n\u003Cp>Click \u003Cstrong>Save all changes\u003C\u002Fstrong> to save your options.\u003C\u002Fp>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cp>The Hide and Seek Header plugin and its author are not affiliated with Avada or ThemeFusion in any way.\u003C\u002Fp>\n","Hide and Seek Header hides the site header on down scroll events for the Avada theme.",5452,80,"2022-12-18T07:42:00.000Z",[47,28,48,31,49],"avada","header","themefusion","https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fhide-and-seek-header","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fhide-and-seek-header.1.4.0.zip",{"slug":53,"name":54,"version":55,"author":5,"author_profile":6,"description":56,"short_description":57,"active_installs":20,"downloaded":58,"rating":20,"num_ratings":22,"last_updated":59,"tested_up_to":24,"requires_at_least":25,"requires_php":60,"tags":61,"homepage":64,"download_link":65,"security_score":9,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"search-placeholder-avada","Search Placeholder Avada","2.0.0","\u003Cp>\u003Cem>Customise your search placeholder text!\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>Search Placeholder Avada allows you to add your own custom placeholder text for Avada’s search input box.\u003C\u002Fp>\n\u003Cp>There’s new support for all themes.\u003C\u002Fp>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Cp>Originally built for Avada by ThemeFusion, you can now use this on any theme.\u003C\u002Fp>\n\u003Cp>With version 2.0, there’s built-in support for Avada and WordPress default themes. You can also use a PHP hook (filter) to add any CSS selector you need.\u003C\u002Fp>\n\u003Cp>The plugin settings are under \u003Cstrong>Settings > Search Placeholder Avada\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Example Filter for Supporting Any Theme\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F** Search Placeholder Avada: filter for your own CSS selectors. Separate selectors with a comma. *\u002F\n\nadd_filter( 'search_placeholder_css_selectors', function() {\n        return \".this-is-a-test-class, #this-is-a-test-id, .another-class\";\n    }\n);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Tweak the filter for your needs. Then, add it to your child theme’s \u003Ccode>functions.php\u003C\u002Fcode> file or use a code snippets plugin that supports adding PHP hooks.\u003C\u002Fp>\n\u003Ch3>Disclaimer\u003C\u002Fh3>\n\u003Cp>The Search Placeholder Avada plugin and its author are not affiliated with Avada or ThemeFusion in any way.\u003C\u002Fp>\n","Customise the search box placeholder text for the Avada theme.",3408,"2022-12-18T07:37:00.000Z","7.2.18",[47,48,62,63,49],"placeholder","search","https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fsearch-placeholder-avada","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fsearch-placeholder-avada.2.0.0.zip",{"slug":67,"name":68,"version":69,"author":5,"author_profile":6,"description":70,"short_description":71,"active_installs":72,"downloaded":73,"rating":20,"num_ratings":22,"last_updated":74,"tested_up_to":75,"requires_at_least":25,"requires_php":26,"tags":76,"homepage":82,"download_link":83,"security_score":9,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"will-work-for-ko-fi","Will Work for Ko-fi","2.1.1","\u003Cp>Welcome to the Will Work for Ko-fi (WW4KOFI) Gutenberg block version 2.0.0.\u003C\u002Fp>\n\u003Cp>Add your customised official Ko-fi button to your posts and pages. Visually preview your customisations in the block editor.\u003C\u002Fp>\n\u003Cp>This custom Gutenberg Block (CGB) for the Ko-fi donation button allows you to:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Create an optional heading\u003C\u002Fli>\n\u003Cli>Add a short call-to-action prompt\u003C\u002Fli>\n\u003Cli>Insert your custom button text\u003C\u002Fli>\n\u003Cli>Choose a background colour using a built-in colour picker \u003C\u002Fli>\n\u003Cli>And of course, add your Ko-fi \u003Cem>code\u003C\u002Fem> or username\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Open a page or post in Gutenberg.\u003C\u002Fli>\n\u003Cli>Click on the \u003Ccode>+\u003C\u002Fcode> to add a block.\u003C\u002Fli>\n\u003Cli>Start typing “Will Work for Ko-fi” until you see the block appear, then select it.\u003C\u002Fli>\n\u003Cli>Inside the block, enter an optional heading or short description into the respective input fields.\u003C\u002Fli>\n\u003Cli>In the settings sidebar, enter the text you want on your button. This is important! Keep it short.\u003C\u002Fli>\n\u003Cli>In the settings sidebar, use the colour picker for the button’s background.\u003C\u002Fli>\n\u003Cli>Remember to enter your Ko-fi \u003Cem>code\u003C\u002Fem> or username. This is also in the settings sidebar.\u003C\u002Fli>\n\u003Cli>Preview, Update, or Publish your page or post and enjoy 😉\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Credits\u003C\u002Fh3>\n\u003Cp>Built with \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fahmadawais\u002Fcreate-guten-block\" rel=\"nofollow ugc\">Create Guten Block\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>\u003Cem>Will Work for Ko-fi\u003C\u002Fem> coffee logo by walkerstudio13 from the \u003Ca href=\"https:\u002F\u002Fthenounproject.com\u002Fsearch\u002F?q=coffee&i=2491285\" rel=\"nofollow ugc\">Noun Project\u003C\u002Fa>.\u003C\u002Fp>\n","Custom Gutenberg Block (CGB) for the Ko-fi donation button.",20,1515,"2021-09-26T22:04:00.000Z","5.8.13",[77,78,79,80,81],"block","button","cgb","donation","kofi","https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fwill-work-for-ko-fi","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwill-work-for-ko-fi.2.1.1.zip",{"slug":85,"name":86,"version":87,"author":5,"author_profile":6,"description":88,"short_description":89,"active_installs":35,"downloaded":90,"rating":35,"num_ratings":35,"last_updated":91,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":92,"homepage":96,"download_link":97,"security_score":9,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"ashtabula","Ashtabula","1.0.0","\u003Cp>This plugin allows you to use of the popular \u003Ca href=\"https:\u002F\u002Fswiperjs.com\u002F\" rel=\"nofollow ugc\">Swiper.js\u003C\u002Fa> library in WordPress.\u003C\u002Fp>\n\u003Cp>This is a minimalist plugin that is for displaying responsive cards in a slide.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>On a large screen device, the slide will show a horizontal card (image on the left and text on the right). \u003C\u002Fli>\n\u003Cli>On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>See the screengrabs below to get a visual or visit the \u003Ca href=\"https:\u002F\u002Fstreetphotography.blog\u002Fashtabula-swiper-slider\u002F\" rel=\"nofollow ugc\">live demo\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Note\u003C\u002Fstrong>: You should be comfortable with HTML and CSS to use this plugin.\u003C\u002Fp>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Use the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fashtabula\u002Fblob\u002Fmaster\u002Fashtabula-demo.html\" rel=\"nofollow ugc\">demo HTML file\u003C\u002Fa> as a starter template. Add this HTML to a HTML or code block\u002Felement to your page or post.\u003C\u002Fli>\n\u003Cli>To add the images, use the example CSS below as a template. Add the CSS to your \u003Cstrong>Appearance\u003C\u002Fstrong> > \u003Cstrong>Customize\u003C\u002Fstrong> > \u003Cstrong>Additional CSS\u003C\u002Fstrong> or your child theme’s \u003Ccode>style.css\u003C\u002Fcode> file.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>CSS example to specify the background image for the responsive card in a slide.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u002F**\n * Swiper Slider Plugin Custom Styles\n *\u002F\n\n#my-swiper-slide-1 {\n background-image: url(mybgimg-1.png);\n}\n#my-swiper-slide-2 {\n background-image: url(mybgimg-2.png);\n}\n#my-swiper-slide-3 {\n background-image: url(mybgimg-3.png);\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Credits\u003C\u002Fh3>\n\u003Cp>Powered by \u003Ca href=\"https:\u002F\u002Fswiperjs.com\u002F\" rel=\"nofollow ugc\">Swiper.js\u003C\u002Fa>.\u003C\u002Fp>\n","Ashtabula - A Swiper Slider Plugin for WordPress",2004,"2022-12-18T07:44:00.000Z",[93,94,95],"responsive","slider","swiper","https:\u002F\u002Fgithub.com\u002Fmarklchaves\u002Fashtabula","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fashtabula.1.0.0.zip"]