Sitenizin Logosunu Seslendirmeye Ne Dersiniz ? :)

Bu konuda sizlere WordPress sitenizin sağ alt kısmına nasıl sesli karakter ekleyebileceğinizi anlatmıştım.Dün düşündüm taşındım bunu logo’ya nasıl entegre ederim diye.

Bir kaç denemeden sonra bunun aslında çok kolay Flash’a gerek duymadan yapılabildiğini öğrendim.Ve şuan websitemin logosunun üstüne geldiğinizde “hele gel” adlı ses parçası çalması gerekiyor.Bunu birazdan sizlere vereceğim kodda istediğiniz gibi değişiklikler yapabilir , müziği ve resmi dilediğiniz gibi değiştirebilirsiniz.

İsterseniz sizi daha fazla bekletmeden kodlara geçelim ;

Öncelikle , genelde header.php’de olan logonuzun kodlarının tanımlandığı yere gidin.Logo kısmının olduğu kod bloğunu bulun ve şununla değiştirin ;

<a href="<?php bloginfo('url'); ?>"> <img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://nazimmertbilgi.com/logo.png" width="250" height="43" alt="Nazım Mert Bilgi" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
 <source src="<?php bloginfo('template_url'); ?>/helegel.mp3"></source>
</audio> </a>

Kırmızı olan yerleri kendinize göre değiştirebilirsiniz.Eğer logom benim belirlediğim boyutlarda değilde olduğu gibi çıksın istiyorsanız yukarıdaki koddan şu kısmı çıkarınız ;

width="250" height="43"

Kodu doğru bir şekilde yerleştirdiğinizde çalışmış olması gerekiyor.Internet Explorer’da hemen çalışıyor ancak Chrome’da çalışması için Chrome’un en son sürümünü yükleyip çerezleri temizlerseniz Chrome’dada çalışmaya başlayacaktır.

Continue Reading

WordPress Kategorileri Yan Yana Sıralama

Genelde çok kategorili WordPress sitemizde kategorileri göstermek istediğimizde , kategoriler 2’şerli değilde alt alta sıralanır ve ortaya hoş bir görüntü çıkmaz.

İşte bu yazımızda bu sorunu ortadan kaldıracak , kategorileri 2’şerli bir biçimde çıkartacağız.Öncelikle birazdan yapacağımız işlemdeki kod Sipsi temasının bileşen bölümüne özel olarak kodlanmış bir kod.Ben bunu şuanki kullandığım NMB v1 temasına özel uyarladım.

WordPress Kategorileri 2 şerli Şekilde Sıralayalım

Öncelikle temamızın style.css dosyasının en altına şu kodu ekleyelim ;

 .ciftsutunlukategori {background:#fff;border:1px solid #ddd;width:302px;padding-bottom:0px;margin-bottom:0px;}
 .ciftsutunlukategori ul {margin:0px;padding-top:10px;padding-left:40px;}
 .ciftsutunlukategori li {background-image:url(wp-content/themes/softartz/img/liste.png);list-style:none;background-repeat:no-repeat;padding-left:15px;padding-top:1px;margin:0px;width:115px;float:right;margin-bottom:3px;}

Kodları ekledikten sonra functions.php dosyamıza giderek ?> kodundan hemen önce şu kodu ekleyelim ;

/*
* Plugin Name: Çift Sütünlu Kategori Bileşeni
* Plugin URI: http://www.ertandonmez.com / http://nazimmertbilgi.com
* Description: Bu bileşen ile kategorileri çift sütun halinde gösterebilirsiniz.Ertan Dönmez tarafından Sipsi V1 temasına yapılmış olup Nazım Mert Bilgi tarafından tüm temalara entegre edilebilecek şekilde ortaya çıkarılmıştır.
* Version: 1.0
* Author: Ertan Dönmez / Edit : Nazım Mert Bilgi
* Author URI: http://www.ertandonmez.com / http://nazimmertbilgi.com
*/

add_action( 'widgets_init', 'sip_ciftsutun_widgets' );

function sip_ciftsutun_widgets() {
register_widget( 'sip_ciftsutun_widget' );
}

class sip_ciftsutun_widget extends WP_Widget {

function sip_ciftsutun_widget() {

/* Widget settings */
$widget_ops = array( 'classname' => 'widget_ciftsutun', 'description' => __('Bu bileşen ile kategorileri çift sütun halinde gösterebilirsiniz.', 'sip') );

/* Create the widget */
$this->WP_Widget( 'sip_ciftsutun_widget', __('Çift Sütunlu Kategori Bileşeni', 'sip'), $widget_ops );
}

function widget( $args, $instance ) {

?>
<h3>Kategoriler</h3>
<div class="ciftsutunlukategori">
<ul>
<?php wp_list_cats('title_li='); ?>
</ul>
<div class="temizle"></div>
</div>
<?php
echo $after_widget;
}

function update( $new_instance, $old_instance ) {}

function form( $instance ) {

$instance = wp_parse_args( (array) $instance, $defaults ); ?>

<p>
Bileşenin Ayalarını Tema Panelinden Yapınız!
</p>

<?php
}
}

Bu koduda ekledikten sonra Bileşenler kısmına gittiğimizde Çift Sütunlu Kategori Bileşeni adlı bir bileşen gelmiş olması gerekiyor.Bunu sürükleyip istediğimiz yere bırakalım.Evet! Kodumuz çalıştı 2’şerli şekilde gözüküyor.Ama boyutlarında sıkıntı var öyle değil mi ? : )

