[wordpress插件] Blaster Slider冲击波滑块

wordpress 插件文章 2020-03-06 05:20 444  0 全屏看文

小编 VIP3

AI助手支持GPT4.0

评分

描述

Live Demo: Live Demo

实时演示：实时演示

With Blaster Slider creating Slide Shows has never been easier!

使用Blaster Slider创建幻灯片显示从未如此简单！

Most of us manage our websites by ourselves and we all need simple clean and straight-forward solution when it comes to image sliding.

我们大多数人都自己管理网站，当涉及到图像滑动时，我们都需要简单，简洁，直接的解决方案。

Blaster Slider does exactly what one would expect from an Image Slider;

Blaster Slider完全可以实现Image Slider的功能；

it’s a SEO friendly lightweight and simple solution for sliding the images anywhere on your website with optional caption.

这是一种SEO友好的轻量级简单解决方案，可使用可选的标题将图片滑动到您网站上的任意位置。

Blaster Slider has very small footprint and generates clean valid output.

Blaster Slider的占地面积非常小，可以生成干净有效的输出。

Based on AMPAE Qt Slider jQuery plugin Blaster Slider WordPress Plugin has been created with the aim to simplify creation of Image Carousels, Image Sliders, etc. Blaster Slider can be also easily integrated with most free and premium themes out there.

