WordPress İçeriklerini Google Buzz’da Paylaşma

Geçtiğimiz hafta duyrulan Google Buzz için eklentiler ve araçlar bir bir ortaya çıkmaya başladı. Bunlardan birisi de WordPress blogumuzda yayınladığımız içerikleri Google Buzz’da paylaşmak için diğer sosyal ağ butonlarının yanına Google Buzz’u da ekleyen Wp Google Buzz. Kullanımı oldukça basit. Öncelikle eklentiyi indiriyoruz. Eklentiyi plugin dizinine atıyoruz ve aktifleştiriyoruz.

Panelde eklentinin ayarları ile ilgili kısım karşımıza geliyor. Buradan buton ayarlarını ve diğer ayarları kendimize göre uyarlayıp aşağıdaki kodu temamızın single.php (tema yerleşimine göre comment.php dosyası da olabilir) dosyasının içinde uygun bir yere yerleştiriyoruz.

<?php if(function_exists('add_wp_google_buzz')) { add_wp_google_buzz(); } ?>

Hepsi bu kadar. Artık ziyaretçilerimiz veya kendimiz yazılarımızı bu yolla Google Buzz’da paylaşabileceğiz.

10 İlham Kaynağı WordPress E-Ticaret Tasarımı

WordPress temelinde her ne kadar blog içerik yönetim sistemi olsa da birçoğumuzun farklı projelerde kullandığı bir ilaçtır. Gerek firma tanıtım siteleri için, gerek ürün sergilemek için gerekse e-ticaret için. Bu durum da WordPress’in kullanıcılara sağladığı dizayn esnekliğinden kaynaklanıyor. Birçok içerik yönetim sistemi kendi fonksiyonları dışındaki öğelere yer vermezken WordPress’e istediğimiz herşeyi entegre edebiliyoruz. Bu yazımda da WordPress’in blog haricinde e-ticaret için kullanıldığı yerleri derledim. İlerleyen günlerde bunu sağlayan eklentileri de derleyip bilginize sunacağım.

1-camerashopper.info

2-icondock.com

3-daisyjs.com

4-demo.billionstudio.com

5-neuro-enhancement.com

6-simpleshopper.info

7-ebookshopper.net

8-flowershopper.info

9-babyshopper.info

10-camerashopper.info

10 Güzel Kod Gösterim Şekli

Bloglarımızda veya diğer internet sayfalarımızda ara ara kodlar yayınlıyoruz. Yayınlanan bu kodların tasarım bütünlüğünü bozmaması ve okunabilirlik oranı da oldukça önemlidir. Bu derlememde bu kriterleri ele alan 10 farklı kod gösterim şekline göz atacağız. Aslında daha birkaç adet fazla gösterim şeklini listeye alabilirdim ancak onlar da listeye aldıklarımın aynılarıydı. Bu yüzden farklı olanlara göz atmak daha iyi olacak.

1-siarto.com

Renklendirme ve arkaplan rengi ile birlikte okunabilirliği geçrekten muhteşem. Tasarım bütünlüğü de ele alınarak harika bir gösterim elde edilmiş. Ayrıca CSS, HTM, PHP dillerinin hepsinde renklendirme yapılmış.

2-goodbytes.be

Arkaplan çok hoş görünmese de renklendirmesi oldukça iyi. Ayrıca siyah tasarım içinde hemen fark edilebiliyor. Yine farklı dillerde renklendirme yapılmış.

3-onwired.com

Listedeki en güzel kod gösterimlerinden. Satırların farklı renkle ve numaralarla gösterilmesi çok hoş. Ayrıca tasarım bütünlüğünü bozmayan renklerle ve okunaklı yapılması da müthiş. Tek eksiği kod renklendirmesinin eksik olması 🙂

4-24ways.org

Satırların numaralarla belirtilmesi ve her satırın farklı iki renkle ayrılması okunmasını kolaylaştırıyor. Her ne kadar kodlarda renklendirme yapılmasa da seçilen kod rengi okunabilirliği arttırıyor. Bu gösterim şeklinin en büyük artısı kodların en altında kod kaynağının txt dosyasında verilmesidir. Kopyalama yapılması için güzel bir özellik.

