WpGünlüğü #2 Eklentisiz Önceki Yazı Bölümü

AdsızYazı sayfalarınıza resimdeki gibi bir alan eklemek istiyorsanız fakat bunu eklenti ile yapmak istemiyorsanız bu yazım tam size göre. Yazı sayfalarınıza önceki yazı bölümü eklemek için bir çok eklenti var fakat böyle bir işlem için eklenti kullanmak yerine functions.php dosyasına aşağıda vereceğim kodları eklerseniz eklentisiz bir şekilde yazınızın bir alt paragrafında önceki yazı bölümünü göreceksiniz.

function baransomakli_onceki_yazi_tavsiyesi($content) {
if ( !is_single() ) return $content;
$onceki_yazi = get_previous_post(true);
if (!empty( $onceki_yazi )) {
$etiketler = get_the_tags($onceki_yazi->ID);
if ($etiketler) {
$i = 0;
foreach($etiketler as $etiket) {
$e[] = $etiket->name;
$i++;
if ($i == 3) break;
}
if ($i == 1) {
$ilgi = $e[0];
}elseif ($i == 2) {
$ilgi = $e[0] . ' ve '. $e[1];
}elseif ($i == 3) {
$ilgi = $e[0] . ', '. $e[1] . ' ve ' . $e[2];
}
$content .= '<div class="oncekiyazi">Bu yazımızı beğendiyseniz, bu kategoride yer alan <a href="' . get_permalink( $onceki_yazi->ID ) .'" title="'. $onceki_yazi->post_title . '">' . $onceki_yazi->post_title . '</a> başlıklı '.$ilgi. ' konularında bilgi veren bir önceki yazımızı da okumanızı tavsiye ederiz.</div>';
}else{
$content .= '<div class="oncekiyazi">Bu yazımızı beğendiyseniz, bu kategoride yer alan <a href="' . get_permalink( $onceki_yazi->ID ) .'" title="'. $onceki_yazi->post_title . '">' . $onceki_yazi->post_title . '</a> başlıklı bir önceki yazımızı da okumanızı tavsiye ederiz.</div>';
}
}
return $content;
}
add_filter('the_content', 'baransomakli_onceki_yazi_tavsiyesi',99, 1); 

Önceki yazı alanını düzenlemek isterseniz “oncekiyazi” sınıflı divi css ile düzenleyebilirsiniz.

WpGünlüğü #1 İstenmeyen Kategori Yazılarını Anasayfada Gizleme

Uzun zaman önce söylediğim WordPress Günlüğü yazı dizisine başlıyorum. WordPress Günlüğü ile ilgili yazımı buraya tıklayarak okuyabilirsiniz.

Bu yazımda WordPress’te istemediğiniz kategorideki yazıları anasayfanızda ki döngüde göstermemizi anlatacağım. Hemen bunu nerede kullanacağız diyeceğinizi duyar gibiyim. Mesela BSKisisel temamda olduğu gibi son dinlediklerim kategoriniz var ise yazı kısmına sadece videoları ekleyebilirsiniz ya da galeri kategoriniz var ise o kategoriye sadece resim eklersiniz. Bu şekilde kategorilerinize sadece yazı ve resim eklerseniz anasayfada kötü gözükecektir.

Şimdi vereceğim küçük kod satırı ile bu kötü görüntüyü kaldırabilirsiniz. İlk olarak temanızın index.php dosyasına girin aşağıda verdiğim döngü kodunu bulun.

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

Döngüyü bulduktan sonra döngü kodunun üst satırına

 <?php query_posts($query_string . '&cat=-328'); ?> 

328 yazan yeri anasayfada göstermek istemediğiniz kategori ID’sine göre düzenleyiniz. Bu işlemleri yaptıktan sonra göstermek istemediğiniz kategori yazıları anasayfanızda gözükmeyecektir.

SyntaxHighlighter Evolved Eklentisi

Merhaba arkadaşlar bu yazımda sizlere SyntaxHighlighter Evolved adlı WordPress eklentisini tanıtacağım. Bu eklentiyi, bloğunda kod paylaşanlar kullanabilirler. Hem de ziyaretçileriniz paylaştığınız kodları eklentinin renklendirme, sıralama özellikleri sayesinde daha iyi okurlar. SyntaxHighlighter Evolved eklentisi başlıca C#, C++, CSS, JavaScript, Java, PHP, Html gibi programlama dillerini ve çoğu programlama dilini daha destekler. Desteklediği programlama dillerinin tümüne buraya tıklayarak bakabilirsiniz.