<p><span class=“ embed-youtube” style=“ text-align：center; display：block;”> <iframe class='youtube-player'type='text / html'width='640'height='360' <p/><p>src='https://www.youtube.com/embed/EGSsetLOR9Y?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent' allowfullscreen='true' style='border:0;'><<p/><p>src ='https：//www.youtube.com/embed/EGSsetLOR9Y？version = 3＆rel = 1＆fs = 1＆autohide = 2＆showsearch = 0＆showinfo = 1＆iv_load_policy = 1＆wmode = transparent'allowfullscreen ='true'style ='border：0;'> < <p/><p>/iframe></span><p/><p>/ iframe> </ span><p/><p><h4>Features:</h4><p/><p><h4>功能：</ h4><p/><p><ul><p/><p><ul><p/><p><li>Image Slider – Simple yet Powerful.</li><p/><p><li>图像滑块–简单但功能强大。</ li><p/><p><li>Small Footprint – Lightweight Outputs</li><p/><p><li>占地面积小–轻量级输出</ li><p/><p><li>HTML5 Compatible Valid and Clean Markups</li><p/><p><li> HTML5兼容的有效标记和干净标记</ li><p/><p><li>SEO friendly</li><p/><p><li> SEO友好</ li><p/><p><li>Short-Codes Driven – Easy to use inline shortcode params</li><p/><p><li>受短代码驱动–易于使用的内联短代码参数</ li><p/><p><li>100% Responsive – Optimized for Any Screen Sizes and Touch Devices</li><p/><p><li> 100％自适应–针对任何屏幕尺寸和触摸设备进行了优化</ li><p/><p><li>Caption Effect</li><p/><p><li>字幕效果</ li><p/><p><li>Unlimited Sliders on Page – Add as much categories and sliders on any page</li><p/><p><li>页面上的无限制滑块–在任何页面上添加尽可能多的类别和滑块</ li><p/><p><li>Easy to Use Interface</li><p/><p><li>易于使用的界面</ li><p/><p><li>Cross Browser Compabilitly – Works Well on All Popular Browsers</li><p/><p><li>兼容跨浏览器–在所有流行的浏览器上都能正常运行</ li><p/><p><li>Full-width and Boxed Layout</li><p/><p><li>全角和盒装版式</ li><p/><p><li>Visual Button Editor</li><p/><p><li>可视按钮编辑器</ li><p/><p><li>Touch Swipe Navigation</li><p/><p><li>触摸滑动导航</ li><p/><p><li>CSS3 Transitions with jQuery Fallback</li><p/><p><li>带有jQuery Fallback的CSS3过渡</ li><p/><p><li>Hardware Accelerated</li><p/><p><li>硬件加速</ li><p/><p><li>Random (Shuffle) Ordering Slides Option</li><p/><p><li>随机（随机播放）订购幻灯片选项</ li><p/><p><li>Multisite Compatible</li><p/><p><li>兼容多站点</ li><p/><p><li>Clean and Beautiful Design</li><p/><p><li>干净美观的设计</ li><p/><p><li>Simple Interface</li><p/><p><li>简单的界面</ li><p/><p><li><p/><p><li><p/><p><p>Easy to use</p><p/><p><p>易于使用</ p><p/><p><p>USAGE EXAMPLE:</p><p/><p><p>用法示例：</ p><p/><p></li><p/><p></ li><p/><p></ul><p/><p></ ul><p/><p><p>It’s very easy to create new Blaster Slider.<p/><p><p>创建新的Blaster Slider非常容易。<p/><p>Once created you’ll see a slider ID.<p/><p>创建完成后，您将看到一个滑块ID。<p/><p>All you really need to display slider is to specify post ID as ShortCode single attribute:</p><p/><p>您真正需要显示的滑块是将帖子ID指定为ShortCode单个属性：</ p><p/><p><p>[blaster_slider id=”#ID”]</p><p/><p><p> [blaster_slider id =“＃ID”] </ p><p/><p><p>Using Blaster Slider directly in the theme.</p><p/><p><p>直接在主题中使用Blaster Slider。</ p><p/><p><p>You can use Blaster Slider directly in the theme php file or template like this:</p><p/><p><p>您可以像这样在主题php文件或模板中直接使用Blaster Slider：</ p><p/><p><p>echo do_shortcode(“[blaster_slider id=”#ID”]”);</p><p/><p><p> echo do_shortcode（“ [blaster_slider id =”＃ID“]”）; </ p><p/><p><h4>Compatibility</h4><p/><p><h4>兼容性</ h4><p/><p><ul><p/><p><ul><p/><p><li>WordPress 3.8+</li><p/><p><li> WordPress 3.8 + </ li><p/><p><li>WooCommerce 2.2+</li><p/><p><li> WooCommerce 2.2 + </ li><p/><p><li>BBpress 2.0+</li><p/><p><li> BBpress 2.0 + </ li><p/><p><li>BuddyPress 2.0+</li><p/><p><li> BuddyPress 2.0 + </ li><p/><p></ul><p/><p></ ul><p/><p><h4>Compatible Browsers</h4><p/><p><h4>兼容的浏览器</ h4><p/><p><ul><p/><p><ul><p/><p><li>IE8+</li><p/><p><li> IE8 + </ li><p/><p><li>Edge</li><p/><p><li>边缘</ li><p/><p><li>Firefox</li><p/><p><li> Firefox </ li><p/><p><li>Safari</li><p/><p><li> Safari </ li><p/><p><li>Opera</li><p/><p><li>歌剧</ li><p/><p><li>Chrome</li><p/><p><li> Chrome </ li><p/><p><li>iOS browser</li><p/><p><li> iOS浏览器</ li><p/><p><li>Android browser</li><p/><p><li> Android浏览器</ li><p/><p></ul><p/><p></ ul><p/></div></fieldset><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>安装步骤</legend><div><p><p><strong>This section describes how to install the plugin and get it working</strong></p><p/><p><p> <strong>本节介绍如何安装插件并使其正常工作</ strong> </ p><p/><p><h4>Automatic installation (easiest way)</h4><p/><p><h4>自动安装（最简单的方法）</ h4><p/><p><p>To do an automatic install of blaster-slider, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.</p><p/><p><p>要自动安装blaster-slider，请登录WordPress仪表板，导航至“插件”菜单，然后单击“添加新项”。</ p><p/><p><p>In the search field type “blaster-slider” and click Search Plugins.<p/><p><p>在搜索字段中输入“ blaster-slider”，然后单击“搜索插件”。<p/><p>Once you have found it you can install it by simply clicking “Install Now”.</p><p/><p>找到它后，只需单击“立即安装”即可安装它。</ p><p/><p><h4>Manual installation</h4><p/><p><h4>手动安装</ h4><p/><p><p><strong>Uploading in WordPress Dashboard</strong></p><p/><p><p> <strong>在WordPress仪表板中上传</ strong> </ p><p/><p><ol><p/><p><ol><p/><p><li>Download <code>blaster-slider.zip</code></li><p/><p><li>下载<code> blaster-slider.zip </ code> </ li><p/><p><li>Navigate to the ‘Add New’ in the plugins dashboard</li><p/><p><li>导航至插件仪表板中的“添加新项” </ li><p/><p><li>Navigate to the ‘Upload’ area</li><p/><p><li>导航到“上传”区域</ li><p/><p><li>Select <code>blaster-slider.zip</code> from your computer</li><p/><p><li>从计算机中选择<code> blaster-slider.zip </ code> </ li><p/><p><li>Click ‘Install Now’</li><p/><p><li>点击“立即安装” </ li><p/><p><li>Activate the plugin in the Plugin dashboard</li><p/><p><li>在“插件”信息中心中激活插件</ li><p/><p></ol><p/><p></ ol><p/><p><p><strong>Using FTP</strong></p><p/><p><p> <strong>使用FTP </ strong> </ p><p/><p><ol><p/><p><ol><p/><p><li>Download <code>blaster-slider.zip</code></li><p/><p><li>下载<code> blaster-slider.zip </ code> </ li><p/><p><li>Extract the <code>blaster-slider</code> directory to your computer</li><p/><p><li>将<code> blaster-slider </ code>目录提取到您的计算机</ li><p/><p><li>Upload the <code>blaster-slider</code> directory to the <code>/wp-content/plugins/</code> directory</li><p/><p><li>将<code> blaster-slider </ code>目录上传到<code> / wp-content / plugins / </ code>目录</ li><p/><p><li>Activate the plugin in the Plugin dashboard</li><p/><p><li>在“插件”信息中心中激活插件</ li><p/><p></ol><p/><p></ ol><p/><p><p>The WordPress codex contains <a href="https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation" rel="nofollow">instructions on how to install a WordPress plugin</a>.</p><p/><p><p> WordPress抄本包含<a href="https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation" rel="nofollow">有关如何安装WordPress插件的说明</a>。</ p><p/></div></fieldset><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>下载地址</legend><div>https://downloads.wordpress.org/plugin/blaster-slider.zip</div></fieldset> </div> <div class="row" style="text-align: center;color: grey;font-weight: 600;">-EOF-</div> <p> <a href="https://www.sanshu.cn/a/76065.html" target="_blank" type="button" class="layui-btn layui-btn-normal" style="width: 100%;color: whitesmoke;">AI助手支持GPT4.0</a> </p><br /> <blockquote class="layui-elem-quote" id="copyright"> <div> 原文出处:<a href="http://www.sanshu.cn/a/4785.html">http://www.sanshu.cn/a/4785.html</a> </div> </blockquote> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>您还可能感兴趣的文章</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="answer_list_8238" class="jieda-daan"> <a href="/a/8238.html">[wordpress插件] Conditional Blocks &#8211; Control any Gutenberg Block条件块–控制任何古腾堡块</a> </li> <li data-id="answer_list_2971" class="jieda-daan"> <a href="/a/2971.html">[wordpress插件] AthEasyDraftListOutputAthEasyDraftListOutput</a> </li> <li data-id="answer_list_3606" class="jieda-daan"> <a href="/a/3606.html">[wordpress插件] Pricing Tables for WPWP的价格表</a> </li> <li data-id="answer_list_2297" class="jieda-daan"> <a href="/a/2297.html">[wordpress插件] AMP ToolboxAMP工具箱</a> </li> <li data-id="answer_list_2290" class="jieda-daan"> <a href="/a/2290.html">[wordpress插件] AMP Recent PostsAMP最近帖子</a> </li> </ul> </div> </div> </div> <div class="layui-col-md4"> <div class="fly-panel"> <h3 class="fly-panel-title">国内超级便宜服务器</h3> <div class="layui-row fly-panel-main friend-link"> <a href="https://www.sanshu.cn/a/76091.html" style="color: red;">看看多便宜</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">摸鱼人热门新闻聚合</h3> <div class="layui-row fly-panel-main"> <a href="http://www.moyuren.com/" style="color:#3d8ae3;font-weight: bold;" target="_blank">点我查看热门新闻聚合</a> </div> </div> <style>.fly-zanzhu-img img{width:100%;}</style> <div class="fly-panel"> <div class="fly-panel-title"> 钻级赞助商 <span class="fly-mid"></span> <a href="mailto:sasa514@vip.qq.com" class="fly-link fly-joinad ">我要加入</a> </div> <div class="fly-panel-main" style="padding: 13px 15px;" id="zzcontent"> </div> <script src="/static/js/zanzhushang.js"></script> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发者在线工具</h3> <div class="layui-row fly-panel-main"> <a href="http://www.devtools.cn/" style="color:#3d8ae3;font-weight: bold;" target="_blank">开发者在线工具</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">第三方支付技术请加QQ群</h3> <div class="layui-row fly-panel-main friend-link"> <p>群主管理都是支付大佬</p> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=cB5gB8XCMiWEBBZVBNNSijUC-vnGKmTR&jump_from=webapi"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="微信支付交流群" title="微信支付交流群"></a> </div> </div> <div class="fly-panel" style="height: 400px;"> <div style="padding:10px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2144314048024814" data-ad-slot="8574354707" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle =window.adsbygoogle ||[]).push({});</script> </div> <div style="clear: both;"></div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发工具</h3> <div class="layui-row fly-panel-main" style="padding: 15px;"> <a href="http://www.devtools.cn/" target="_blank">开发者工具</a> <a href="http://www.hellojava.com/links/" target="_blank">Java程序员常用链接</a> </div> </div> <dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">相关文章</dt> <dd> <a href="/article/8238.html">[wordpress插件] Conditional Blocks &#8211; Control any Gutenberg Block条件块–控制任何古腾堡块</a> </dd> <dd> <a href="/article/2971.html">[wordpress插件] AthEasyDraftListOutputAthEasyDraftListOutput</a> </dd> <dd> <a href="/article/3606.html">[wordpress插件] Pricing Tables for WPWP的价格表</a> </dd> <dd> <a href="/article/2297.html">[wordpress插件] AMP ToolboxAMP工具箱</a> </dd> <dd> <a href="/article/2290.html">[wordpress插件] AMP Recent PostsAMP最近帖子</a> </dd> </dl><dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">随便看看</dt> <dd> <a href="/article/71028.html">企业微信通讯录账号被管理员误/恶意删除，怎么办？</a> <span> <i class="iconfont icon-pinglun1"></i> 8018</span> </dd> <dd> <a href="/article/71029.html">问题？</a> <span> <i class="iconfont icon-pinglun1"></i> 7254</span> </dd> <dd> <a href="/article/71030.html">如何快速搭建抽奖助手小程序(无需代码知识)</a> <span> <i class="iconfont icon-pinglun1"></i> 5038</span> </dd> <dd> <a href="/article/71031.html">许涛大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗?</a> <span> <i class="iconfont icon-pinglun1"></i> 5993</span> </dd> <dd> <a href="/article/71032.html">小程序搜一搜全称搜索不显示麻烦解决一下！谢谢</a> <span> <i class="iconfont icon-pinglun1"></i> 5511</span> </dd> <dd> <a href="/article/71033.html">我的小程序广告收款主体是个体工商户，每个月邮寄两次发票很是麻烦，我年底的时候打包邮寄一次可以么？</a> <span> <i class="iconfont icon-pinglun1"></i> 5206</span> </dd> <dd> <a href="/article/71034.html">如何解决渲染层网络错误Failed to load media？</a> <span> <i class="iconfont icon-pinglun1"></i> 16561</span> </dd> <dd> <a href="/article/71035.html">小程序找号找回释放昵称？</a> <span> <i class="iconfont icon-pinglun1"></i> 2426</span> </dd> <dd> <a href="/article/71036.html">我的小程序广告主收入5301，实际进账4406，是怎么回事呀？</a> <span> <i class="iconfont icon-pinglun1"></i> 2507</span> </dd> <dd> <a href="/article/71037.html">删除部分微信用户个人数据的通知，怎么删除？</a> <span> <i class="iconfont icon-pinglun1"></i> 5547</span> </dd> </dl> </div> </div> </div> <link href="/static/hightlight/styles/monokai-sublime.css" rel="stylesheet"> <script src="/static/hightlight/highlight.pack.js"></script> <script>document.addEventListener('DOMContentLoaded',(event) =>{document.querySelectorAll('pre').forEach((block) =>{hljs.highlightBlock(block);});});</script> <script>var _bilioption={"container":".content","position":"self"};</script> <script asyn="asyn" src="/static/js/biliparse.js"></script> <script src="/static/js/app/article.js?11" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">$(function(){layui.use(['carousel','form'],function(){var carousel =layui.carousel,form =layui.form;carousel.render({elem:'#test10' ,width:'50%' ,height:'440px' ,interval:5000 });}) }) $("#makeArticleWidth").click(function(){$("#detaildv").css({"width":"100%"}) $("#detaildv").find("table").css({"width":"100%"});}) $("#detaildv").find("a").each(function(a){var href =$(this).attr("href");if(window.document.location.host.indexOf(href)==-1 &&!$(this).attr("target")){$(this).attr("target","_blank");$(this).attr("rel","noreferrer");} }) </script> <script>var mediaRegex =[{"regex":"","controller":""},{"regex":"music.163.com\/#\/song\\\?id=(\\\d+)","controll":"<iframe frameborder=\"no\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" width=330 height=86 src=\"//music.163.com/outchain/player?type=2&id={}&auto=1&height=66\">"}];jQuery(function(){$("#article_content").find("a").each(function(){var url =$(this).attr("href");for(var i=0;i"+c+"