5-snipt.net

Renklendirme yapılması ve kod alanının diğer alana göre daha açık bir renkle gösterilmesi oldukça hoş.

6-alexsancho.name

Satırların numaralandırılmış olması ve satırların altının çizgilerle belirtilmesi güzel ve kullanışlı. Renklendirme yapılmasa da seçilen kod rengi aykırı durmuyor. Ancak kodu kopyalamak istersek biraz uğraşıyoruz çünkü satır numaraları ile birlikte ve aradaki boşlukları da alarak kopyalanıyor. Kaynak gösteriminde bile aynı sorun var. Bir artısı da kodun istendiğinde gizlenebilmesi.

7-viget.com

Kod alanının farklı bir renk ile belirtilmesi ve genel dizayna aykırı durmaması oldukça güzel. Uzun kod satırları için üzerine gelince alanın büyümesi çok kullanışlı. Renklendirme olmasa da rahat okunabiliyor. Ayrıca kopyalama yapmak çok basit. Tek kötü yanı numaralandırma yok.

8-yakuter.com

PHP, CSS, HTML ve diğer dilleri desteklemesi ve renklendirme yapması çok güzel. Ayrıca kaynak kodu görüntüleme ve kopyalamayı kolaylaştırma, yazıcıdan çıktı almak için buton bulunması, panoya kopyala butonunun bulunması çok büyük bir artı. Erhan’ın kullandığı bu gösterim şekli WordPress’e ait  Syntax Highlighter eklentisi sayesinde yapılıyor.

9-kadirgunay.com

Renklendirme ve okunabilirlik oldukça iyi. CSS, HTML, JavaScript ve diğer birçok dili de destekliyor.

10-veerle.duoh.com

Kod alanının çizgili kağıt gösteriminde belirtilmesi ve her satırın hatasız gösterimi muhteşem. Numaralandırma, kod renklendirme de çok iyi. Ayrıca seçilen renkler de çok güzel. Listedeki en iyi gösterimlerden birisi de budur.

WordPress:Spam Yorumları Otomatik Olarak Çöp Kutusuna Gönderme

Bloglarımızda en sık karşılaştığımız sorunlardan birisidir spam yorumlar. Ancak WordPress’de bunun önüne geçmek için akismet tarzı eklentiler kullanılıyor. Bu tür eklentiler yorumları filtreleyip yorumların içindeki kelimelere göre içlerinden spam olanları çekip alıyor. Şimdi değineceğimiz konu ise bu yorumlar geldiğinde akismete veya diğer filtreleme eklentilerine devretmek yerine WordPress’in yeni özelliği “çöp” kutusuna direkt göndermekle ilgili olacak. Çöp kutusuna gönderme işin içine girince ekstra bir eklenti kurmaya da gerek kalmıyor. Çalışma mantığı olarak da belli kelimelerin bulunduğu bir havuzumuz var. Gelen yorumlar bu havuzdaki kelime veya kelime grupları ile karşılaştırılıyor. Eğer havuzdaki kelimelerden birisi kullanılmışsa hemen yorum çöpe atılıyor. Şimdi kodumuzu görelim ve ondan sonra birkaç noktaya daha değinelim.