SyntaxHighlighter Evolved eklentisini de buraya tıklayarak indirebilirsiniz. Eklentiyi indirdikten sonra kurulum yapmak için eklentiyi rar dosyasından çıkartıp WordPress’inizin kurulu olduğu klasördeki wp-content\plugins klasörüne girip rardan çıkarttığınız dosyayı klasörün içine atınız. Eklentiyi aktif etmek için wp-admin e girip eklentiler sekmesinden yüklü eklentiler kısmına gelip SyntaxHighlighter Evolved eklentisini Etkinleştir diyerek eklentiyi etkinleştiriyoruz.

Yazımızda yazacağımız kodları eklenti yardımıyla renklendirmek, sıralı  bir hale getirmek için kodlarımızı

Yazım-Katmanını-Düzenle

etiketleri arasına yazıyoruz.

Kodlarımızı yazıp yazımızı paylaştığımızda yazımızda kodlar

<?php
/*
Template Name: Portfolyo
*/
?>
<?php get_header(); ?>
<div id="genel">
<div id="sol">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="icerik">
<div class="sol-baslik" style="width:98.5%;"><span class="iBaslik"><h1><?php the_title(); ?></h1></span> </div>
<div class="yBilgiler" style="width:99%;">
<div class="yYorum"><?php comments_popup_link(__('Yorum Yapılmamış.'),__('1 Yorum Yapılmış.'), __('%'), 'comments', __('X')); ?> </div>
<div class="yYazar">Yazar: <?php the_author(''); ?></div>
<div class="yTarih"><?php the_time('j F Y'); ?></div>
<div class="temizlik"></div>
</div>
<div class="yMakale" style="width:99%;">
<?php the_content(); ?>
<div class="etiket">
Etiketler : <?php the_tags( '', ', ', ''); ?>
<div class="temizlik"></div>
</div>
<div class="temizlik"></div>
<h2 class="yorumlar">Yorumlar</h2>
<?php comments_template(); ?></div>
<div class="temizlik"></div>
</div>
<div class="temizlik"></div>
</div>
<?php endwhile; else: ?>
<p><?php _e('Sonuç Bulunamadı.'); ?></p>
<?php endif; ?>
</div>
<div class="temizlik"></div>
</div>
<?php get_footer(); ?>

bu şekilde gözükür.

WordPress Özel Sayfa Oluşturma

Merhaba dostlar, ilk kez bir yazıma böyle başlıyorum hadi hayırlısı 🙂  Artık wordpress, arayüz geliştirme konularında freelancer işler aldığım için siteme bir portfolyo ve wordpress tema yaptırmak isteyenlerin bakacağı bir sayfa yapacaktım. Bu sayfayı yapmak için de wordpress için özel bir sayfa oluşturmam gerekiyordu. Özel sayfadan kastım portfolyo, iletişim sayfaları oluşturmak isteyen fakat oluşturduğu sayfada sidebar olmasın ya da ek şeyler olsun istiyorsanız benim gibi özel sayfa oluşturmalısınız. Tabii bu sayfayı wordpress panelden eklerden şablon olarak ekleyeceğiz.

Sayfayı oluşturmadan önce ne için kullanacağınızı seçmelisiniz. Ben sayfa yapımını anlatırken örnek olarak portfolyo yapımını kullanacağım. Artık sayfamızı hazırlamaya başlayalım. İlk olarak wordpress tema klasörümüze sayfaismi.php adında bir .php uzantılı bir dosya oluşturuyoruz. Oluşturduğumuz dosyayı Notepad++, Sublime Text gibi bir editör yardımıyla açarak, en başa aşağıda vereceğim kodları yazıyoruz.


<?php
/*
Template Name: Portfolyo
*/
?>

Bu kodları yazdıktan sonra wordpress tema dosyanızda ki page.php dosyasında yazan kodları hiç değiştirmeden kopyalayıp portfolyo.php(oluşturduğumuz dosya) dosyasında ki ?> tagının altına yapıştırıyoruz. Tabii yapacağımız sayfada sidebar olmasını istemediğimiz için

<?php get_sidebar(); ?>

kodunu kaldırıyoruz.
Ben kendi kodladığım SomakliV1 temasıyla yaptım bu işlemleri. portfolyo.php dosyamızın son hali aşağıda ki gibi.

