PDA

Orijinalini görmek için tıklayınız : WordPress Tema Seçiminde Dikkat Edilecek Noktalar



Yeniwebci
12.Şubat.2015, 01:27
WordPress Tema Seçiminde Dikkat Edilecek Noktalar

WordPress siteniz için tema seçerken dikkat edilmesi gereken noktalar, sitenin hızını, seosunu, seo puanını, işlevselliğini ve kullanılırlığını etkileyen faktörlerdir.


https://ondiggo.com/wp-content/uploads/2013/09/Responsive_Design_Graphic_v21.jpg
Günümüz teknolojileri ile uyumlu olarak sitenizin temasının responsive (her çözünürlüğe sahip cihaza duyarlı) olmasını öneririz.

Şimdi gelelim o noktalara...

Özel Tasarım WordPress Temasının İyi Kodlanmış Olması

WordPress temasının iyi kodlandığını anlamak, programcı olmayan biri için yahut WordPress teması kodlamamış bir programcı için kolay değildir. Çünkü WordPress çok fazla kendi fonksiyonu olan bir platformdur (codex.wordpress.org adresinden bakabilirsiniz). Burada iyi kodlanmıştan kastım, zaten olmaması gereken döngü, sorgu hatalarının yanısıra resim boyutlandırmalarının temada yapılmış olması, temanın içinde her sayfada en az bir h1 etiketinin olması, farklı görselle WordPress temanın aynı performansı vermesi gibi hususlardır.



Seçilen WordPress Temasının “Her alana uygun” Olmaması

WordPress Teması seçerken “her alana uygun” çok fazla farklı varyasyonu olan temaların seçilmesinde kimi sakıncalar olabilir (her durumda her tamada olur denemez.). Çok farklı amaçlarla kullanılabilecek, isviçre çakısı gibi, çok fazla sayfa varyasyonu vb. olan temalar, fazla sorgu sonucuna göre hareket edeceğinden, yavaş çalışma ihtimali olabilecek temalardır. Temanın yavaş çalışması sitelerinizin indexlenmesinden kullanıcı deneyimine kadar çok farklı yansımalara sebep olabilir.



Grafikle değil, CSS kodlamayla oluşturulmuş WordPress Temalarını Tercih Edin.
Bir diğer husus grafik ve CSS kodlama arasındadır. Buradaki kastım “Tasarımı önceden Photoshopla tasarlanmış daha sonra css’e dökülmüş temaları tercih etmeyin” değildir. Kimi arayüz programcıları, PSD olarak çizilmiş tasarımı aktarırken, bazı durumlarda kodlanması uzun sürebilecek kimi noktaları görsel background olarak atarak işin içinden çıkmayı tercih etmektedirler. Bu durum WordPress temanızın yavaş çalışması, çok fazla resime yer vermesi, farklı içeriklere uygun boyutlandırmalara ulaşılamaması gibi sorunlara yol açabilir. Bunun gibi durumlarla karşılaşmamak için güvendiğiniz bir WordPress uzmanı’na tema yapımında danışmakta, yaptırmakta fayda var.



Bunlar dışında wordpress temada dikkat edilmesi gereken noktalar ise şöyle sıralanabilir

Tasarımın doğru parçalanmış olması
CSS3 standartlarına uygun şekilde kodlanmış olması
WordPress’e uyarlanırken mümkün olduğu ölçüde yönetim panelinden kullanıcı deneyimini artıracak noktalar tercih edilesi
Kodlanırken “Kullanıcının hiç kodlara müdahale etmeden kullanabilmesi” ilkesinin düşünülmesi
Mümkün olduğunca standart wordpress fonksiyonlarının tercih edilmesi (Mesela “the_content” fonksiyonunun kullanılması gereken yerlerde “echo get_the_content()” denilmemesi gibi)
WP_Query’lerde başka programcı baktığında bakar bakmaz query’i anlaması için assoc arraylerin kullanılması ( “=>” işareti kullanılarak oluşturulan arrayler)
Arayüz programcısının kullanıcı deneyimini öne alan çalışmalar yapması