Bunun için style.css dosyasına eklediğimiz kodun width ve margin gibi ayarlarını temanıza göre düzenlerseniz bu sorun ortadan kalkacaktır.

Bir sonraki yazımızda görüşmek üzere,esen kalın.

 

Continue Reading

Sitenizin Sağ Alt Kısmına Karakter Ekleyin!

Geçen günlerde internette bir websitesinde rastladığım konuyu sizlerle paylaşmak istedim.Bu konudaki denilenleri yaparsanız WordPress sitenizin sağ alt kısmında bir karakter belirecek ve ziyaretçiler mouse imlecini karakterin üzerine götürdüklerinde ses çalacak.

Öncelikle bu linkten bize lazım olan 2 dosyayı indirelim ve iki dosyayıda FTP programı aracılığıyla temanızın içine atalım.

Daha sonra temanızın style.css düzenleme bölümüne giderek şu kodları ekleyip kaydedin ;

#sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;}

Kodu ekleyip kaydettikten sonra header.php‘ye gelerek <body> tagından hemen sonra şu kodları ekleyip kaydedin ;

<div id="sabit">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="<?php bloginfo('template_url'); ?>/hudaverdi.png" alt="Hüdaverdi" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
    <source src="<?php bloginfo('template_url'); ?>/hudaverdi.mp3"></source>
</audio>
</div>

Sitenin sağ alt kısmında Hüdaverdi karakteri çıkması lazım.Karakter resmini ve üstüne gelince çalan müziği dilediğiniz gibi değiştirebilirsiniz,bu size kalmış birşey.

Not : Bazı temalarda çalışmıyor.Örneğin benim şuanda kullandığım temada sağ alt kısımda çıkmıyor.

Continue Reading

WordPress Beyaz Sayfa Hatası ve Çözüm Yöntemleri

Hemen hemen her site taşımamda, dosyalarda değişiklikler yaptığımda karşıma çıkan beyaz sayfayı aşağıda vereceğim yöntemlerle çözebileceksiniz.Öncelikle sizden istediğim şey yazdığım maddeleri sırasıyla yapmanız.Bir de pes etmeyin,sorununuzun çözümünü belkide nazimmertbilgi.com’da değilde başka bir websitede bulacaksınız.Demek istediğim tek bir websitesine bağlı kalmayıp bir çok kaynakta sorununuza çözüm arayın.Eminim ki bir çözüm bulacaksınız.Benim aşağıda verdiğim çözümler %80 oranla sorunlarınızı çözecektir.

1.Yöntem : Eklenti Kaynaklı  Beyaz Sayfa Hatası Çözümü

Genelde beyaz sayfayı son olarak yüklediğiniz eklentiden sonra görürsünüz.Eğer sizde eklenti kurduktan sonra böyle oldu diyorsanız bir FTP programı aracılığıyla websitenize bağlanıp WordPress nereye kurulu ise “wp-content” dosyasına girip “plugins” adlı dosyayı “plug” olarak değiştirin.Web sitenize dönün eğer ki beyaz sayfa hatası geçmemiş ise diğer çözüm yöntemlerine göz atın.

