Eki 312014
 
523 views

WordPress’te Basit Bir İletişim Formu Nasıl Hazırlanır?

Sitenizde büyük olasılıkla bir iletişim sayfanız vardır. Bu sayfada telefon numarası, adres, eposta bilgileri vb bulunur. Aynı sayfada verdiğiniz bilgilerde aradığı yanıtı bulamayan ziyaretçileriniz için basit bir  İletişim Formu  eklemeniz hiç te fena olmaz.

WordPress 4.0 sürümünde böyle bir form size otomatik olarak sunuluyor.

İletişim sayfasını düzenlemek istediğinizde “Ortam Ekle” butonunun yanında bir de “İletişim Formu Ekle” butonu var.

Bu butonu tıkladığınızda sayfanıza basit bir iletişim formu ekleyebiliyorsunuz.

sayfa düzenle

Bu formda sadece ad soyad, eposta, web sitesi ve yorum seçenekleri var. Daha zengin seçeneklerle çalışmak istiyorsanız size yardımcı olabilecek bir sürü eklenti bulabileceğinizden eminim.

Normalde bu formun hemen çalışmaya başlaması lazım.

Ancak çoğu kez bu olmuyor. Özellikle yerli bir hosting firmasıyla çalışıyorsanız, php mail fonksiyonu büyük bir olasılıkla güvenlik gerekçesiyle kapatılmış oluyor. Bunu anlamanın en kolay yolu formunuzu doldurup Gönder butonuna basmak. Eğer karşınıza boş bir sayfa çıkıyorsa, mail gönderme fonksiyonunuz devre dışı demektir.

Eğer php mail fonksiyonunuz kapalıysa yeni bir çözüm üretmeniz hiç te zor değil.

Hemen eklenti bölümüne geçin ve sitenize Easy WP SMTP (veya istediğiniz bir başka SMTP eklentisi) yükleyin ve aktifleştirin.

Easy WP SMTP eklentisinin konfigürasyon tablosuna Ayarlar seçeneğinden erişebilirsiniz.

Gerçekten de basit bir eklenti bu. Yine de gireceğiniz değerler konusunda şüpheniz varsa, hosting firmanızla görüşün. Size gerekli bilgileri vereceklerdir.

Aşağıdaki görüntüde benim kullandığım tablo yer alıyor:

Easy WP SMTP

SMTP Host alanına sitenizin IP adresini veya SMTP sunucusunun web adresini girebilirsiniz. Genellikle bu adres smtp.webadresiniz.com gibi bir şeydir. Emin değilseniz, doğrudan site IP’sini girmeniz yeterli olur.

İşte hepsi bu kadar!

Mail gönderme fonksiyonu da devreye girince, iletişim formunuz sorunsuz bir şekilde çalışmaya başlayacaktır.

Kolay gelsin!

ahmet aksoy

 

Eki 292014
 
530 views

Eğer WordPress kurulu sitenizde W3 Total Cache veya benzeri bir “caching” eklentisi kullanıyorsanız, WP PostViews eklentisinin yansıttığı makale okuma değerlerinin gecikmeli olarak ekrana geldiğini farketmiş olmalısınız.

Böyle olması çok doğal. Çünkü W3 Total Cache eklentisi sizin sayfanızı kaydettiğinde, “postviews” değerinin de o anki karşılığını aynen not alıyor. Bu rakam, sayfalar yenilenmediği sürece hep aynı kalıyor. Manuel olarak veya tanımlanmış süre dolduğunda bu sayfa kayıtları yenileniyor ve postviews değeri de yeniden gerçek sayısına ulaşıyor ama bu kez de orada takılıyor.

Bu arada, yazıların okunma sayılarının veritabanı tarafından kaydedilmesinde her hangi bir sorun olmadığını da belirteyim. Tek sorun, sayım rakamlarının anında doğru şekilde gösterilemiyor olmasında.

W3 Total Cache programının ayarlamaları ile oynayarak bu soruna sağlıklı bir çözüm üretmek pek kolay bir iş gibi görünmüyor. Bunu başaran var mıdır bilemiyorum. Ama bu işi özel bir eklentiye devredersek iş oldukça kolaylaşıyor.

Eklentimizin adı: Ajax the views. Bu eklentiyi WordPress eklenti havuzundan indirip kurabilirsiniz.

Ajax the views eklentisi, sitenizde caching programları kullanıyor olsanız dahi, post views rakamlarının Ajax üzerinden anlık olarak doğru değerleriyle gösterilebilmesini sağlıyor.

Ben kullanıyorum. Size de denemenizi öneririm.

