WordPress üst menü kategorileri oluşturmak 0

Bu konu ile ilgili daha önceden eklenti tanıttım kod vs. verdim ancak bu seferkinde şöyle bir anlatım yapacağım. Beğendiğimiz şık css menüleri nasıl WordPress’e uyarlayıp menü oluşturabiliriz.

Öncelikle daha önceden açtığım WordPress menü eklentisini inceleyebilirsiniz. Yada JQuery Widget gelişmiş menü eklentisini kullanıp hızlı menüler oluşturabilirsiniz. Gelelim konumuza şimdi Güzel CSS Menüleri inceleyelim.

13 tane çok güzel css menü Buradan 1 tane seçtik ben “Slate CSS Menu”yü seçtim ve bilgisayarıma indirdim.

Burada seçmemiz gereken bir şey var oda menü’nün hangi renk olucağı? Ben Maviyi seçtim ve maviye göre gidiyorum.

http://i1126.photobucket.com/albums/l618/rooteto/slate.png?t=1322570780

CSS Menü Kategori uyarlaması

Dosyayı indirdik ve Winrar ile klasöre çıkarttık. Slate klasöründeki style.css dosyasını notepad++ ile açıyoruz. 4 Farklı renk olduğu için ayrılmış durumda ben mavi olanı kopyalıyorum.


/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

Yukarıdaki kodu WordPress Temanızın style.css dosyasında en alta yapıştırın.

Daha sonra index.html’yi notepad++ ile açıyoruz ve şu kodu kopyalıyoruz.

</pre>
<div class="blue">
<div id="slatenav">
<ul>
	<li><a class="current" title="css menus" href="http://www.13styles.com/css-menus/slate/">Home</a></li>
	<li><a title="css menus" href="http://www.13styles.com/css-menus/slate/">About Us</a></li>
	<li><a title="css menus" href="http://www.13styles.com/css-menus/slate/">Services</a></li>
	<li><a title="css menus" href="http://www.13styles.com/css-menus/slate/">Our Work</a></li>
	<li><a title="css menus" href="http://www.13styles.com/css-menus/slate/">Contact Us</a></li>
</ul>
</div>
</div>
<pre>

Şimdi yukarıdaki HTML Kodumuz sayesinde menüleri tek tek oluşturabiliriz. Tek tek oluşturmanızın size sağladığı faydalardan 1 tane söyliyim.
CPU Kullanımını azaltıcak.

Ama biz otomatik olarak eklemesini istiyoruz öyle değilmi 🙂 Onuda hemen yapalım rahata kavuşun.

Alttaki kodu header.php de uygun yere ekleyin. Logo üstüne veya altına kaydedin menünüz tamamdır.

</pre>
<div></div>
<pre>

WooCommerce Benzer Yazılar Sayısını Değiştirme 0

Merhaba arkadaşlar, WooCommerce biliyorsunuz WordPress Eticaret eklentileri arasında en iyisi. Geçen gün bu eklentiyi kullandım ama benzer yazılarda 1 tane çıkıyordu biraz araştıriyim derken bu fonksiyonu buldum.

Temanızın fonksiyon dosyasına alttaki gibi uyarlarsanız benzer yazıların sayısını belirleyebilirsiniz.

Kodda ürün ve kolon sayısı belirliyorsunuz. Örneğin: 10 ürün, 3 kolon yapabiliyorsunuz bu seçenek tamamiyle size kalmış.

Örnek 1) 4 Ürün, 2 Kolon

// Woocommerce eticaret sistemi, benzer ürün sayısı - rooteto.com
 function woocommerce_output_related_products() {
 woocommerce_related_products(4,2);       // 4 ürün, 2 kolon
 }

https://3.bp.blogspot.com/-NAJsLI4L0OE/VMkvLGyvMsI/AAAAAAAAbmQ/V-uyxz4IG-k/s1600/woocommerce-benzer-yazilar-sayisi.jpg

Örnek 2) 4 Ürün, 4 Kolon

// Woocommerce eticaret sistemi, benzer ürün sayısı - rooteto.com
function woocommerce_output_related_products() {
woocommerce_related_products(4,4);   // 4 ürün, 4 kolon
}

https://4.bp.blogspot.com/-WBlh6I37dVI/VMkvKwvvfuI/AAAAAAAAbmM/2wPmiaqt09Y/s1600/woocommerce-benzer-yazilar-related.jpg

Kaynak: Change the Number of Woocommerce Related Products

WordPress Google reCAPTCHA Güvenlik Eklentisi 0

Google kısa bir süre önce reCAPTCHA‘yı güncellediğini ve yeni bir özellik getirdiğini duyurdu. Karmaşık güvenlik kodları, karakterler ve zor görünen kodlardan bizi kurtarmak için “Ben Robot Değilim” özelliği getirdi.

Sistem teknik olarak nasıl çalışıyor bilmiyorum çok detaylı araştırmadım ama iyi görünüyor. Bir müşteriye kurduğum WordPress site giriş paneline sıkça giriş denemeleri oldu ve ben bu eklentiyi kurduktan sonra artık giriş denemeleri sona erdi. reCAPTCHA bazen onaylasada bazen güvenlik kodu sorabiliyor 🙂

Ama çok şık bir eklenti tavsiye ederim herkese. Ben güvenlik kodlarına “İnsalık Testi” yazdığımda müşteriler hep itiraz ediyordu böyle şeymi olur diye. Google “Ben robot değilim” yazdı bakalım önümüzdeki dönemlerde müşterilerden nasıl bir yorum alcaz. 🙂

Sistem nasıl çalışıyor? “Ben robot değilim” yazısının solundaki onay kutucuğuna tıklıyorsunuz ve robot değilseniz sistem size onay veriyor. Alttaki resimde bunu görebilirsiniz.

https://www.google.com/recaptcha/intro/images/hero-recaptcha-demo.gif

WordPress reCAPTCHA Eklentisi

Bu eklentiyi öncelikle WordPress sitemize kuruyoruz ve aktifleştiriyoruz.

WordPress Eklenti: No CAPTCHA reCAPTCHA

Daha sonra reCAPTCHA sayfasına tıklıyoruz. Alttaki resimdeki gibi alanları dolduruyoruz. Alan adınızı ve bu alan adları topluluğuna bir başlık atıyoruz.

https://1.bp.blogspot.com/-mfG-0mZiFEw/VLwP-3FEglI/AAAAAAAAbfs/7Cxh1d5muH0/s1600/google-recaptcha.jpg

Daha sonra Google bize Site key ve Secret key veriyor.

https://2.bp.blogspot.com/-VdLF8Euf5BQ/VLwP-sr2V9I/AAAAAAAAbfk/Q-_6z6Zgd6U/s1600/sitekey-secretkey.jpg

Bu resimdeki kodları WordPress eklentisindeki boş alanlara giriyoruz.

https://4.bp.blogspot.com/-A5NdJM9emNk/VLwP_bXnDqI/AAAAAAAAbfw/txiqeQT23zc/s1600/wordpress-recaptcha.jpg

Daha sonra kaydediyoruz ve eklentideki alttaki ayarları kontrol edip nerelerde bu sistemin çıkmasını istiyorsanız orayı aktif edip bırakıyorsunuz.

Artık daha güvenlisiniz… 🙂

Most Popular Topics

Editor Picks