<?php
/*
Template Name: Portfolyo
*/
?>
<?php get_header(); ?>
<div id="genel">
<div id="sol">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="icerik">
<div class="sol-baslik" style="width:98.5%;"><span class="iBaslik"><h1><?php the_title(); ?></h1></span> </div>
<div class="yBilgiler" style="width:99%;">
<div class="yYorum"><?php comments_popup_link(__('Yorum Yapılmamış.'),__('1 Yorum Yapılmış.'), __('%'), 'comments', __('X')); ?> </div>
<div class="yYazar">Yazar: <?php the_author(''); ?></div>
<div class="yTarih"><?php the_time('j F Y'); ?></div>
<div class="temizlik"></div>
</div>
<div class="yMakale" style="width:99%;">
<?php the_content(); ?>
<div class="etiket">
Etiketler : <?php the_tags( '', ', ', ''); ?>
<div class="temizlik"></div>
</div>
<div class="temizlik"></div>
<h2 class="yorumlar">Yorumlar</h2>
<?php comments_template(); ?></div>
<div class="temizlik"></div>
</div>
<div class="temizlik"></div>
</div>
<?php endwhile; else: ?>
<p><?php _e('Sonuç Bulunamadı.'); ?></p>
<?php endif; ?>
</div>
<div class="temizlik"></div>
</div>
<?php get_footer(); ?>

sol-baslik, yBilgiler sınıflarına sırasıyla style=”width:98.5%;” ve  style=”width:99%;” özellikleri ekledik. Bunu yapmamızın sebebi sidebarı kaldırdığımız için sol tarafın genişliği az kalacaktı.  style=”width:98.5%;” ve  style=”width:99%;” kodlarını ekleyerek genişliği arttırdık.

Özel sayfa oluşturmak için kod yazma serüvenimiz burada sona eriyor. Şimdi tek yapmamız gereken şey kaldı oda wordpress panelden sayfa eklemek. WordPress panelimize giriş yapıyoruz sonra sayfalar menüsüne girip oradan yeni ekle diyoruz. Sayfamızın başlığını, içeriğini yazdıktan sonra sağ taraftaki sütunda bulunan “Şablon” bölümünden Portfolyo seçeneğini seçiyoruz ve yayımla diyoruz. WordPress temamız için yapmış olduğumuz özel sayfamız artık hazır.

SomakliV1 Seo Uyumlu, Hızlı, Şık Kişisel WordPress Teması

Merhaba arkadaşlar,  twitter üzerinden de sizlere söylediğim SomakliV1 temamı dün tamamen bitirdim. Bu benim ilk wordpress temam olduğu için bazı eksiklikler var. Bu eksiklikleri V2 sürümünde artıya çevireceğim. Temayı hazırlarken sorularımı cevapsız bırakmayan ve yardımını esirgemeyen Burak İşçi’ye teşekkür ederim.

Latest Performance Report for http baransomakli.com GTmetrix

Temayı sevdiğim renkler üzerinden yaptım. Turuncu ağırlıklı bir tema oldu 🙂 Temaya bir yönetim paneli yaptım. Yönetim panelinden, logonuzu ve faviconunuzu  değiştirebiliyorsunuz.

Bu temayı yaparken zaman sıkıntım olduğundan elimden gelenin en iyisini yapmaya çalıştım. İkinci temada SomakliV2 olacak o tema da özellik olarak wordpress in çoğu şeyini kullanmayı planlıyorum şimdiden çalışmalara başladım yakın zaman da SomakliV2’nin arayüzünden görseller paylaşacağım.

SomakliV1 Özellikler


  • Temada hiç bir kodlama hatası yoktur. Html ve CSS olarak validdir.
  • Sadeliğinin yanın da hızlı ve SEO uyumludur.
  • CSS Sprite tekniği kullanılmıştır.
  • Temaya özel yönetim paneli.
  • Sade ve hoş bir tasarım.
  • WordPress Pagenavi eklentisi temaya entegre edilerek hız konusunda tema iyileştirilmiştir.
  • Temayı kullanmaya başladığınız da varsayılan olarak header da logo gelir.
  • Tarayıcı uyumludur.
  • Tema panelinden ayarlanabilir sosyal ağ bileşeni.

 

SomakliV1 ve Yönetim Panelinden Görüntüler

kisiselasdicsayfav1  paneladmin


Zaten bu yazıyı okurken temada sitemde aktif olacak. Ve bu temayı ücretsiz indirebileceksiniz 🙂 Sizden tek ricam footerdaki ismimi ve linkimi kaldırmamanız. İkinci temam da istediğiniz özellikleri, SomakliV1 hakkında ki önerilerinizi, düşüncelerinizi veya bu temada gördüğünüz hataları yorum olarak belirtirseniz sevinirim.

DEMO

İNDİR

WordPress Öne Çıkarılan Görsel

Merhabalar dostlar, az önce WordPress’e bir tema entegre ediyordum index.php de uğraşırken öne çıkarılan görsel eklemeye geldi sıra, bende bu olayı blogumda anlatayım dedim.

