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.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

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