2.Yöntem : wp-config.php Dosyası Kaynaklı  Beyaz Sayfa Hatası Çözümü

FTP’den sitenize bağlanıp WordPress dizinindeki “wp-config.php” dosyasını masaüstüne atın ve bir editör programı ile açın.(Örnek olarak : NotePad++) Eğer ki “wp-config.php” dosyası UTF-8 olarak kayıtlı ise ANSI olarak,ANSI olarak kayıtlı ise UTF-8 olarak değiştirin ve websitenizi tekrar kontrol edin.Sorununuza halen bir çözüm bulamadıysanız diğer çözüm yöntemlerine bakınız.

3.Yöntem : Tema Kaynaklı  Beyaz Sayfa Hatası Çözümü

Eğer beyaz sayfa hatası ile karşılaşmadan önce tema değişikliği yaptıysanız büyük ihtimal temanızdan kaynaklanmaktadır.Temayı FTP programı aracılığıyla siliniz.Ya da phpMyAdmin aracılığıyla veritabanından değişiklik yapınız.phpMyAdmin’den çok fazla anlamıyorsanız kurcalamamanızı öneririm.Eğer tema kaynaklı değil ise diğer çözüm yöntemlerine göz atınız.

4.Yöntem : wp-includes ve wp-admin Dosyalarını Geri Yükleyerek  Beyaz Sayfa Hatası Çözümü

WordPress’in sitesinden size uygun sürümün wp-includes ve wp-admin dosyalarını FTP programı aracılığyla WordPress kurduğunuz dizine atınız.Buda sorununuzu çözmediyse son 2 çözüm yöntemine bakınız.

5.Yöntem : Hosting Firmasıyla İletişime Geçerek Beyaz Sayfa Hatası Çözümü

Hosting firmanız ile iletişime geçerek php.ini dosyasınızın safe_mod(güvenlik modu) durumu “off” ise “on” olarak değiştirmelerini söyleyin.

6.Yöntem : pluggable.php Dosyasına Kod Ekleyerek Beyaz Sayfa Hatası Çözümü

WordPress kurulu dizine gelip “wp-includes” dosyasına tıklayıp pluggable.php dosyasını bir editör programı ile açıp en başına şu kodu ekleyin ;

?php ob_start(); ?>

Toplamda 6 yöntem ile beyaz sayfa sorununuzu çözmüş olmanız gerekiyor.Ancak halen devam ediyor diyorsanız internetten başka kaynaklara göz atabilirsiniz.

Bu yazımızında burada sonuna geldik.Bir sonraki yazıda görüşmek üzere,esen kalın.

Continue Reading

WordPress Sitenizin ScrollBar’ını Değiştirin!

Web sitesi sahipleri olarak çoğumuz websitemin gerek tasarımı,gerek kolay gezinilebilirliği olsun,güzel olsun isteriz.

Ve bu güzelliği sağlayabilmek için sitemizin temasını değiştiririz,logosunu yenileriz,renklerde düzenleme yaparız vesaire vesaire.

Web sitenizde WordPress yazılımını kullanıyorsanız sitenizi güzelleştirebilecek,dikkat çeken bir kısmı ufak bir kod sayesinde değiştirebileceksiniz.

O zaman sizi çok bekletmeden kodu vereyim. : )

Kod :

::-webkit-scrollbar{width:10px;height:10px}
/* Yukarı aşağı okları gösterilmesin. */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:none;}
/* Arka-plan */
::-webkit-scrollbar-track-piece{background-color:#000000}
/* Tutma parçası */
::-webkit-scrollbar-thumb{-webkit-border-radius:1px;background:#F5F4F4;}
}

Bu kodu WordPress sitemde nereye yerleştireceğim ?

Bununda cevabını vereyim.Kodu şuanda kullandığınız aktif olan temanızın style.css dosyasının en altına yapıştırınız.Renk düzenlemelerini dilediğiniz gibi yapabilirsiniz.

Bu makalemizinde burada sonuna geldik,bir sonraki makalemizde görüşmek üzere.Esen kalın.

Continue Reading