Öne Çıkarılan Görsel Nasıl Ekleriz?

İlk önce index.php’yi açıyoruz ve öne çıkarılan görseli nerede göstermek istiyorsanız size vereceğim kodları oraya ekliyorsunuz.


<a href="<?php the_permalink(); ?>">

<?php if (has_post_thumbnail() ) { the_post_thumbnail(); } else { ?>

<img src="<?php bloginfo("template_url"); ?> /static/images/yoksa.png" alt="Yazı Resmi" class="makale-resim" >

<?php } ?>

</a>

Kodumuzu başarıyla ekledikten sonra functions.php’ye fonksiyonlar eklememiz gerekiyor. Size verdiğim kodları functions.php de <?php ?> tagları arasına ekliyorsunuz. Ve başarıyla temanıza öne çıkarılan görsel eklemiş oluyorsunuz.


add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 120, 120 );

set_post_thumbnail_size kodunda parantez içinde olan 120, 120 sırasıyla genişlik ve yüksekliktir.

WordPress Profilinize Fotoğrafı Ekleme

Biliyorsunuz ki wordpress tabanlı sitelerde seçtiğiniz profil fotoğrafıyla yorum yapabiliyorsunuz. Hem bir profiliniz olmuş oluyor, hemde boş bir avatardan da kurtulmuş oluyorsunuz.

Şimdi nasıl wordpress profilimize fotoğraf ekleyeceğimizi göreceğiz. Bu olay cidden çok basit. WordPress‘in kendi web sitesinden bir profil oluşturuyoruz ve Gravatar‘ın web sitesine wordpress.com’dan oluşturduğumuz hesabımız ile giriş yapıyoruz. Gerekli alanları kendimize göre dolduruyoruz. Otomatikman wordpress.com’a kayıt olduğumuz mail adresi ile aktif oluyor.  Wordpress tabanlı bir web sitede yorum yaparken mail adresi yerine kayıt olduğunuz adresi yazarsanız başarılı bir şekilde yorumunuz da profil fotoğrafınız bulunacaktır.

Kendi blogunuz da profil fotoğrafınızın aktif olmasını istiyorsanız WordPress Admin Paneline girerek Kullanıcılar menüsünden profiliniz sekmesine girerek e-posta alanını WordPress.com’a kayıt olduğunuz e-posta adresinizi yazarsanız aktif olacaktır.

WordPress Sürüm Yükseltme & Güncelleme İşlemi

WordPress dizinine ait sayfalar en az veritabanı kadar önemlidir.  WP’de sürüm güncellemesi yapmadan önce mutlaka WP Dizin dosyalarını yedeklemeliyiz.

WordPress dizinine ait tüm dosyaları FTP aracılığıyla sunucuya bağlanıp bilgisayarımıza yedekleyebiliriz.

Sürüm yükseltme işlemine başlamadan önce mutlaka yapmamız gereken işlemler vardır.  Bunlar ise şöyledir:

-Veritabanı yedeklemek
-Wordpress dizinini yedeklemek
-Yedekleri kontrol etmek
-Tüm eklentileri etkisizleştirmek

Bu işlemleri yaptıktan sonra sürüm yükseltme işlemine başlayabilirsiniz. 

Sürüm yükseltme işleminde sonra bunları da mutlaka uygulayınız:

– Güncellemeden sonra temanızı kontrol ediniz, yeni sürümü çıktıysa güncelleyiniz.
– Yedek aldığınız .Htaccess dosyanızı yeniden sunucunuza yükleyiniz. Eğer hata verecek olursa korkmayınız. Yeni bir .Htaccess dosyası oluşturarak bu durumdan kurtulabilirsiniz.
– Etkisizleştirdiğiniz eklentileri tekrar aktif ediniz. Varsa yeni sürümleri güncelleyiniz. Güncelleme işleminden sonra temamızı da güncellediyseniz, aktif eklentiler uyuşmazlık sorunu çıkarabilir. Bunu için tema yapımcısı ile iletişime geçip sorunu bildiriniz.

Yeni sürüm yükseltme aşaması ve sonrasında yapılması gerekenler bu kadardır. 

Altını çizerek hatırlatmak istediğim şu ki, mutlaka tema ve wp sürüm güncellemelerinize özen gösteriniz. Aksi taktirde WordPress’inizi yeniden kurma durumu ile karşı karşıya kalabilir ve veri kaybı yaşayabilirsiniz. Ayrıca, sitenizin güvenliği için sürümünüzü mutlaka yeni gelen sürümler ile güncelleyiniz. Güvenlik açıkları yeni gelen güncellemeler ile bulunup taranarak kapatılmaktadır. 

 