ahmet aksoy

 

 

Eki 202014
 
510 views

WordPress 2014 Temasında Değişiklik Yapma

Sitemizde kullandığımız 2014 (twenty fourteen) temasında bir çok yerde gereksiz yere başlıklar büyük harfe (uppercase) dönüştürülmüş.

Bunu düzeltmek için gereken değişiklikler sadece style.css üzerinden yapılabiliyor.

Aşağıda, yavru tema (child theme) style.css dosyasına eklenecek satırları vereceğim. Ama siz de bu tarz değişiklikler yapmak istediğinizde önce gidip ana temanın style.css dosyasında ayrıntılı bir inceleme yapın. Bazı elemanların isimleri yeterli açıklamayı sağlıyor olsa da, bazı durumlarda daha hassas bir araştırma, hatta çok sayıda deneme-yanılma gerektirebilir.

Bu yazıda ele aldığımız sorunu yaratan tek bir kod var:

text-transform: uppercase;

Bu kod, dahil olduğu sınıfa ait yazıyı tamamen büyük harfe çeviriyor. Onu etkisiz hale getirmenin yolu ise

text-transform: none;

şeklinde. Bu durumda ilgili yazı/başlık nasıl girilmişse, aynen gösterilecek demektir.

Ana temanın style.css dosyasındaki “text-transform: uppercase;” satırlarını tek tek bulup, değiştirilmesi gerekip gerekmediğine karar vermeniz gerekiyor. Ben, aşağıdaki örnekte yanal banttaki harf büyütmelere dokunmadım. Onun dışındaki tüm dönüşümleri iptal ettim.

Aşağıdaki satırlar, yavru temanın style.css dosyasına eklediğim satırlar.

.site-navigation a {
text-transform: none;
}
.entry-title {
text-transform: none;
}
.entry-meta {
text-transform: none;
}
.cat-links {
text-transform: none;
}
.entry-meta .tag-links a {
text-transform: none;
}
.entry-content th,
.comment-content th {
text-transform: none;
}
.entry-content .edit-link {
text-transform: none;
}
.page-links {
text-transform: none;
}
.post-navigation .meta-nav {
text-transform: none;
}
.paging-navigation .page-numbers {
text-transform: none;
}
.comment-reply-title,
.comments-title {
text-transform: none;
}
.comment-list .reply,
.comment-metadata {
text-transform: none;
}
.no-comments {
text-transform: none;
}
.comment-navigation {
text-transform: none;
}
.widget .widget-title {
text-transform: uppercase;
}
.widget_calendar caption {
text-transform: uppercase;
}
.widget_twentyfourteen_ephemera .post-format-archive-link {
text-transform: uppercase;
}
.content-sidebar .widget .widget-title {
text-transform: uppercase;
}
.featured-content .entry-title {
text-transform: none;
}
@media screen and (min-width: 783px) {
.primary-navigation {
text-transform: none
}
}

Yavru tema uygulaması sayesinde ana temada hiç bir değişiklik yapmıyoruz. Eğer ana temada WordPress taarfından herhangi bir değişiklik yapılırsa, gerekli değişikliği ana temaya uygulamak bizim yaptığımız değişkliklere bir zarar vermeyecektir.

Eğer ana tema dosyalarında değişiklik yapma alışkanlığınız varsa, bir an önce bundan vazgeçip, yavru tema uygulamasına geçmenizi öneriyorum. Güvende olacaksınız!

ahmet aksoy

 

Eki 182014
 
487 views

WordPress Temasına Google Fontlar Nasıl Uygulanır?

Diyelim ki WordPress temalarından TwentyFourteen kullanıyoruz.

Yöntemlerden biri doğrudan ana temanın style.css ve header.php dosyalarına müdahale edip gerekli kodları oraya girmektir. Ancak bu durumda, orijinal kodları değiştirdiğimiz için herhangi bir güncelleme veya yükseltme durumunda bizim girdiğimiz kodlar otomatikman silinecektir.

Bunun çözümü ise, “child theme (yavru tema)” mekanizmasından yararlanmaktır. Bu yöntemde, orijinal dosyalara hiç dokunmayız. Gerekli değişiklikleri “yavru tema” alanında yaparız. Ana sistemde yapılan güncelleme ve yükseltmeler bizim özgün çalışmalarımızı hiç etkilemez.

TwentyFourteen teması “Lato” fontunu kullanır. Bu font Türkçe karakterlerde bazan sorun çıkarabiliyor. Bu yüzden temamızdaki “Lato” fontu yerine “Roboto” kullanmak istersek neler yapmamız gerektiğini birlikte inceleyelim.

