Sayfalar

Translate Blog

6 Ocak 2015 Salı

Wordpress'e Harici Sayfa Eklemek / How to add - include php files to wordpress

Wordpress sistemi page.php dosyası ile sayfalarını çağırmaktadır.
Dosya yolu wordpress\wp-content\themes\tema_adı\page.php

Bu dosyanın bir kopyasını alın. Adını istediğiniz bir ad ile değiştirin tabi uygunsuz karakter olmasın mesela harici_dosya.php

Sayfada değişikliği sonra yapalım önce bu harici dosyayı nasıl woprdpresste bir sayfa gibi açacağız. Wordpress admin panelini açın. Sayfalar->Yeni Ekle butonuna tıklayın.

Ekranın sağ tarafında Sayfa Özellikleri başlığı altında Şablon açılır menüsünü açın ve sizin harici_dosya isimli seçeneği göreceksiniz. Seçin ve sayfanıza bir başlık adı verin, sayfada bir değişiklik yapmadan yayınlayın.

Sitenizi açtığınızda menüden linke tıklayın ve kendi sayfanızın açıldığını göreceksiniz. Şimdi gelelim dosyanın içini düzenlemeye.

<div id="content" class="site-content" role="main">
....kodlar....
</div>

harici_dosya.php nin içinde id si content olan div tag bloğunu bulun (yukardaki). İçindekileri silin ve sayfada göstermek istediğiniz veritabanı bağlantılı,bağlantısız, düz veya karmaşık site kodlarınızı buraya yapıştırın veya include() edin.

Wordpress ten bağımsız size özel sayfanız artık wordpress in içinde.



#################################

How to include external php files on wordpress,
Simple way is to use page.php file. you can find this file on wordpress\wp-content\themes\tema_adı\page.php
Make a copy of it. Name it whatever you want such as hi.php

Open your wordpress admin panel, click Pages->Add New,
Find the Page Attributes on on the rigth panel. You will see Template combobox, choose your hi template and give your page a Title and Publish.

Tada your page now on your wordpress menu. Lets fill this page,
on your hi.php file find the div that have id="content"
<div id="content" class="site-content" role="main">
....codes....
</div>
erase codes on it. This place is your page content. Write or include whatever you want on this lines.
Have a nice blog.

12 Kasım 2014 Çarşamba

JQuery div sıralama / JQuery simple change div order

Sırasını değiştirmek istediğiniz div alanlarınız var ise, if you want to reorder your divs;

<div id='resim'>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
</div>

Yukarıdaki gibi, like above;

<script>
$(function () {
var parent = $("#resim");
var divs = parent.children();
while (divs.length) {
parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
}
});
</script>

Bu script ile sayfanız yüklendikten sonra belirtilen id'li alanın içindeki tüm nesneler karışık bir şekilde hizalanabilir. Use this script to change your divs order. Just change div id attribute name.

16 Temmuz 2014 Çarşamba

Jquery ile Basit Filtreleme Yapmak / Make a Simple Filter With Jquery Filter

[Sayfanızda Jquery yüklemeyi unutmayın.]

Sayfanızdaki aşağıdaki gibi içinde data-type tagı barındıran <li> ler bulunsun, data-type değerinin oku kelimesi olduğunu görüyorsunuz.

<li data-type='oku'>
          <img src="kelimeislemci/kelimeler/okumak_2.jpg">
</li>

Aşağıdaki scripti sayfada çalıştırırsanız sayfanızdaki diğer <li> tagları display özellikleri none'a eşitlenecek yani gizlenecektir.

<script>
$(function () {
var sonuc = $('ul').find('li[data-type!=oku]');
sonuc.css('display','none');
});
</script>


You can use <li data-type="word"> to filter objects on the page. you can use other tags too, I just use this.
If you want to search/filter a word,  use above script. This script make your list hide, except <li> that has data-type=word

<li data-type='word'> word - 1 </li>
<li data-type='book'> word - 2 </li>
<li data-type='school'> word - 3 </li>
<script>
$(function () {
var sonuc = $('ul').find('li[data-type!=word]');
sonuc.css('display','none');
});
</script>

Above code only display word-1, others will be hidden.