Nie bardzo rozumiem na czym konkretnie polega Twój problem.
Ja napisałam kiedyś tutorial Jak zintegrować dowolną galerię jQuery z WordPressem. Ciężko mi ocenić na ile to ma wspólnego z Twoim pytaniem, ale znajdziesz tam przykłady jak się integruje z jQuery z WP i może przez analogię uzyskasz to co chcesz.
W sensie że nie wiem gdzie kod umieścić bo każda część strony jest w innym pliku, a chciałbym uzyskać taki efekt powolnego pojawiania się treści strony.
Musze wykonać 3 rzeczy:
– umieścić to w headerze
<script type="text/javascript" src="jquery.js"></script>
– umieścić to za headerem ale przed body
<script type="text/javascript">
$(document).ready(function(){
$('#page_effect').fadeIn(2000);
});
</script>
– i tego diva dać na diva który jest odpowiedzialny za wyświetlanie treści
<div id="page_effect" style="display:none;">
To musisz edytować odpowiednio pliki:
header.php
footer.php
index.php, chociaż tutaj to będzie zależało od Twojego motywu, bo może motyw wykorzystuje również szablony takie jak page.php, single.php itp.
Narazie działam na standardowym twentyeleven i rozumiem ze to do headera <script type="text/javascript" src="jquery.js"></script> to do fottera??
<script type="text/javascript">
$(document).ready(function(){
$('#page_effect').fadeIn(2000);
});
</script>
i z tym divem to zabardzo nie wiem bo nie wiem gdzie znajduje sie div maina <div id="page_effect" style="display:none;">
Sprostowanie: plik footer.php nie ma z tym nic wspólnego. Wcześniej wydawało mi się, że piszesz, że coś tam potrzebujesz wstawić przed tagiem zamykającym body. Jeśli to ma być przed tagiem rozpoczynającym sekcję body, to oczywiście idzie do headera.
<div id="main"> w motywie TwentyEleven znajdziesz na samym końcu pliku header.php.
Tylko teraz tak: nie możesz tego wstawić tak „na żywca”, na zasadzie copy-paste. Przeczytaj sobie ten wspomniany wyżej tutorial, żebyś wiedział na jakich zasadach się używa jQuery i w ogóle js w WP.
