子主题中的Functions.php-加载JS

时间:2013-10-21 作者:JoaMika

我的主题使用此函数加载Javascript和CSS

function aitEnqueueScriptsAndStyles()
{
    // just shortcuts
    $s = THEME_CSS_URL;
    $j = THEME_JS_URL;

    aitAddStyles(array(
        \'ait-jquery-prettyPhoto\'  => array(\'file\' => "$s/prettyPhoto.css"),
        \'ait-jquery-fancybox\'     => array(\'file\' => "$s/fancybox/jquery.fancybox-1.3.4.css"),
        \'ait-jquery-hover-zoom\'   => array(\'file\' => "$s/hoverZoom.css"),
        \'ait-jquery-fancycheckbox\'=> array(\'file\' => "$s/jquery.fancycheckbox.min.css"),
        \'jquery-ui-css\'           => array(\'file\' => "$s/jquery-ui-1.10.1.custom.min.css"),
    ));

    aitAddScripts(array(
        \'jquery-ui-tabs\'              => true,
        \'jquery-ui-accordion\'         => true,
        \'jquery-ui-autocomplete\'      => true,
        \'jquery-ui-slider\'            => true,
        \'ait-jquery-fancycheckbox\'    => array(\'file\' => "$j/libs/jquery.fancycheckbox.min.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-html5placeholder\' => array(\'file\' => "$j/libs/jquery.simpleplaceholder.js", \'deps\' => array(\'jquery\')),
        \'ait-googlemaps-api\'          => array(\'file\' => \'http://maps.google.com/maps/api/js?sensor=false&language=en\', \'deps\' => array(\'jquery\')),
        \'ait-jquery-gmap3-label\'      => array(\'file\' => "$j/libs/gmap3.infobox.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-gmap3\'            => array(\'file\' => "$j/libs/gmap3.min.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-infieldlabel\'     => array(\'file\' => "$j/libs/jquery.infieldlabel.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-prettyPhoto\'      => array(\'file\' => "$j/libs/jquery.prettyPhoto.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-fancybox\'         => array(\'file\' => "$j/libs/jquery.fancybox-1.3.4.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-easing\'           => array(\'file\' => "$j/libs/jquery.easing-1.3.min.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-nicescroll\'       => array(\'file\' => "$j/libs/jquery.nicescroll.min.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-quicksand\'        => array(\'file\' => "$j/libs/jquery.quicksand.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-hover-zoom\'       => array(\'file\' => "$j/libs/hover.zoom.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-finished-typing\'  => array(\'file\' => "$j/libs/jquery.finishedTyping.js", \'deps\' => array(\'jquery\')),
        \'ait-jquery-jcarousel\'        => array(\'file\' => "$j/libs/jquery.jcarousel.min.js", \'deps\' => array(\'jquery\')),
        \'ait-spin-ajax-loader\'        => array(\'file\' => "$j/libs/spin.min.js"),
        \'ait-modernizr-touch\'         => array(\'file\' => "$j/libs/modernizr.touch.js"),
        \'ait-gridgallery\'             => array(\'file\' => "$j/gridgallery.js", \'deps\' => array(\'jquery\')),
        \'ait-rating\'                  => array(\'file\' => "$j/rating.js", \'deps\' => array(\'jquery\')),
        \'ait-script\'                  => array(\'file\' => "$j/script.js", \'deps\' => array(\'jquery\')),

    ));

    wp_localize_script( \'ait-script\', \'MyAjax\', array( \'ajaxurl\' => admin_url( \'admin-ajax.php\' ), \'ajaxnonce\' => wp_create_nonce(\'ajax-nonce\') ) );
}
add_action(\'wp_enqueue_scripts\', \'aitEnqueueScriptsAndStyles\');
我使用的是子主题,我想知道如何在函数中加载额外的Javascript。php内部的子主题。

使用此选项的原因是,我对上述代码所做的任何更改都将在下次更新中被覆盖。

1 个回复
SO网友:Anup Karanjkar

我还致力于ait主题模板,

如果要添加新的css(&A);将js文件转换为子主题,以便您首先创建函数。子主题目录中的php文件;之后,你可以编写以下代码。。。

<?php 

define(\'CHILD_THEME_DIR\', get_bloginfo(stylesheet_directory));
 /* this is my child theme css  folder */
define(\'CHILD_THEME_CSS_DIR\', CHILD_THEME_DIR . \'/assets/css\'); 
/* this is my child theme js folder */
define(\'CHILD_THEME_JS_URL\', CHILD_THEME_DIR . \'/assets/js\');
define(\'CHILD_THEME_LIB_DIR\', CHILD_THEME_DIR . \'/libraries\');
define(\'CHILD_THEME_IMG_URL\', CHILD_THEME_DIR . \'/assets/img\');
define(\'CHILD_THEME_FONTS_DIR\', CHILD_THEME_DIR . \'/assets/fonts\');

function mychildScriptsAndStyles()
{
    $css = CHILD_THEME_CSS_DIR;
    $jj = CHILD_THEME_JS_URL;
    $lib = CHILD_THEME_LIB_DIR;

aitAddStyles(array(
        \'bootstrap-min\'     => array(\'file\' => "$css/bootstrap.min.css"),
        \'chosen-min\'        => array(\'file\' => "$lib/chosen/chosen.min.css"),
        \'pictopro-outline\'  => array(\'file\' => "$lib/pictopro-outline/pictopro-outline.css"),
        \'pictopro-normal\'   => array(\'file\' => "$lib/pictopro-normal/pictopro-normal.css"),
        \'colorbox\'          => array(\'file\' => "$lib/colorbox/colorbox.css"),

        \'carat-css\'         => array(\'file\' => "$css/carat.css"),
    ));

    aitAddScripts(array(
        \'jquery\'            => array(\'file\' => "$jj/jquery.js"),
        \'jquery-ui\'         => array(\'file\' => "$jj/jquery.ui.js"),
        \'jquery-migrate\'    => array(\'file\' => "code.jquery.com/jquery-migrate-1.2.1.js", \'deps\' => array(\'jquery\')),
        \'bootstrap\'         => array(\'file\' => "$jj/bootstrap.js"),
        \'cycle\'             => array(\'file\' => "$jj/cycle.js"),
        \'carat\'             => array(\'file\' => "$jj/carat.js"),
        \'ezmark\'            => array(\'file\' => "$lib/ezMark/js/jquery.ezmark.js"),
        \'jquery-slider\'     => array(\'file\' => "$lib/jslider/bin/jquery.slider.min.js"),
        \'colorbox\'          => array(\'file\' => "$lib/colorbox/jquery.colorbox-min.js"),
        \'chosen\'            => array(\'file\' => "$lib/chosen/chosen.jquery.js"),
        \'easytabs\'          => array(\'file\' => "$lib/easy-tabs/lib/jquery.easytabs.min.js"),
    ));


}

add_action(\'wp_enqueue_scripts\', \'mychildScriptsAndStyles\');
将此添加到函数中。php。希望这将是有益的。。。!!

结束

相关推荐

Child-theme breaks site

所以,我有一个子主题,里面除了所需的CSS文件之外什么都没有。一旦我激活了这个儿童主题,我的整个网站就关闭了。最后我有两个问题:激活一个只有CSS的子主题怎么能破坏我的网站</我怎样才能回到我原来的主题</这些是网站给我的错误:Warning: require_once(/wp-content/themes/interio_child/admin/options-framework.php) [function.require-once]: 无法打开流:中没有此类文件或目录/wp-c