WordPress Tema Türkçeleştirme

WordPress altyapısı kullanan temaların Türkçeleştirilmesi için iki ayrı yol mevcuttur.

Birincisi, temaya ait dil dosyaları program ile değiştirmek, ikincisi ise manuel (el ile) olarak gerekli yerlerin Türkçeye çevrilmesi.  Burada gerekli metinleri kod editörlerinden değiştirebiliriz.  Tema editleme işlemi yapanlar Türkçeleştirmenin zor olduğunu söylüyorlar, oysa ki  bu işlem Türkçe bir metin yazmak kadar kolaydır.

WordPress Tema Türkçeleştirme işlemi için gelişmiş kod editörlerinden birini kullanabilirsiniz.

Notepad++ veya DreamWeaver gibi gelişmiş kod editörleri bu iş için bire bir uygundur.  DreamWeaver  daha gelişmiş olduğu için C6 sürümünü kullanarak bu işlemi yapmak daha kolaydır.

Türkçeleştirme işlemine başlamak için DreamWeaver’dan temamıza ait alt sayfaları açıp burada İngilizce olan kelimeleri Türkçeye çevirmemiz yeterli olacaktır. Örnek bir kelime: comment, bu kelimenin Türkçe karşılığı yorumdur. Yorumlar olarak değiştirmeniz doğru olacaktır.

İkinci yol:  Bu yolu kullanarak program ile Türkçeleştirme işlemini yapacağız. Bu işlem tüm temalar için geçerli değildir. Bazı temalarda dil dosyaları olmadığı için kod editörleri ile düzenleme yapabiliriz.

PoEdit Programı kullanarak dil dosyası bulunan temaları Türkçeleştirebiliriz. Temamıza ait .PO uzantılı dil dosyasını program ile açarak istediğimiz metni düzenleyebiliriz.

 

.PO uzantılı dosya nedir? diyecek olursanız, Temamıza ait metinlerin bulunduğu dil dosyasıdır. Bu dosyayı kullanarak PoEdit gibi dil dosyası düzenleme programları yardımı ile temamızı rahatlıkla istediğimiz dile çevirme imkanımız vardır.

Yukarıda anlattığımız gibi tema Türkçeleştirme işlemi bu kadar basit bir olaydır.

WordPress’in Profesyonel Eklentileri

Bu yazıda WordPress’in Profesyonel eklentilerini başlıklar halinde sizlere aktaracağız. Aşağıda yer alan eklentiler ücretli ve ücretsiz olarak karışık halde sıralanmıştır.

Olmazsa Olmaz 5 Eklenti


WP’ kurulu bir web sitesinde bu eklentiler olmazsa olmaz eklentilerdir. Bunları kurmanızı tavsiye ederiz. Eklentiler size çoğu durumlarda kolaylık sağlayacaktır.

1- All in SEO Pack
2- Booking Calendar
3- RYO Category Visibility
4- Fluency Admin
5- Contact Form 7

Sosyal Medya Eklentileri:
– Socialpop
– Cute Profiles
– Socila Pop
– Twitter Blender
–  Socila Media Widget
– Share ButtonsGaleri Eklentiler

– Photo Ligthbox
– Polaroid Gallery
– JQuery ColorBox
– TheThe Image Slider
– uBillboard Slider
– Next Gallery

İletişim Eklentileri

– Gravity Forms
– MM Forms
– Dynamic Contact Form
–  Fast And Secure Contact Form
– Contact Form Captcha
– Contact Form 7

Oylama Eklentileri

– EasyPolls
– Comments vote
– I likeThis
– MicroPoll
– Wp-Polls
– DemoCracy

Admin Paneli Eklentileri

– Limit login Attempts
– Translate Box Google
– Admin Management Xtended
– External Link
– Wp Admin Bar
– Fluency Admin

Yorum Eklentileri

– Advanced User Agent
– Comment  Toolbar
– SI CAPTCHA Anti Spam
– Quote Comments
– WP smiley
– Küfürsüz Yorumlar

Medya Oynatıcı Eklentileri

– Flash MP3 Player
– Pro Player
– Flash Cortex
– WP Video TR
– FLV Embed

Navigasyon Eklentileri

– PixoPoint Menu
– WP-PostViews
– Uber Menu
– WP Paging
– WP PageNavi

Kullanabileceğiniz Diğer Bazı Eklentiler

– Alexa Rank
– Wp Facebook Tameline
– WP Spire
– Dean’s FCKEditor
– WP-Cumulus