http://tympanus.net/codrops/2013/03/...ted-accordion/
bu jqueryi indirdim. klasörün içinde css,fonts,js klasörleri ve index html var. wordpress sitede nasıl çalıştırırım.
Jqueryi wp 'de nasıl kurarım
4
●342
- 11-09-2015, 14:43:15
- 14-09-2015, 00:16:06merhaba
görünüm düzenleyicilere girin. eğer bu akordeon menü her sayfada gözükecekse sağdan üst kısım header.php olan dosyaya girin.
</head> tagının hemen üstünde bir enter boşluk oluşturarak
<link rel="stylesheet" type="text/css" href="css/default.css" /> <link rel="stylesheet" type="text/css" href="css/component.css" /> <script src="js/modernizr.custom.js"></script>
şunları ekleyin kaydedin. daha sonra sağdan alt kısım footer.php içerisine girerek </body>'nin hemen üstünde bi enter yaparak
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.cbpNTAccordion.min.js"></script>
şunları ekleyin. eğer daha önceden jquery eklediyseniz ilk satırı eklemeyin.
indirdiğiniz zip içerisinde index.html içinde örnek var oradan da bakabilirsiniz.
akordeon'u nereye koymak istiyorsanız koyun ve üstteki scriptlerin hemen altında;
<script> $( function() { /* - how to call the plugin: $( selector ).cbpNTAccordion( [options] ); - destroy: $( selector ).cbpNTAccordion( 'destroy' ); */ $( '#cbp-ntaccordion' ).cbpNTAccordion(); } ); </script>şeklinde tetikleyin. en son satırdaki #ile başlayan kelime ana akordeon <ul bloğunuzun id'sidir.
edit: düzenlediğiniz dosyaların içeriğini not defterine yedekleyin. bir hata yaparsanız orjinal halini yapıştırır siteyi kurtarırsınız.
İyi çalışmalar. - 14-09-2015, 20:06:45test edebilmek için link verebilir misiniz. bir yerde bir şeyi eksik yapmış olabilirsiniz.
Linkinmetin adlı üyeden alıntı: mesajı görüntüle