Wordpress Sayılı Haber Manşeti Entegresi

Selamün Aleyküm hayırlı günler arkadaşlar. Daha önce burada konusunu açmıştım fakat yardım alamamıştım. Arayan arkadaşlarda vardır eminim. Wordpress entegresini yaptım inşallah işinize yarar.

ÖRNEK

Manşetin boyutu 775x350 pikseldir. manset.css dosyasından kendinize göre düzenleyebilirsiniz.

Öncelikle buradan manşet dosyalarımızı indirelim.

İndirdiğiniz rarlı dosyanın için manşet adlı klasör mevcuttur. bu klasörü alalım. klasörün içerisinde js, css, index.html, index.php dosyaları mevttur. bize lazım olan js ve css dosyalarıdır.

İlk önce temanızın header.php dosyasını açıyorsunuz. Açtıktan sonra aşağıdaki kodları tagından önce bulunan müsait bir yere yapıştırıyoruz.



<script>/js/jquery-1.7.1.js" charset="utf-8"></script>
<script>/js/mavitm.js" charset="utf-8"></script>
<script>
$(document).ready(function(){
$('img.altyazı').each(function() {var aciklama = $(this).attr('title');
$(this).wrap('

')
.after('

'+aciklama+'

');});});
</script>


daha sonra manşet klasöründe bulunan js klasörünün içindeki mavitm.js ve jquery-1.7.1.js dosyalarını temanızın js klasörüne atıyorsunuz. aynı şekilde manşet klasöründe bulunan css dosyasının içindeki mavitm.css dosyasını temanızın css klasörüne atıyorsunuz. Header.php ile işimiz bitti.

Şimdi manşet klasöründe index.html diye bir dosya var. Burada manşet kodlarımız var fakat wordpress entegreli biçimde değiller.

notepad++ veya farklı bir editör programı ile manset.php adlı bir dosya oluşturuyoruz ve içerisine aşağıdaki kodları yapıştırıyoruz.

global $post;
$args = array( 'numberposts' => 18, 'offset'=> 0, 'category' => 2 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post);
?>

global $post;
$args = array( 'numberposts' => 1, 'offset'=> 0, 'category' => 2 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post);
?>

• 1


• 2


• 3


• 4


• 5


• 6


• 7


• 8


• 9


• 10


• 11


• 12


• 13


• 14


• 15


• 16


• 17


• 18

şimdi yukarıdaki kodları tek tek açıklayalım. aşağıdaki kod ID'si 2 olan kategoriden 18 tane yazı çektiğimizi gösterir. Kategori ID'nizi öğrenerek bunu kendinize göre düzenleyebilirsiniz.



$args = array( 'numberposts' => 18, 'offset'=> 0, 'category' => 2 );




bu aşağıdaki kodlada resimlerimizi çekiyoruz. yalnız arkadaşlar resim çekerken wordpress timthumb sistemini kullanmanız gerekmektedir. aşağıdaki kodda 775x400 ve 775x350 gibi resim boyutları vardır. Css'te düzenleme yaparsanız buraları kendinize göre değiştirebilirsiniz. Düzenleme yapmayacaksanız olduğu gibi bırakın.





bu aşağıdaki kodda ise 18 tane manşet yazısının yayınlanacağını belirtmişiz. İsterseniz azaltabilirsiniz.

global $post;
$args = array( 'numberposts' => 1, 'offset'=> 0, 'category' => 2 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post);
?>

• 1


• 2


• 3


• 4


• 5


• 6


• 7


• 8


• 9


• 10


• 11


• 12


• 13


• 14


• 15


• 16


• 17


• 18

son olarak oluşturduğumuz manset.php dosyasını temamızın ana dizinine atıyoruz ve manşetin gözükmesini istediğimiz yere aşağıdaki kodu yapıştırıyoruz ve manşetimiz hazır.

include("manset.php");
?>