Kodu temamızın foksiyon dosyası olan functions.php dosyasına ekliyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function in_comment_post_like($string, $array) {
	foreach($array as $ref) { if(strstr($string, $ref)) { return true; } }
	return false;
}
function drop_bad_comments() {
	if (!empty($_POST['comment'])) {
		$post_comment_content = $_POST['comment'];
		$lower_case_comment = strtolower($_POST['comment']);
		$bad_comment_content = array(
			'viagra',
			'hydrocodone',
			'hair loss',
			'[url=http',
			'[link=http',
			'xanax',
			'tramadol',
			'russian girls',
			'russian brides',
			'lorazepam',
			'adderall',
			'dexadrine',
			'no prescription',
			'oxycontin',
			'without a prescription',
			'sex pics',
			'family incest',
			'online casinos',
			'online dating',
			'cialis',
			'best forex',
			'amoxicillin'
		);
		if (in_comment_post_like($lower_case_comment, $bad_comment_content)) {
			$comment_box_text = wordwrap(trim($post_comment_content), 80, "\n  ", true);
			$txtdrop = fopen('/var/log/httpd/wp_post-logger/nullamatix.com-text-area_dropped.txt', 'a');
			fwrite($txtdrop, "  --------------\n  [COMMENT] = " . $post_comment_content . "\n  --------------\n");
			fwrite($txtdrop, "  [SOURCE_IP] = " . $_SERVER['REMOTE_ADDR'] . " @ " . date("F j, Y, g:i a") . "\n");
			fwrite($txtdrop, "  [USERAGENT] = " . $_SERVER['HTTP_USER_AGENT'] . "\n");
			fwrite($txtdrop, "  [REFERER  ] = " . $_SERVER['HTTP_REFERER'] . "\n");
			fwrite($txtdrop, "  [FILE_NAME] = " . $_SERVER['SCRIPT_NAME'] . " - [REQ_URI] = " . $_SERVER['REQUEST_URI'] . "\n");
			fwrite($txtdrop, '--------------**********------------------'."\n");
			header("HTTP/1.1 406 Not Acceptable");
			header("Status: 406 Not Acceptable");
			header("Connection: Close");
			wp_die( __('bang bang.') );
		}
	}
}
add_action('init', 'drop_bad_comments');

Fonksiyonda kelime havuzumuz 10. satırdaki ilaç markası ile başlıyor (direkt ilaç ismini yazmama sebebim Google aramalarında o ilaçla ilgili aramalarda blogumun listelenecek olması ve gerçekten bunu hiçbirimiz istemeyiz). Eklemek istediğimiz kelime veya kelime grupları varsa onları da aynı havuzdaki biçimde yani ‘kelime’; şeklinde araya sıkıştırmak yeterli olacaktır 🙂 Bu fonksiyonu ayrıca istemediğimiz bir yazıya gelen yorumları elemek için de kullanabiliriz. Mesela blogumda çok önceleri yazdığım msn şifresi ile ilgili bir yazı var. Bunu tamamen eğlenci amaçlı yazmıştım anca sonraları google aramalarında ilk sıralarda çıktı. Ve ardından hergün bu konuyla ilgili onlarca yorum silmek zorunda kaldım. Ben buna çözüm olarak ‘msn şifre’ yazacağım havuza. Çünkü bu yazıya gelen yorumların çoğunluğu bu kelimeleri içeriyor. Otomatik olarak silinmiş olacak yorumlar. Ayrıca diğer küfürlü yorumlar için de kullanabileceğiz.

Yazının orjinal hali WpRecies‘de mevcuttur.

WordPress:Son Yorumları Gravatar İle Gösterme

WordPress blogların hemen hemen tamamında “son yorumlar” adında bir bölüm görüyoruz. Bu bölüm blog içerisinde yazı zamanı gözetmeksizin ziyaretçi tarafından en son yapılan yorumları gösterir. Genelde gördüklerimiz yorum yazarının adı ve yorum formatındadır. Ancak bazı temalarda bu formata ilave olarak resim, avatar da gösteriliyor. Özellikle özel temalarda bunu görmek mümkün. Görsel olarak çok güzel görünüyorve tabi anlaşılırlık olarak da aynı seviyede… Resimler ise Twitter veya Gravatar servislerinde belirlenmiş profil reimlerinden alınıyor. Bu yazımızda Gravatar’dan alınan küçük resimlerle bunun nasıl yapılacağına bakacağız. Aslında çok basit bir kod yığınından faydalanıyoruz bunu yaparken.

Aşağıdaki kodu temamızın “sibebar.php” veya başka göstermek istediğimiz bir yer varsa oraya kopyalıyoruz.

<?php
$query = "SELECT * from $wpdb->comments WHERE comment_approved= '1'
ORDER BY comment_date DESC LIMIT 0 ,5";
$comments = $wpdb->get_results($query);
 