Öncelikle yavru temamızın (child theme) style.css dosyasını açalım ve şu kodu içine ekleyelim:

body,
button,
input,
select,
textarea {
color: #2b2b2b;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}

Yukarıdaki css kodunu, TwentyFourteen temasının orijinal style.css dosyasından aldık. Yaptığımız tek değişiklik, Lato yerine Roboto yazmaktır. Böylece sisteme, body, button, input, select ve textarea nesnelerinde Roboto fontunu kullanmak istediğimizi belirtmiş olduk. Font adı dışındaki diğer özelliklere hiç dokunmadık.

Ancak bu fontun nereden yüklenmesi gerektiğini de belirtmemiz lazım. İstersek header.php dosyasının bir kopyasını yavru tema klasörümüze kopyalayıp, gerekli kodu oraya ekleyebiliriz. Ancak bu durumda asıl temanın header.php dosyasında yapılabilecek zorunlu değişiklikleri peşinen riske atmış oluruz.

Çözüm, font yükleme işini ayrı bir fonksiyona yüklemektir.

Aşağıdaki kodu, bu kez yavru temamızın functions.php dosyasına ekliyoruz:

function load_fonts() {
wp_register_style(‘googleFonts’, ‘http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext’);
wp_enqueue_style( ‘googleFonts’);
}

add_action(‘wp_print_styles’, ‘load_fonts’);

İşte bütün yapacaklarımız bu kadar. Artık yavru temamızın yüklü olduğu sitedeki ana font Lato değil, Roboto’dur.

TwentyFourteen temasının orijinal dosyalarına hiç dokunmadık.

Eğer siz de sitenizde TwentyFourteen temasını kullanıyorsanız ve fontlarla oynamak veya temanızın başka bir takım yerlerini değiştirmek istiyorsanız, hemen bir yavru tema kurmanızı öneriyorum. Hayatınız kolaylaşacaktır!

Başka temalarda da aynı yöntemi kullanabilirsiniz. Ek olarak yapmanız gereken şey, sizin ana temanızda kullanılmakta olan temel fontun adını öğrenmek ve yukarıda tarif ettiğimiz değişiklikleri o fontla ilgili kısımlara uygulamaktır.

Soru veya önerilerinizi yorumlar bölümüne ekleyebilirsiniz.

ahmet aksoy

 Kaynak: http://webdesignfromscratch.com/wordpress/using-google-web-fonts-with-wordpress-the-right-way/

 

Eki 182014
 
5.169 views

Google Türkçe Fontlar

Google, fontlar konusunda da öncülük etti ve ücretsiz paylaştığı font sistemini duyurdu. Bu fontların bazılarında hala yeterli Türkçe karakter desteği yok. Ancak Türkçe karakter sorunu çözümlenmiş fontların sayısının da zaman içinde artacağını umuyorum.

Google fontları, https://www.google.com/fonts  adresinde yayınlanıyor.

İstediğiniz fontları bu sayfadaki örneklerden görerek seçebilirsiniz. Script tipini “Latin Extended” olarak belirlerseniz, Türkçe karakterlerin sorunsuz olduğu yüzlerce fonta ulaşabilirsiniz. Emin olmak için Sentence ve Paragraph bölümlerindeki Preview Text alanına [Enter your own text] bölümünden bütün Türkçe karakterleri içeren örnek bir metin girin. Fontları bu örnek metin aracılığıyla görsel olarak denetleyin.

Buradaki fontları dilerseniz kendi bilgisayarınıza indirebilir, ya da gerekli yerlerde ilgili fontun erişim linklerini kullanabilirsiniz.

İndirmek istediğiniz fontları Add to Collection butonuna basarak gruplayın. Sonra da ekranın sağ üst tarafındaki küçük aşağı yönlü oka (  ) tıklayın.

Eğer amacınız seçtiğiniz fontları sadece web sitenizde kullanmak ise, onları bilgisayarınıza indirmeniz gerekmiyor. O fontla ilgili olarak sitenize ekleyeceğiniz bilgilere sağa bakan küçük ok butonuna basarak (  ) erişebilirsiniz.

Örneğin “Roboto” fontunu sitenizde kullanmak istediniz. O fontun yer aldığı kutu içindeki aşağı bakan oka (  ) tıklayın.

Açılan yeni pencerede ilk önce Roboto fontunun gösterim yoğunluğu listesi karşınıza çıkacak. Burada Normal 400 ve Bold 700 işaretledik diyelim.

İkinci sırada hangi dil ailesini kullanacağımızı seçmemiz gerekir. Türkçe karakterler için Latin Extended seçmemiz gerekir. Ayrıca Latin grubunu da işaretleyelim.

Üçüncü sırada, yaptığımız seçimlere göre web sitesine eklememiz gereken kod listelenir. Yukarıda belirttiğimiz seçimler için oluşan kod şöyledir:

<link href=’http://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext’ rel=’stylesheet’ type=’text/css’>

Import bilgisi:

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);