Kaynak: WordPress Tema Seçimi (https://wordpressuzmani.org/wordpress-tema-secimi/)

Sir.Vanity
12.Şubat.2015, 09:00
Teşekkürler!

Sir.Vanity
12.Şubat.2015, 09:25
kurnazadam.com bloguna onereceginiz tema var mi . Bu sartlara Uyan?

meyrenam
07.Eylül.2015, 19:43
yeni bir tema istiyorum ancak html hatası istemiyorum google speed puanları yüksek olsun hızı iyi olsun temiz bir kod yapısı olsun.ancak temamı değiştirmekten de çekiniyorum çünkü yazılar resimler birbirine giriyor bilirsiniz bi bakar mısınız siteme sizce temamı değiştirmeme gerek var mı?

erkolay
07.Eylül.2015, 21:06
Kaydolurken belirttiğin sitende ufak tefek hatalar var @meyrenam (https://webmaster.bbs.tr/member.php?u=983) arkadaş. Site hızı fena değil. 1.6 sn.

Alexa.com...../yoursite.com kodunda "yoursite.com" var ya oraya sitenin alan adını yazmalısın. Ve oradaki

https://xsltcache.alexa.com/site_stats/gif/s/a/eW91cnNpdGUuY29t/s.gif

bu resmi 120x95 şeklinde genişlik ve yükseklik değerlerini girmelisin.

Bir de;

https://www.kalitelibeslenme.com/wp-content/uploads/2015/08/aloprotein-kaliteli-beslenme.jpg

Bu resmin görünümünde 336x280 olacak şekilde genişlik ve yükseklik değerlerini girmelisin. Ama bu değerlerle sidebar'a sığmıyor. Ya sidebar'ın genişliğini arttırman lazım, ya da bu resmin genişliğini sidebar'ın genişliğine uydurman...

JS dosyalarını sıkıştırmalısın. Bunun için eklenti kullanabilirsin. Bunlar öncelikli çalışma hedeflerin olsun.

PageSpeed değerlerinin iyi çıkması, bunların yanısıra, bulunduğun sunucuda mod_pagespeed modülü kurulu ise daha kolay olacaktır.

meyrenam
08.Eylül.2015, 10:32
çok teşekkür ederim bu kadar ayrıntılı yorum için gerçekten çok teşekkür ederim bunları ayarlamaya çalışacağım, sevgiler, saygılar

- - - Updated - - -

site adını yazmama rağmen olmadı maalesef

meyrenam
08.Eylül.2015, 12:02
bir de resmin değerlerini nasıl giricem tam anlayamadım wordpress kullanıyorum

meyrenam
08.Eylül.2015, 12:16
resmi 300* 250 olarak yeniden ekledim olmuş mudur acaba farklı tarayıcılarda baktım düzelmiş gibi duruyordu çok teşekkür ederim

- - - Updated - - -

JS dosyalarını sıkıştırmak için hangi eklentiyi önerirsiniz acaba?

deniz
08.Eylül.2015, 12:33
WordPress'te gzippy eklentisi en basit şekilde sıkıştırma yapıyor. Sadece kurup etkinleştirmek yeterli olur.

Resimlerin genişlik değer için width yükseklik değerleri için de height etiketi kullanılır.


<a name="top" href="forum.php" class="logo-image"><img src="/images/webmaster-forumu-logo.png" alt="Webmaster Forumu" width="378" height="80" /></a>

Bu bizim logonun her etiketi tam olan kodu mesela. Buradaki gibi width ve height etiketleri resmin genişliği ve yüksekliğini tanımlamak, alt etiketi de resmin adını tanımlamak için kullanılır.

onursarar
01.Eylül.2017, 17:17
Teşekkürler.