Wordpress İçin AJAX Tab Menü

Ajax Tab Menu eklentisinin amacı sitenizin görselliğini arttırarak menu oluşturmanızı sağlamaktır.

Kurulumu

• ilk olarak eklentiyi buradan indiriniz.
• İndirdiğiniz eklentiyi açtıktan sonra siteniz ana dizinine yapıştırınız www/ajaxtabs.
• Yüklem işleminden sonra /www/ajaxtabs/ajaxtabs.js açıp ordaki domatessuyu.com yazan yere kendi sitenizin ismini yazacaksınız .
• Ardından www/ajaxtabs.css açıp içinde iki adet adres var o adresleride değiştireceksiniz ve kendi sitenizin ismini yazdıktan sonra wp-admin paneline girin.
• Wp admin panelinden görünüme tıklayın (themes.php) ardından tema editörüne tıklayıp (theme-editor.php) style.css girin en altına (www/ajaxtabs.css içinde bulunan bütün yazıları) ajaxtabs.css yazılarını yükleyip güncelleyin.
• Sonra tema editöründen sitebar.php girin aşağıdaki kodu yerleştirin.

<script type=”text/javascript” src=”http://siteadresi/ajaxtabs/ajaxtabs.js“>
</script>
<ul id=”maintab” class=”shadetabs”>
<li class=”selected”><a href=”giris.php” mce_href=”giris.php” rel=”ajaxcontentarea”>Kullanıcı Giriş </a></li>
<li class=”selected”><a href=”uyelik.php” mce_href=”uyelik.php” rel=”ajaxcontentarea”>Diger İşlemler</a></li>
<li class=”selected”><a href=”suanokunan.php” mce_href=”suanokunan.php” rel=”ajaxcontentarea”>Suan Okunanlar Yazılar</a></li>
<li><a href=”sonyorumlar.php” mce_href=”sonyorumlar.php” rel=”ajaxcontentarea”>Son Yorumlar</a></li>
<li><a href=”sonyazilar.php” mce_href=”sonyazilar.php” rel=”ajaxcontentarea”>En Son Yazılar</a></li>
<li><a href=”encokokunan.php” mce_href=”encokokunan.php” rel=”ajaxcontentarea”>Bugün En Çok Okunanlar</a></li>
<li><a href=”topon.php” mce_href=”topon.php” rel=”ajaxcontentarea” rev=”content.css, content.js”>En Hit En Çok Okunanlar</a></li>
</ul>

<div id=”ajaxcontentarea” class=”contentstyle”>
<p> Buraya İlk Açılışda neyin gözükmesini istiyorsanız o kodları yada yazıyı koyuyoruz..</p>
</div>

<script type=”text/javascript”>
//Start Ajax tabs script for UL with id=”maintab” Separate multiple ids each with a comma.
startajaxtabs(”maintab”)
</script>
 

Kullanımı

• Kullanımı oldukça kolay bu işlemleri yapmanız yeterli .

Kaynak :

1. Domatessuyu (anlatım)
2. Ajax Tab Menu orjinal sitesine burdan gidiyoruz.

Alıntı yaparak bu yazıyı sitenizde kullanabilirsiniz. Domatessuyu.com

Eğer yazıyı beğendiyseniz ya da ekleyecekleriniz varsa, lütfen yorumunuz yazın veya RSS aboneliği ile yeni yazılardan anında haberdar olun.