Haberci Pro teması, ilk çıkan versiyondan daha profesyonel, kaliteli, ana sayfada bol içerikli olarak geliştirildi. Adsense reklam yerleşimi uygun biçimde destore edildi. Bunun yanı sıra, yine ana sayfada, kategorilerin son konuları çekilerek, ziyaretçinin okuma kapasitesi artırıldı. Ana sayfa java scriptler ile donatıldı. Son konular, çok okunanlar, en çok oylananlar, daha önce yazılmış konular bunların bir parçası..

Haberci Pro temasının bir takım özellikleri;

• Haberci temasında kullandığım mouseover slide son konular (daha düzgün, profesyonel, tüm tarayıcılarda çalışır biçimde),
• Mouseover slide son konuların yanında herhangi bir kategorinin son yazı başlıkları,
• Sidebarda mükemmel bir duruşu ile tüm konuları resimli gösteren script,
• Yine sidebarda resimli son 5 başlık,
• Ana sayfada kategorilerin resimli son yazıları,
• Sol sidebarda yine herhangi kategorinin resimli son 7 yazısı,
• En çok okunan 10 yazıyı script ile resimli bir şekilde, kaç kere okunduğunun gösterimi,
• Footer’ın hemen üstünde son başlıklar, son yorumlar, resimli sponsor şeklinde bir görsellik oluşturuldu,
• Single.php dosyası geliştirilerek bir takım özellikler eklendi,
• Yazıyı paylaşım için sosyal ağ sitelerinin resimli linkleri v.s,
• Kategori sayfası geliştirildi..

Daha çok özelliğe sahip olan Haberci Pro temasını satın almak isteyenler, iletişim sayfasından bilgi alabilirler. Şu an için temanın resmini ekliyorum. Kurulum, teknik destek ve düzenleme ücretsizdir. İlgilenen arkadaşları bekliyorum.

	Haberci Pro Teması Ana sayfa gösterimi (Resime tıkladığınızda temaya ait tam boyutu göreceksiniz.)
	Haberci Pro Teması tekil sayfa – single.php gösterimi (Resime tıkladığınızda temaya ait tam boyutu göreceksiniz.)
	Haberci Pro Teması kategori sayfası gösterimi (Resime tıkladığınızda temaya ait tam boyutu göreceksiniz.)

WordPress Son Dakika Haber Slider, blogunuzda yer alan makalelerin başlıklarını ve yazılma tarihlerini ajax sistemi ile rss’nizden çekerek son dakika şeklinde gösterilmesini sağlar. Haber sitelerinde genelde görmüşsünüzdür.

Bunun için öncelikle Google Api key sayfasından blogunuz için bir api key elde edin. Google size bir kod verevektir. Bu kodu şimdilik saklayın.

Daha sonra son-dakika.rar dosyasını indirin. İçinde;

• gajaxscroller.js,

• gfeedfetcher.js,

• images,

dosya ve klasörleri bulunmaktadır. Bunlardan, gajaxscroller.js ve gfeedfetcher.js dosyalarını kullandığınız tema klasörüne yükleyin. İmages klasörünün içinde bulunan resimleri ise yine kullandığınız temanın images klasörüne yükleyin. Unutmayın sadece içindeki resimleri klasörü değil.

Temanızın header.php dosyasını bir metin editörü yardımcısı ile açalım. (Notepad++ gibi). </head> tagını bulalım ve hemen üstüne aşağıdaki kodu yapıştıralım.

<script type=”text/javascript” src=”http://www.google.com/jsapi?key=SENİN-APİ-KEY“></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/gfeedfetcher.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/gajaxscroller.js”>

Evet, Google’dan aldığımız ve size saklayın dediğim api keyimizi SENİN-APİ-KEY yazdığım bölüme ekleyin. Header.php dosyamızı kayıt edip kapatalım.

Şimdi geldi css dosyamızı oluşturmaya. Kullandığınız temanın style.css dosyasını açalım. Aşağıda vereceğim css kodlarını style.css dosyanızın en altına yapıştırın ve kayıt edip kapatalım.

.titlefield{
text-decoration: none;
}
.labelfield{
color:brown;
font-size: 90%;
}
.datefield{
color:gray;
font-size: 90%;
}
#example1{
width: 350px;
height: 16px;
padding: 6px;
}
.code{
color: red;
}
.son-dk {
width: 468px;
height: 30px;
background: url(images/son-dk.png) no-repeat;
}
.son-haber {
margin-left: 110px;
}
.son-haber a{
color: #000;
font-weight: bold;
}
.son-haber a:hover{
color: #c0c0c0;
}