if ($comments) {
    echo '<ul>';
    foreach ($comments as $comment) {
        $url = '<a href="'. get_permalink($comment->comment_post_ID).'#comment-'.$comment->comment_ID .'" title="'.$comment->comment_author .' | '.get_the_title($comment->comment_post_ID).'">';
        echo '<li>';
        echo '<div class="img">';
        echo $url;
        echo get_avatar( $comment->comment_author_email, $img_w);
        echo '</a></div>';
 
        echo '<div class="txt">Par: ';
        echo $url;
        echo $comment->comment_author;
        echo '</a></div>';
        echo '</li>';
    }
    echo '</ul>';
}
?>

Yazının aslı ve kaynağı Wp Recipes‘dir.

Çok Görselli Yazıları Hazırlarken…

Yazılarımızda en önemli öğelerden birisi de kullandığımız görsellerdir. Görseller yazıdakilerin anlatılmasında büyük rol oynar. Ancak bu tür yazılar nedense fazla zaman alır. Bunun nedeni de kullanılacak görsellerin Photoshop’da boyutlandırılması, ayarlanmasından kaynaklanır. Özellikle ekran görüntülerinin yer alacağı yazılar bazen çileye dönüşebiliyor. Önce ekran görüntüsünün alınması, Photoshop veya bu tür bir programda boyutlandırılması ve daha sonra da sunucuya yüklenmesi derken bakmışız ki saatler geçmiş.

Geçtiğimiz hafta yayınlandığım 65 kullanışlı footer yazımın bir kısmını Windows Xp yüklü işyerindeki bilgisayardan bir kısmını da Windows 7 yüklü netbookumdan hazırladım. İşyerindeki bilgisayardan ekran görüntülerini tek tek alıp resim işleme programında boyutlandırdım. Ama bu işlem çok uzun sürdü. Akşam olup diğer bilgisayarıma geçince Windows Vista ve 7’de hazır olarak gelen Ekran Alıntısı Aracı’nı çalıştırdım. İnanılmaz derecede işlemleri kısalttı.

Ancak 500 pixel genişlikte olması gerekiyordu resimlerimin. Ben zaten resimleri kendi sunucuma değil Flickr’a yüklüyor ve buradan aktarıyorum. Flickr ise bizlere öyle bir güzellik yapıyor ki hangi boyutta olursa olsun 500 pixel genişlikte bir boyutunu almamızı sağlıyor yüklediğimiz resimlerin.

Böylece normalde 4-5 saatte yapmam gereken işi 2 saate yakın bir süre zarfında tamamladım. Eğer işyerindeki bilgisayardaki taktikle devam etseydim eminim ki o yazıyı halen yazıyor olacaktım 🙂

Boyutlandırma işlemi WordPress’de de var aslında. Resimleri sunucuya aktardıktan sonra resim detaylarından yüzde (%) olarak boyutlandırma var. Ve istediğimiz kadar resmimizi oransal olarak küçültebiliyor. Bu da Ekran Alıntısı Aracı’nın gerçekten çok işe yaradığının göstergesi.

Tavsiyem kesinlikle bu aracın kullanılmasından yanadır. Başlat/Programlar/Donatılar altında Windows 7 ve Vista’da bu araca ulaşmak mümkün.

Bir diğer tavsiyem de resimlere bağlantı vereceğimiz yazılardan yana olacak. Örneğin 65 kullanışlı footer yazımda her resimde ait olduğu siteye gitmek için bağlantılar bulunuyor. Özellikle resimlerini benim gibi dış bir kaynağa yükleyenler için resimleri numaralandırmak ve bir not defteri açıp oraya da numarayı hemen yanına da bağlantı adresini yazmak yine hız kazandıracaktır. Çünkü her resmin bağlantısını hafızada tutmak çok güçtür ve aşırı vakit kaybına neden olur.

Benim tavsiyelerim bu kadar, sizinkileri de dinlemeye her zaman hazırız. Yorumlarınızı esirgemeyin 🙂

WordPress:Yorum Formunda HTML Etiket Kullanımını Engelleme

