PayPal'a üye olun ve kredi kartı ödemelerini kabul etmeye anında başlayın.
 

wordpress sitelerde arama kutunuzu özelleştirin sitenize uydurun, siz karar verin nasıl olacağına

wordpress wordpress sitelerde arama kutunuzu özelleştirin sitenize uydurun, siz karar verin nasıl olacağına CMS - içerik yönetim hakkında bilgi paylaş; Wodpress tema klasörünüzün içine searchform adlı bir php dosyası muhakkak vardır.genelde olur ama ...
Cevapla
 
Seçenekler
  #1  
Arama 13-03-2008, 05:42
kadınca
Guest
Mesajlar: n/a
 
     WS-Ticareti: ()

wordpress sitelerde arama kutunuzu özelleştirin sitenize uydurun, siz karar verin nasıl olacağına

Wodpress tema klasörünüzün içine searchform adlı bir php dosyası muhakkak vardır.genelde olur ama yoksa önce onu oluşturun ve verdiğim kodları oraya yapıştırın :

Kod:
<form method="get" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php the_search_query(); ?/>" name="s" />
<input type="submit"  value="Ara" />
</div>
</form>
evet şimdi işleme başlıyoruz arkadaşlar..öncelikle verdiğim bu kodlar içerisinde ara yazan yeri bulalım ve silelim :

Kod:
<input type="submit"  value="Ara" />
görünüm olarak yanındaki ara butonu olmayacaktır şuan ki hali ile.sıradaki adım bir background resmi ayarlamak.bunu ister photoshopta isterseniz başka programlar ile yapın.ben paintte yaptım Oluşturduğunuz background resmini temanızın içinde bulunan “images” klasörünün içine kopyalayın

işte stil vermeye geldi sıra tema klasöründe style.css dosyasını açın ve verdiğim kodu orada istediğiniz yere yapıştırın

Kod:
#searchform {
width: 210px;
height:120px;
background: url(images/search.png) no-repeat;
}

aşağıdaki kodu searchform.php adlı dosyada bulun
Kod:
<form method="get" action="<?php bloginfo('url'); ?>/">
ver şu kod ile değiştirin

Kod:
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
vereceğim kodu yine temanızdaki stil.css ye yapıştırın

Kod:
#searchform #s{
width: 106px;
height: 15px;
background:transparent;
margin: 0 0 0 30px;
color: #F3F3F3;
font-weight:bold;
border:none;
}
searchform.php dosyası içinde aşağıdaki kodu bulun ve

Kod:
<input type="text"  value="<?php the_search_query(); ?/>" name="s" />
ve
aşağıdaki kod ile değiştirin

Kod:
<input type="text" value="<?php the_search_query(); ?/>" name="s" id="s" />
arama kutumuza “arama” yazısı yazdırmak için searchform.php adlı dosyayı açın ve aşağıdaki kodu bulun.

Kod:
<input type="text" value="<?php the_search_query(); ?/>" name="s" id="s" />
ve aşağıdaki kod ile değiştirin

Kod:
<input type="text" value="Arama" name="s" id="s" onfocus="if (this.value == 'Arama') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Arama';}" />
vereceğim kodu temada istediğiniz yerde kullanın..sidebar ya da header siz bilirsiniz:

Kod:
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
işte aramaya hazır bir kutunuz oldu
Alıntı ile Cevapla
4 Üye, isimli Üyemize Bu Mesaj İçin Teşekkür Ediyor:
  #2  
Arama 25-05-2008, 08:05
tafki - ait Kullanıcı Resmi (Avatar)

Üyelik Tarihi: 12/02/08
Mesajlar: 418
 
     WS-Ticareti: (0)
Teşekkürleri: 71
48 Msg. 94 Tşkr.
Rep Gücü: 91 tafki is a splendid one to beholdtafki is a splendid one to beholdtafki is a splendid one to beholdtafki is a splendid one to beholdtafki is a splendid one to beholdtafki is a splendid one to beholdtafki is a splendid one to behold
hhehehe oldu ama bikaç yerde degişiklik yapdım

Alıntı:
<input type="text" value="<?php the_search_query(); ?/>" name="s" id="s" />
bunu bulamadı bu8nun biras degişigi vardı bende degiştirdim gitti ve

Alıntı:
<input type="text" value="<?php the_search_query(); ?/>" name="s" />
bunuda bulmadı buna ebnzer bişide yokdu bende as öncekinin altına direk yapıştırıverdim gitti ve oldu hehehehe

teskler arkadasım elelrin dert görmesin
Alıntı ile Cevapla
Cevapla


Seçenekler


Benzer Konular
Konu Konu Açanlar Forum Cevaplar Güncel Mesajlar
Wordpress nasıl kurulur? wordpress kurulumu geniş ve resimli anlatım, wordpress blog 2.3.3 kurmak (sonsürüm indir) banias Script kurulumu - resimli anlatım 20 20-10-2008 06:08
ketegorileri açılır menü şeklinde ayarlamak çok kolay bu kodla,wordpress sitelerde açılır menü kadınca wordpress 3 18-08-2008 11:44
Sitenize Arama Motorlarını Ekleyin!.!. WebinSesi Html kodları 7 01-08-2008 05:41
wordpress tag eklemek, temada tagların görünmesi, wordpress tagbulutu kodu, tag butulu nasıl yapılır? banias wordpress 1 14-02-2008 11:57
web sitelerde Javascript nasıl kullanılır kadınca Web Dersleri 0 03-02-2008 11:48

Siteye link vermek için alttaki kodu sitenize ekleyin
Ya da kodu Ctrl+C ile kopyalayın
Örnek görünüm: Webmaster Sitesi

Kadınlar blogu ~ Apple iPhone, iPod Touch ( iTouch ) Forum iPhone