Son olarak son dakika haberlerini göstermek istediğimiz dosyayı açalım. Ben css düzenlemesi olarak index.php üzerinde çalıştım. Sizde temanızın index.php dosyasını açın ve şu kodu bulun.

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

Hemen üstüne aşağıdaki kodları yapıştırın ve kayıt edip kapatın.

<div class=”son-dk”>
<div class=”son-haber”>
<script type=”text/javascript”>
var cssfeed=new gfeedpausescroller(“example1″, “example1class”, 2000, “_new”)
cssfeed.addFeed(“CSS Drive”, “http://www.emrahca.com/feed”) //Specify “label” plus URL to RSS feed
cssfeed.displayoptions(“date”) //show the specified additional fields
cssfeed.setentrycontainer(“div”) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, “date”) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div>

WordPress Son Dakika Haber Slide İndir

Tüm işlem yaptığınız dosyaları ftp ile sunucuya gönderin. Ve ana sayfaya gidin bakalım bu güzel uygulamayı görebilecek misiniz? İyi eğlenceler.

Bu özellik WordPress’te yazdığınız son 10 makaleyi veritabanından çeker ve özel alanlardan eklediğiniz o konuya ait resimleri, mouse ile konu başlığı üzerine gelindiğinde şatafatlı biçimde yan tarafında gösterir. Bu bir eklenti değildir. Ufak ve kolay bir kurulum ile hazır hale getirmeniz mümkündür.

WordPress Mouseover Slide Haber kurulum ve açıklama:

Özelliğin üzerine oturtturulan tasarımın boyutu soldan sağa 468px dir. Bu boyuttan daha küçük bir yere kullanıldığında görüntü olarak bozulacaktır. O yüzden bu boyuttan küçük tablolarda kullanmamanızı öneririm. Ve hiç bir koda müdahele etmemenizi öneririm. Aksi takdirde özellik çalışmayabilir.

Öncelikle aşağıdakı indir linkinden özelliğimizin dosya ve resimlerini indirelim. İndirdiğimiz slider.rar dosyasını açalım. İçerisinde asm.php dosyası ve images klasörü bulunmaktadır.

İçinden çıkan asm.php dosyasını bir metin editörü yardımı ile açalım. Ve aşağıdaki kodu bulalım;

$yol     = ‘./wp-content/themes/tema-isminiz/images/’;

bu kodda kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın.

Aşağıdaki kodu bulalım;

background-image   :url(\’wp-content/themes/tema-isminiz/images/slide-bg.png\’);

bu kodda kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın.

Aynı şekilde ve son olarak aşağıdaki kodu bulalım;

background-image   :url(\’wp-content/themes/tema-isminiz/images/asm.gif\’);

bu kodda da kalın olarak belirttiğim “tema isminiz” kısmana kendi kullandığınız temanın ismini yazın ve kaydedin.

Bu işlemlerin ardından asm.php dosyasını kullandığınız temanın içine ftp aracı yardımı ile yükleyin.Aynı zamanda images klasörünü açıp, içindeki resimleri, yine kullandığınız temanın images klasörüne yükleyin.

Özelliğin ana sayfada gösterimi:

Yükleme işi bittikten sonra sıra geldi bu özelliği ana sayfamızda gösterilmesine. İndex.php dosyamızı açalım. Ve içerisinde yer alan bu kodu bulalım;

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

bu kodun hemen üstüne asm.php dosyamızı çağırmak için bu kodu yapıştırın;

<?php include (TEMPLATEPATH . “/asm.php”); ?>

Yazı başlıkları uzun ise karakterleri kısaltmak için;

asm.php dosyasını açın ve içinde;

.$ziya[post_title].

kodunu bulun. Bu kodu silip, bunun yerine aşağıdaki kodu yapıştırın ve kaydedin.

.substr($ziya[post_title],0,30).

Buradaki 30 değeri başlıklarınızın ne kadar harf kadar görüneceği anlamına gelir. Bu değeri kendinize göre değiştirin.

Bu işlemin ardından herhangi bir yanlış yapmadıysanız, blogunuzun ana sayfasında slide haber görülecektir. Sorun ve tavsiyeleriniz için yorumlarınızı bekliyor olacağım.

WordPress Mouseover Slide İndir