Blogların en can alıcı noktalarından birisi yorumlardır kuşkusuz. WordPress bloglarında da diğer bloglar gibi yorumlar mevcuttur. Hatta gelişmiş özellikler de sunabilir. Bunlardan birisi HTML etiketlerinin kullanılmasıdır. HTML etiketleri de yorum içinde link verme, resim gösterme, kalın veya italik yazı yazma gibi bazı özellikler sunuyor. Ancak bir durum da var ki bu etiketler açık olduğu taktirde spam mesajların da vazgeçilmezi durumuna geliyor. Spam mesajlar için her ne kadar eklentiler bulunsa da tam istenilen sonuçlara ulaşılamıyor. Örneğin Akismet’de bazı spam olmayan yorumlar da spam olarak alglanıyor ve silme işleminde kurunun yanında yaş da yanar misali siliniyorlar. HTML etiketleri kaldırdığımız taktirde bunların tamamen olmasa da bir miktar önüne geçmiş oluyoruz.

HTML etiketlerini kaldırmak için temamızın functions.php dosyasına aşağıdaki kodu dahil ediyoruz:

// This will occur when the comment is posted
function plc_comment_post( $incoming_comment ) {
// convert everything in a comment to display literally
$incoming_comment['comment_content'] = htmlspecialchars($incoming_comment['comment_content']);
// the one exception is single quotes, which cannot be #039; because WordPress marks it as spam
$incoming_comment['comment_content'] = str_replace( "'", '&amp;apos;', $incoming_comment['comment_content'] );
return( $incoming_comment );
}
// This will occur before a comment is displayed
function plc_comment_display( $comment_to_display ) {
// Put the single quotes back in
$comment_to_display = str_replace( '&amp;apos;', "'", $comment_to_display );
return $comment_to_display;

Hepsi bu kadar. Yazının orjinali de burada yer almaktadır.

WordPress 2.9 Veritabanı Onarma Özelliği

Wp Engineer’in şuradaki yazısına göre WordPress 2.9 içinde veritabanı onarma özelliği olacak. Peki bu özelliği ne için kullanacağız? Özellikle veritabanının kitlenmesi durumunda çok faydalı olacak. Bazı eklentilerden dolayı veritabanları kitleniyor ve yönetim paneline ulaşılamıyor. Bunun yanında gelen spam mesajlardan dolayı da kitlenme durumuna maruz kalabiliyoruz. Bu durumlarda yaptığımız işlem phpMyAdmin’e girip tüm tabloları seçmekti. İşte bu işlemi host yönetim paneline girmeden WordPress yönetim paneli içinde yapabiliyor hale geceğiz.

Continue reading

WordPress 2.9 Yeni Özellik: Yazı Resmi (the_post_image)

WordPress 2.9’un çıkmasına sayılı günler kala yeni yeni özellikleri de internet ortamında görüyoruz. 2.9’da özellikle resimler ve media dosyaları ile ilgili büyük yapılandırmalar olacağı kesin. Eğer internetteki söylentiler doğru çıkarsa resim kırpma özelliğinin bile entegre geleceğini söyleyebiliriz. Bunun yanında bir diğer özellik de “yazı resmi”. Yazı resmi, yeni nesin WordPress temalarında, magazin temalarında anasayfaya her yazı için eklenen bir önizleme resmidir. Sayfanın daha dolgun görünmesini sağlamasının yanında konu ile ilgili ön fikir de verir. Bu özelliği daha önce “custom field” dediğimiz özel alanlar oluşturarak kullanıyorduk. Ancak artık bu durum bir fonksiyon halini aldı ve 2.9’da bizlere sunulacak.

Continue reading

WordPress:Özel Alansız Otomatik Önizleme Resmi Oluşturma

WordPress’in son sürümleri ile birlikte “custom field” dediğimiz özel alanlar bir hayli revaçta. Özel alanları aklımıza ne gelirse o biçimde kullanabiliyoruz. Ancak bazı durumlarda özel alanlar da yetersiz kalabiliyor. Mesela bir yazımızın anasayfa gösteriminde bir resim ile birlikte ifşa edilmesi için özel alan adı ile birlikte değer olarak resmin bulunduğu linki yazmamız gerekiyor. Ve özel alanın ölçülerine göre de kendimizin boyutlandırması lazım. İşte bu iş her seferinde yapılınca birazcık sabırları zorluyor. Ancak şurada bunu düşünmüşler ve çaresini de bulmuşlar. Oldukça basit ve çok kullanışlı da yapmışlar.