WordPress ile düğme nasıl ayarlanır?

Bu kodalrı kullanarak HTML ile yapabilirsin:
HTML:
<a href="#hedef-bolum" class="dugme">Bölüme Git</a>

<div id="hedef-bolum">
  <h2>Hedef Bölüm</h2>
  <p>Bu bölümün içeriği</p>
</div>

<script>
  jQuery(document).ready(function($) {
    $('a.dugme').click(function(event) {
      event.preventDefault();
      $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
      }, 1000);
    });
  });
</script>
Burada, düğmenin href özelliği, hedef bölümün ID'si olan "#hedef-bolum" değerine sahiptir. JavaScript kodu, düğmeye tıklandığında sayfanın ilgili bölümüne kaydırma işlemini gerçekleştirir.
Ayrıca, bu kod örneğinde jQuery kütüphanesi de kullanılmaktadır.
 
Bu kodalrı kullanarak HTML ile yapabilirsin:
HTML:
<a href="#hedef-bolum" class="dugme">Bölüme Git</a>

<div id="hedef-bolum">
 <h2>Hedef Bölüm</h2>
 <p>Bu bölümün içeriği</p>
</div>

<script>
 jQuery(document).ready(function($) {
 $('a.dugme').click(function(event) {
 event.preventDefault();
 $('html, body').animate({
 scrollTop: $($.attr(this, 'href')).offset().top
 }, 1000);
 });
 });
</script>
Burada, düğmenin href özelliği, hedef bölümün ID'si olan "#hedef-bolum" değerine sahiptir. JavaScript kodu, düğmeye tıklandığında sayfanın ilgili bölümüne kaydırma işlemini gerçekleştirir.
Ayrıca, bu kod örneğinde jquery kütüphanesi de kullanılmaktadır.

Hocam kodlama ile yapmıyorum.
WordPress'in sitesinden hazır siteyi düzenliyorum.
 

Yeni konular

Geri
Yukarı