Şimdilik sizlere ”Haberci Themes” temasına ait ekran görüntüsünü göstermek istiyorum. Büyük boy görmek isterseniz resimin üzerine tıklamanız yeterli olacaktır. Temayı beğenme gibi konularda lütfen buradan irtibata geçin. Temayı satın almak istediğiniz gibi bir durumla karşılaşırsanız ve ya söz konusu temanın demosunu incelemek isterseniz yine aynı sayfadan iletişime geçebilirsiniz.
18 Kasım 2008 tarihi itibari ile “Haberci Themes” hali hazırda olup satışa sunulmuştur. İlgili arkadaşlar fiyat ve demo için lütfen iletişime geçsinler.

Haberci WordPress temasını 06 Şubat 2009 tarihi itibari ile ücretsiz olarak sizlerle paylaşıyorum. “Peki tema ücretli iken neden paylaşıyor? Haksızlık olmaz mı?” diye soranlar olabilir. Temayı ücretsiz paylaşmamın sebebi, bazı kendini uyanık sanan arkadaşların tema tasarım linkine kendi isimlerini yazmalarıdır. Ne var ki, bu da temayı ücretsiz paylaşmama neden oldu.

Haberci teması kurulumu hakkında:

Öncelikle, bilindiği gibi .rar dosyasından çıkarttığınız Haberci tema klasörünü WordPress blogunuzun themes klasörüne yükleyin.

Bilgisayarınızda Haberci klasörünün içini açın. İçindeki connect.php ve connects.php adındaki dosyaları bir düzenleyici ile açın. (Notepad++ gibi.) Bu dosyaların içinde şöyle bir kod göreceksiniz;

<?php
$display_categories = array(3,4,5,7,8);
foreach ($display_categories as $category) { ?>

Kodun içindeki kalın olarak yazdığım sayılar, kategorilerin id‘lerini belirtmektedir. Siz bunları her iki dosyada da kendi kategorilerinizi yazarak değiştireceksiniz. Aksi taktirde index sayfasındaki yazılarınız görünmeyecektir.

Header, yani blogunuz üst bölümünde bulunan “son dakika” haberleri için Google’dan bir “api key” almanız gerekiyor. Api keyinizi Google Maps Api sitesinden alabilirsiniz. Google size bir kod verecek. Alacağınız bu kodu header.php dosyasındaki <head> </head> tagları arasına koyun.

Header.php‘de son dakika haberleri için gerekli olan aşağıdaki kodu bulun;

cssfeed.addFeed(“CSS Drive”, “http://www.emrahca.com/feed/”

kalın olarak yazdığım rss adresini kendinize göre değiştirin. Yani bu alana kendi blogunuzun rss adresini yazın.

Sidebar, yani yan menü dosyası olan sidebar.php dosyanızı bir metin editörü yardımı ile açın. Bu dosyanın içeriğindeki, magazin, spor, yaşam gibi tablo başlılarında şöyle bir kod bulunmaktadır;

<?php $the_query = new WP_Query(‘cat=7′ .$catid. ‘,-’ .$catid2. ‘&showposts=4&offset=0&orderby=post_date&order=desc’);
while ($the_query->have_posts()) : $the_query->the_post();
$do_not_duplicate = $post->ID; ?>

Kodun içerisinde kalın olarak yazdığım “7″ sayısı yan menüde magazin tablosunda göstermek istediğiniz kategori id‘sini belirtir. Yani siz buraya yan menü magazin tablosunda hangi kategorinizi göstermek istiyorsanız, o kategori id‘sini “7″ rakamı ile değiştirin. Aynı işlemi spor ve yaşam tabloları içeriğinde bulunan kategori id’leri içinde uygulayın. Başka hiç bir php koda müdahalede bulunmayın.

Haberci temasınmdaki reklam bölgeleri için ise tema klasörü içinde yer alan;
180-90-ads.php,
728-90-ads.php,
728-15-ads.php,
200-200-ads.php,
160-600-ads.php
dosyaları metin editörü yardımcısı bir program ile açarak içindeki kodları silip boyutlarına uygun olarak kendi reklam kodlarınızı yerleştirin.

Haberci temasında resimler “özel alanlar” bölümü yardımı ile eklenmektedir. Siz sadece yazınızı yazıp özel alanlardan resminizi ekleyin. Konu başlıklarında gösterilen ve mouseover slide özelliğindeki resimler için de bu yeterli olacaktır. Bu yüzden tekrar söylüyorum kodlarda resim gösterimi için hiç bir müdahalede bulunmayın.

Tema WordPress’in son versiyonu olan 2.7′ ye uyumludur.

Yeni Haberci Pro Teması çıkmıştır. İlgilere duyurulur.

Haberci Teması Önizleme

Haberci Temasını indir