Pereiti prie turinio

Kaip instaliuoti jQuery plugina(textillate.js) į WordPress?


Rekomenduojami pranešimai

Sveiki visi. Vakar visą dieną prasiutau su šia problema, tačiau taip ir nesugebėjau išspręsti. Visuose forumuose rašo taip paprastai viską, kad atrodytų ir 5-etis vaikas tai padarytų. O aš nemoku. Tiesiog nebesuprantu. Turiu jQuery Pluginą textillate.js(http://jschr.github.io/textillate) - pluginas suteikiantis visokių efektų tekstui. Ir aš jį noriu instaliuoti į WP tačiau niekaip nesuprantu, kaip...? Perskaičiau Codex WP(http://codex.wordpress.org/Function_Reference/wp_enqueue_script), perskaičiau kitą labai informatyvų straipsnį(http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/) ir dar kokius 50+ svetainių, kuriose rašė, kaip tai padaryti.

 

mano functions.php(šitame plugine yra 3 .js failai ir 2 .css failai):

 

<?php 

function wpbootstrap_scripts_with_jquery()
{
// Register the script like this for a theme:
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/jquery.fittext.js', array( 'jquery.fittext' ) );
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/jquery.lettering.js', array( 'jquery.lettering' ) );
wp_register_script( 'custom-script', get_template_directory_uri() . '/js/jquery.textillate.js', array( 'jquery.textillate' ) );

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/animate.css');
wp_register_style( 'custom-style', get_template_directory_uri() . '/css/style.css');
// For either a plugin or a theme, you can then enqueue the script:
wp_enqueue_script( 'custom-script' );
wp_enqueue_style( 'custom-style' );
}
add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

?>

 

header.php :

 

.....
<link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet">
<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_style("custom-style");?>
   <?php wp_head(); ?>
......

 

 

ir dar footer.php :

 

<?php wp_footer(); ?>
       // skriptas, kad būtų pažymėti linkai kai juos paspaudžiam iš navbar
<script>
jQuery(document).ready(function () {
       jQuery('ul.nav > li a').click(function (e) {
           jQuery(this).closest('ul.nav').find('.active').removeClass('active');
           jQuery(this).parent().addClass('active');                
       });            
   });
</script>
       // skriptas textillate.js, suteikiantis tekstui efektą
<script>
var $tlt = jQuery('.brand').textillate({ 
	autoStart: false,
	in: { effect: 'wobble' }
});
$tlt.on('mouseenter', function () { $tlt.textillate('start'); });
</script>
 </body>
</html>

 

Galbūt su tuom buvote kada susidūrę? Būtų puiku sulaukti bet kokios pagalbos :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Iš pirmos ko dalies:

  1. wp_register_script - pakeisk į wp_enqueue_script (visi kiti parametrai lieka tokie patys)
  2. wp_register_style keisk į wp_enqueue_style
  3. 'custom-script' - čia yra pavadinimas, kiekvienam turi suteikti atskira, o ne visur naudoti tą patį, dėl to tau įterps tik vieną scriptą.

 

Iš antros ko dalies - iš header.php ištrink 


       <?php wp_enqueue_script("jquery"); ?>
       <?php wp_enqueue_style("custom-style");?>

 

Ir dar, pirmam kode panašu šios eilutės taip pat nereikalingos:

 

        wp_enqueue_script( 'custom-script' );
       wp_enqueue_style( 'custom-style' );

 

Arba turi norodyti, kas ten per scriptai.

 

Redagavo jusstinas
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Labai dėkingas. Viskas veikia puikiai, tik functions.php faile reikėjo ištrint visus

array( 'jquery' )

ir t.t. tada suveikė. Tik nelabai supratau, kodėl nereikėjo

wp_enqueue_register();

. Bet kokiu atveju, labai dėkui :)

Redagavo MrDBVids
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...