Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Recentemente instalei um site wordpress e gostaria de incluir esta animação numa página:
http://codepen.io/wedranb/pen/aNwLog
Utilizei o CSS & JS Toolbox, porém ainda não consegui colocar a animação na página:
http://www.revistaema.com.br/escreva-para-nos/
Para testar, inseri os seguintes códigos:
Para js no Header:
<script type="text/javascript">
código do codepen
</script>
para css no Header também, o código do CSS compilado:
<link rel="stylesheet" type="text/css" href="css/egg.css">
E o HTML no footer (para teste) e ao editar a página, como html também, quando inserido no footer aparece a imagem, porém sem animação e no corpo da página não aparece nada
Saberiam por favor me informar o que estou fazendo de errado?
tentei inclusive adicionar ao functions.php esse código:
add_action( 'wp_enqueue_scripts', 'addcssAndScripts');
function addcssAndScripts()
{
if ( is_page('163') )
{
wp_enqueue_script( '/css/egg.js' );
wp_enqueue_style( '/css/egg.css' );
}
}
A página é esta: [http://www.revistaema.com.br/teste/
Estou quase desistindo =´[
Consegui essa resposta:
"I hope you are well today and thank you for your question.
To achieve this you have to create child theme of Activello theme then you have to develop custom page template in it as described on this page https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#creating-custom-page-templates-for-global-use in that page template file add HTML code from http://codepen.io/wedranb/pen/aNwLog
Add js and CSS code in the child theme files egg.js egg.css respectively then load that files in the site by developing custom code as described on the below page.
https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts
Best Regards,
Movin"
O JS deve ser sempre carregado no fim da página, antes de </body>
O CSS deve estar no head