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

Bukalemun WordPress teması, beyaz arkaplan üzerine tasarlandı. Bu sayede sade bir görünüm elde ettim. Header’daki siyah menünün üzerinde bulunan 3 adet renkli mini icon bulunmaktadır. Her hangi bir renge tıkladığınızda, temanın renk görünümünün değiştiğini fark edeceksiniz. Yine, “Renkli” temasındaki gibi ajax-login eklentisini kullandım. Bir kaç özellik daha eklemeyi düşünüyorum. Tema şimdilik tam bitmedi. Lakin, en kısa sürede, diğer özelliklerini de yazarak, temayı sizlerle yine bu sayfadan paylaşacağım.

16 Şubat 2009 tarihi itibari ile, Bukalemun WordPress temasını siz WordPress kullanıcılarına sunuyorum. Şimdi temanın bazı ayarlarına geçelim..

Yine bilindiği gibi aşağıdaki indir linkinden tema dosyalarını indirelim. Bukalemun.rar dosyasındaki klasörü açalım. Öncelikle yapmamız gereken, sidebar.php dosyasını bir metin editörü yardımı ile açıp içerisindeki makaleler ve videolar başlığı altındaki kodlarda aşağıdaki kodu bulmak;

$display_categories = array(4,5,7,8);

burada kalın olarak belirtiğim sayılar kategori id’leridir. Burada hangi kategorileri göstermek istiyorsanız onları yazın.

Tek bir kategori id’side yazabilirsiniz. Yani 1 kategorinin, 4 yazısını göstermek isterseniz üstte bahsettiğim yere kategori id’sini yazdıktan sonra aşağıdaki kodu bulun;

<?php query_posts(“showposts=1&cat=$category”);

burada kalın olarak işaretlediğim 1 rakamı üstte seçtiğiniz kategoride kaç adet yazı gösterileceğidir. Yani siz üstte bir kategori kullandıysanız, bu alana makaleler başlığında 4, videolar başlığında ise 3 yazmanız gerekiyor.

Plugin klasörü içerisinde bulunan eklentileride kendi plugin klasörünüze atıp etkinleştirin.

Buraya kadar herşey anlaşıldıysa temanızı themes klasörüne atıp keyfini sürün.

Bukalemun Teması Önizleme

Bukelamun Temasını İndir

Renkli temasının bir kaç özelliğini sayacak olursam, en başta üye giriş panelinin ektifliği ve güzelliği. Üye giriş panelini kullanıcılarımın zorlanmaması için ajax-login eklentisini kullandım. Gerçektende çok hoş oldu. Tabi kullanıcılar için daha da bir güzel.

Renkli temasının sadeliği ise, yazıların daha okunaklı, okurken de daha istekli okumalarını sağladığı ortada. Tabi eksik yanları yok demiyorum. Ama Emrahca’yı uzun zaman idare edeceğe benziyor.

Bu temayı şu an için paylaşmak istemiyorum. Yalnız buraya yazılan yorumlardan ve isteklerden yola çıkarak ücretsiz paylaşım yapabilirim.

Sabredemeyerek “Renkli” temasını 18 Ocak 2009 tarihi itibari ile paylaşıma açıyorum. Kurulumu basit olduğu için herhangi bir anlatım yapmıyacağım. Eğer tema kurulumunuzu yaparken sorunla karşılaşırsanız buradan yorumlaşabiliriz. Elimden gelen yardımı göstermeye çalışacağım.

Not: 02 Şubat tarihi itibarı ile, bazı ufak sorunlar nedeni ile tema dosyaları ve içerisndeki eklentiler yenilenmiştir. Lütfen tema klasörünüzü ve eklentileri yenileyiniz.

Renkli Teması Önizleme

Renkli Temasını İ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