我们决定在主页上使用 RoyalSlider 作为滑块。我一直很喜欢 AnythingSlider,因为我参与了它的创建,我认为它非常强大。但是,我认为它现在有点过时了,不支持触摸事件或流体宽度环境。RoyalSlider 几乎同样强大(API 方面),并且也支持触摸和流体性。
我们从 Jeff 那里获得了一些照片作为他的作品,这些照片是我们滑块内容方面所需的一切。
我们逐步完成了下载并实现 CSS 和 JS 的过程,以便使其在我们的页面上正常工作。
为了在 WordPress 中注册样式表和 JavaScript 文件,我使用以下代码段。您可以将其复制粘贴到您的 functions.php 中并根据您的需要进行编辑。
<?php // Enqueue scripts and styles // load the styles and scripts function scripts_important() { wp_register_script( ‘modernizr’, get_template_directory_uri() . ‘/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js’, ’20121015′, false ); wp_enqueue_script( ‘modernizr’ ); } function enqueue_custom_script($form) { wp_register_script( ‘forms’, get_template_directory_uri() . ‘/js/forms.min.js’, array( ‘jquery’ ), ’20121015′, true ); wp_enqueue_script( ‘forms’ ); } function scripts_normal() { global $post_type; // remove default jQuery includes wp_deregister_script( 'jquery' ); // register javascript files // get jQuery from Google CDN wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.ac.cn/ajax/libs/jquery/1.7/jquery.min.js", false, null); wp_register_script( 'bootstrap', get_template_directory_uri() . '/js/vendor/bootstrap.min.js', array( 'jquery' ), '20120206', true ); wp_register_script( 'lightbox', get_template_directory_uri() . '/js/jquery.fancybox.pack.js', array( 'jquery' ), '20120206', false ); wp_register_script( 'plugins', get_template_directory_uri() . '/js/plugins.min.js', array( 'jquery' ),'20120206', true ); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'bootstrap' ); // load javascript file only on a specific post type if( 'activiteiten' == $post_type ) { wp_enqueue_script( 'lightbox' );}; wp_enqueue_script( 'plugins' ); } function theme_styles() { global $post_type; wp_register_style( ‘fonts’, ‘http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic’, ’20120208′, ‘all’ ); wp_register_style( ‘bootstrap’, get_template_directory_uri() . ‘/css/bootstrap.min.css’, array(), ’20120208′, ‘all’ ); wp_register_style( ‘lightbox’, get_template_directory_uri() . ‘/css/jquery.fancybox.min.css’, array(), ’20120208′, ‘all’ ); wp_register_style( ‘main’, get_template_directory_uri() . ‘/css/main.min.css’, array(‘bootstrap’, ‘fonts’), ’20120208′, ‘all’ ); wp_enqueue_style( 'fonts' ); wp_enqueue_style( 'bootstrap' ); wp_enqueue_style( 'main' ); if( 'activiteiten' == $post_type ) { wp_enqueue_style( 'lightbox' );}; } add_action( ‘wp_enqueue_scripts’, ‘scripts_important’, 5 ); add_action(“gform_enqueue_scripts”, “enqueue_custom_script”, 10, 2); add_action( ‘wp_enqueue_scripts’, ‘scripts_normal’ ); add_action( ‘wp_enqueue_scripts’, ‘theme_styles’ ); ?>
将 jQuery 附加到 body 元素末尾的最佳方法是什么?
我是一个 JS 新手,并且我没有在这个项目中使用 CodeKit。在你谈到使用 CodeKit 预先加载文档的那一点……如果我不使用 CodeKit 我应该怎么做?我可以直接将 royalslider.min.js 文件中的代码复制粘贴到 global.js 文件中吗?因为这样不起作用,我已经正确地完成了其他所有操作(或者我认为是),但现在看起来不一样……求助
您是大师
值得注意的是,Royal Slider 的广告价格已上涨至 14 美元和 22 美元(WordPress 版本)。如果您使用 PayPal,您需要支付 2 美元的额外手续费,而如果您不使用 PayPal,则必须使用他们的店内积分,该积分仅以 20 美元和 30 美元的块出售 - 强制您浪费金钱。
从本质上讲,如果这是您唯一购买的东西,那么 Royal Slider 将花费您 16 美元/20 美元或 24 美元/30 美元(WordPress 版本)。
您的电子邮件地址将不会被公开。 必填字段标有 *
评论 *
姓名 *
电子邮件 *
网站
在下一次我评论时,请在此浏览器中保存我的姓名、电子邮件和网站。
复制并粘贴此代码: micuno *
请勿填写此字段
Δ
为了在 WordPress 中注册样式表和 JavaScript 文件,我使用以下代码段。您可以将其复制粘贴到您的 functions.php 中并根据您的需要进行编辑。
将 jQuery 附加到 body 元素末尾的最佳方法是什么?
我是一个 JS 新手,并且我没有在这个项目中使用 CodeKit。在你谈到使用 CodeKit 预先加载文档的那一点……如果我不使用 CodeKit 我应该怎么做?我可以直接将 royalslider.min.js 文件中的代码复制粘贴到 global.js 文件中吗?因为这样不起作用,我已经正确地完成了其他所有操作(或者我认为是),但现在看起来不一样……求助
您是大师
值得注意的是,Royal Slider 的广告价格已上涨至 14 美元和 22 美元(WordPress 版本)。如果您使用 PayPal,您需要支付 2 美元的额外手续费,而如果您不使用 PayPal,则必须使用他们的店内积分,该积分仅以 20 美元和 30 美元的块出售 - 强制您浪费金钱。
从本质上讲,如果这是您唯一购买的东西,那么 Royal Slider 将花费您 16 美元/20 美元或 24 美元/30 美元(WordPress 版本)。