CSS dosyasında kullanılacak kod ise şu şekildedir:

font-family: ‘Roboto’, sans-serif;

Artık Roboto fontunu gönül rahatlığıyla websitenizde kullanabilirsiniz.

Türkçe karakterleri sorun yaratmayan fontlardan bazıları şöyle:

  • Open Sans
  • Roboto
  • Oswald
  • Roboto Condensed
  • Pt Sans
  • Source Sans Pro
  • Open Sans COndensed
  • Ubuntu
  • PT Sans Narrow
  • Roboto Slab
  • Arimo
  • Lora
  • Titillium Web
  • Dosis
  • Noto Sans
  • Oxygen
  • PT Serif
  • Francois One
  • Play
  • Playfair Display
  • Inconsolata
  • Poiret One
  • Ubuntu COndensed
  • Bree Serif
  • Libre Baskerville
  • Archivo Narrow
  • Cuprum
  • Josefin Sans
  • Karla
  • Exo 2
  • Anton
  • Noto Serif
  • Hammersmith One
  • Merriweather Sans
  • Pt Sans Caption

Gözden kaçırdığım bazı fontları da sizler ekleyebilirsiniz. Ancak “Latin-extended” özelliğini lütfen gözden kaçırmayın. Yoksa Türkçe karakterleriniz sağlıklı görünmeyebilir.

ahmet aksoy

 

Eki 182014
 
581 views

Bu Webmaster Sitesi Ne İşe Yarayacak?

Aslına bakarsanız böyle bir site başlatmak gibi bir düşüncem yoktu. Çünkü http://bloggergurusu.blogspot.com isimli bir siteyi halen blogspot üzerinde işletiyorum. Yeni bir siteye niçin gerek duyayım?

İtiraf edeyim ki blogger / blogspot sisteminin formatına bir türlü ısınamadım. Standart kullanıcılar için ideal bir sistem olabilir belki. Ama benim gibi sürekli bir şeyleri değiştirip, denemeler yapan biri için yeterli esnekliğe sahip değil. Temalara hakim olmak zor. Özellikle Türkçe fontlar konusunda büyük sıkıntılar söz konusu.

WordPress bu açıdan çok daha profesyonel ve açık bir yapıya sahip. Bu benim görüşüm elbet. Tema ve eklentiler konusunda çok daha dinamik, esnek ve tutarlı. Temalarda orijinalini bozmadan değişiklik yapabiliyorsunuz.

Blogspotta ise temaların adını ve sürümünü takip etmek bile bir mesele. Kullanıcı dostu değil. Herşeyi aynı XML dosyada kotarmak zorundasınız. Tek yöntem: Değiştir ve dene, beğenmezsen eski tema dosyasını yeniden yükle. Araya biraz zaman girdiğinde hangi XML dosyası hangi temaya aitti, hepsi birbirine karışıyor. Sistemin sunduğu hazır temalar da çok kısıtlı özelliklere sahip.

Öte yandan blogspot’un yazılarınızı arama motorlarına tanıtma sistemi çok başarılı. Kendi WordPress sisteminizi kullanırken bu işleri kendiniz çözmek zorundasınız.

Sözün kısası, wordpress’in sağladığı kolaylıklar ağır bastığı için webmaster sorunlarını ele aldığım siteyi WordPress üzerine kaydırmaya karar verdim. Aynı mantığı sürdüreceğim. Blogspot üzerindeki yazılarım da devam edecek ama, ağırlık ister istemez wordpress tarafına kayacak. Çünkü o alandaki deneyimlerim çok daha yoğun.

Hayırlısı bakalım!

Bu sitedeki temayı da kendim geliştirmeyi planlıyorum. Şu anda Webmaster adını verdiğim bir yavru tema (child theme) kullanıyorum. Gelişmelerden sizi haberdar edeceğim. Zaten görsel taraflarındaki değişiklikleri sizler de farkedeceksiniz.

Umarım ortaya güzel bir çalışma çıkar! Blogspot’a kıyasla burada kendimi çok daha özgür hissediyorum.

ahmet aksoy