{"id":2303,"date":"2014-09-08T14:43:42","date_gmt":"2014-09-08T14:43:42","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=2303"},"modified":"2015-02-26T13:17:57","modified_gmt":"2015-02-26T13:17:57","slug":"wordpress-web-siteleri-icin-ulimate-tasarim-klavuzu","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/wordpress-web-siteleri-icin-ulimate-tasarim-klavuzu\/","title":{"rendered":"WordPress Web Siteleri i\u00e7in Ulimate Tasar\u0131m Klavuzu"},"content":{"rendered":"

Bir tasar\u0131mc\u0131 olarak a\u00e7\u0131k kaynak veya \u00fccretli bir CMS olmas\u0131, say\u0131s\u0131z i\u00e7erik y\u00f6netim sistemine (CMS) al\u0131\u015f\u0131k olman\u0131z gerekir. Ancak aralar\u0131nda WordPress web siteniz i\u00e7in en etkili i\u00e7erik y\u00f6netim sistemlerinden biri olarak kabul edilir. WordPress ile \u00e7al\u0131\u015f\u0131rken, bir yolda ilerlemek i\u00e7in geriye d\u00f6n\u00fcp bakmak zorunda de\u011filsiniz.<\/p>\n

Asl\u0131nda, WordPress bir \u00e7ok tasar\u0131mc\u0131n\u0131n\u00a0\u00a0en \u00e7ok tercih etti\u011fi\u00a0web tasar\u0131m ve geli\u015ftirme platformudur. Bu nedenle, WordPress iyi i\u015flevselliklerini birle\u015ftirmek amac\u0131yla kendi asal sorumlulu\u011fu i\u00e7erisindedir. Ayn\u0131 \u015fey, en iyi WordPress \u00a0web sitelerini olu\u015fturmak i\u00e7in en iyi tasar\u0131m ilkelerinin baz\u0131lar\u0131na odaklanmak gerekmektedir.<\/p>\n

1. Arama motoru optimizasyonu<\/h4>\n

SEO bu nedenlerden dolay\u0131 dikkate al\u0131nmas\u0131 gereken \u00f6nemli bir yoldur, web sitenizin maksimum trafik \u00e7ekme hedefi sunar. Siz baz\u0131 WordPress eklentilerini yerle\u015fik SEO \u00f6zelliklerine sahip ve kullan\u0131m\u0131n\u0131 harika bir \u015fekilde bulabilirsiniz. Ard\u0131ndan 2014 y\u0131l\u0131n\u0131n en iyi WordPress eklentilerini bulabilirsiniz.<\/p>\n

2. Breadcrumb NavXT<\/h4>\n

\u00a0Breadcrumb NavXT<\/a>kullan\u0131c\u0131 deneyimini geli\u015ftirmek i\u00e7in ana kategorisi ile ge\u00e7erli konum navigasyonuna ba\u011flant\u0131lar sunar.<\/p>\n

3. Google K\u00fct\u00fcphanelerini Kullan\u0131n<\/h4>\n

jQuery gibi Google i\u00e7erik da\u011f\u0131t\u0131m a\u011f\u0131 ve varsay\u0131lan komutlar\u0131 yayg\u0131n olarak komut dosyalar\u0131n\u0131 kullanabilir ve web sitenizin h\u0131z\u0131n\u0131 art\u0131rmak amac\u0131yla \u00a0Google k\u00fct\u00fcphanelerinim yard\u0131m\u0131n\u0131 kullan\u0131n.<\/a><\/p>\n

4. W3 Total Cache<\/h4>\n

W3 Total Cache yard\u0131m\u0131 ile WordPress'i web \u00fczerinde optimize etmek ve web sitenizin Google sayfa h\u0131z\u0131 y\u00f6nergelerini izleyerek s\u00fcper h\u0131zl\u0131 yapabilirsiniz.<\/p>\n

5. Google XML Site Haritas\u0131<\/h4>\n

Net bir XML sita haritas\u0131 \u00fcreterek kolay bir formatta\u00a0Google XML sitemap<\/a>\u00a0yard\u0131m\u0131 ile web sitenizi arama motorunda indexleyin.<\/p>\n

6. Responsive Tasar\u0131mlar -\u00a0Yeni Bir V\u0131z\u0131lt\u0131<\/strong><\/p>\n

Responsive web tasar\u0131m WordPress tasar\u0131mlar\u0131 i\u00e7in bir zorunluluk haline gelmi\u015ftir. Asl\u0131nda, duyarl\u0131 WordPress temalar\u0131 s\u00fcrekli bir geli\u015fim i\u00e7erisindedir. Yakla\u015f\u0131k 2012 y\u0131l\u0131ndaki rakamlar - 2013 y\u0131l\u0131nda neredeyse iki kat\u0131na \u00e7\u0131kt\u0131, sayfa g\u00f6r\u00fcnt\u00fclemeleri'nin %22'sinin mobil cihazlar \u00fczerinden geldi\u011fi g\u00f6zlemlenmi\u015ftir. Nedeni ise Responsive mobil cihazlarda maksimum kullanabilirlik ve okunabilirli\u011fi sa\u011flam\u0131\u015f olmas\u0131d\u0131r. S\u0131ra d\u0131\u015f\u0131 bu i\u015f i\u00e7in maksimum yat\u0131r\u0131m getirisini garanti eder.<\/p>\n

7. Tam Ekran Videolar<\/h4>\n

\u015eimdilerde, WordPress geli\u015ftiricileri WordPress sitelerine video entegre etmeye ba\u015flad\u0131lar. Bu teknik tamamen HTML5 video ve ses deste\u011fi ile HTML5 ortam \u00f6zellikleri taraf\u0131ndan desteklenmektedir. G\u00f6rsel olarak yaratt\u0131klar\u0131 gibi video\u00a0i\u00e7eri\u011finin fikri ne zaman WordPress web sitesi geli\u015ftirme ve online trafik i\u00e7in olduk\u00e7a hayati bir \u00f6nem ta\u015f\u0131maktad\u0131r. Kolayl\u0131kla videolar arac\u0131l\u0131\u011f\u0131 ile mesajlar iletmek ve g\u00fc\u00e7l\u00fc \u00e7evrim i\u00e7i varl\u0131\u011f\u0131n\u0131 olu\u015fturman\u0131za yard\u0131mc\u0131 olur. Son ara\u015ft\u0131rmalar yakla\u015f\u0131k 100 milyon kullan\u0131c\u0131ya g\u00f6nderme ve her saniye YouTube yorumlan\u0131rken payla\u015f\u0131labilece\u011fini de g\u00f6stermektedir.<\/p>\n

8. Flat Tasar\u0131mlar<\/h4>\n

Flat tasar\u0131mlar web sitelerinin dengesini korumak i\u00e7in\u00a0skeuomorphic tasar\u0131mlar\u0131n\u0131n farkl\u0131 tonlar\u0131 dahil edilmi\u015ftir. G\u00f6r\u00fcnt\u00fc veya renk yard\u0131m\u0131 ile degrade bir ka\u00e7 g\u00f6lge ile mesajlar\u0131 net ve navigasyonu daha kolay hale getirmek i\u00e7in kullan\u0131labilir. \u00a0Flat tasar\u0131mlar son derece zor rakiplerinden karma\u015f\u0131k web sitelerinde gezinmeyi bulabilirsiniz, \u00f6zellikle sitenize kullan\u0131c\u0131 \u00e7ekmek ad\u0131na.<\/p>\n

9. Etkili Fontlar<\/h4>\n

En iyi yaz\u0131 tiplerini kullanarak baz\u0131 dramatik web sitelerinin tasar\u0131mlar\u0131n\u0131 ve profesyonelliklerini geli\u015ftirebilirsiniz. Google font kullan\u0131m\u0131 hakk\u0131nda nas\u0131ls\u0131n\u0131z? Sizler WordPress sitelerinde Google yaz\u0131 fontlar\u0131n\u0131 kullanmak istiyorsan\u0131z, \u00a0teman\u0131z\u0131n style.css dosyas\u0131na bir kod eklemeniz gerekir. Bu eklentiyi kullanarak b\u00fcy\u00fck bir avantaj ile, olduk\u00e7a d\u00fczg\u00fcn ve do\u011frudan herhangi bir CSS ile de\u011fi\u015ftirebilir ve farkl\u0131 yaz\u0131 tipleri ile \u00e7al\u0131\u015fman\u0131za izin verir. Ayr\u0131ca, Google yaz\u0131 tipleri ile istedi\u011finiz herhangi bir kodu de\u011fi\u015ftirmenize zorunlulu\u011funuz olmadan siteniz \u00fczerinde deneme yaparak yaz\u0131 tiplerinizi de\u011fi\u015ftirebilirsiniz. Google yaz\u0131 tipleri ile \u00e7al\u0131\u015fmak hakk\u0131nda iyi yanlar\u0131ndan biri herhangi bir taray\u0131c\u0131 ile herhangi bir makine \u00fczerinde Google dizin i\u015flevine eri\u015filebiliyor olmas\u0131d\u0131r. Google yaz\u0131 fontlar\u0131 sitenin okuyucular\u0131n\u0131n \u00e7\u0131karlar\u0131n\u0131 yakalaman\u0131za yard\u0131mc\u0131 olacakt\u0131r. Ancak, iyi bir uyguulama olarak, belirli bir WordPress sitesinin tasar\u0131m\u0131 i\u00e7in \u00e7ok say\u0131da yaz\u0131 tipi kullanmay\u0131n. Bir web sitesinde \u00e7ok yaz\u0131 tipi kullan\u0131m\u0131 g\u00f6rsel sorunlar\u0131 ortaya \u00e7\u0131karabilir.<\/p>\n

10. Tek Sayfa Site Tekni\u011fi<\/h4>\n

Siz kullan\u0131c\u0131 deneyimini geli\u015ftirmek ve insanlar\u0131n h\u0131zl\u0131 bir \u015fekilde web sitenizde ihtiya\u00e7lar\u0131 olan \u015feyleri kolayl\u0131kla bulabilmelerine yard\u0131mc\u0131 olmak istiyorsan\u0131z, o zaman tek sayfa tekni\u011fi m\u00fckemmel olacakt\u0131r. \u00a0Tek sayfa web sayfas\u0131, veya \u00fcr\u00fcn sayfas\u0131 hakk\u0131nda b\u00f6yle Anasayfa olarak farkl\u0131 sayfalara kullan\u0131c\u0131lar\u0131 y\u00f6nlendirmek yerine tek bir \u00e7at\u0131 alt\u0131nda t\u00fcm bilgiler s\u0131\u011facakt\u0131r. Bu her zaman kullan\u0131c\u0131lar\u0131n tek bir at\u0131\u015f ile farkl\u0131 sayfa b\u00f6l\u00fcmlerini g\u00f6rmek ad\u0131na yard\u0131mc\u0131 olabilecek bir fikirdir. Daha fazla i\u015f i\u00e7in masa\u00fcst\u00fc bilgisayarlar ve ayn\u0131 zamanda mobil ve tablet ile kendi web varl\u0131\u011f\u0131n\u0131z i\u00e7in istekli gibi tek sayfal\u0131k sitesi takti\u011fi pop\u00fclerlik kazanmaya devam ediyor. Ayr\u0131ca tek sayfa web sitelerini tasarlatmak daha ucuzdur.<\/p>\n

11. \u00d6nbellek Kullan\u0131m\u0131<\/h4>\n

Genellikle WordPress birden fazla kullan\u0131c\u0131y\u0131 ayn\u0131 sayfay\u0131 izlerken sunucu bu sayfalar\u0131 i\u015fler. Bu veritaban\u0131n dan ba\u015fl\u0131\u011f\u0131 ve i\u00e7eri\u011fi kurtarmay\u0131 i\u00e7erir. Ancak bu di\u011fer s\u00fcre\u00e7leri etkileyebilir. Bu nedenle her istek i\u00e7in sayfa \u00fczerinde i\u015flem yerine statik bir versiyonu\u00a0g\u00f6r\u00fcnt\u00fclemek i\u00e7in en iyisidir. Bu ba\u011flamda, y\u00fcksek CSS, JavaScript dosyalar\u0131n\u0131 HTML t\u00fcm beyaz\u00a0alan\u00a0Minification \u00f6zellikleri sunuyor ve kald\u0131r\u0131labilir W3 toplam \u00f6nbelle\u011fi eklentisi kullanmak ve dosyalar\u0131 daha h\u0131zl\u0131 y\u00fcklemek i\u00e7in tavsiye edilir.<\/p>\n

12. B\u00fcy\u00fck Arkaplan Resimleri<\/h4>\n

Tam arkaplan resmi eklemek belki sitenizin farkl\u0131 g\u00f6r\u00fcnmesini sa\u011flamak i\u00e7in en iyi bir yoldur. Bu iki \u00f6nemli grafik bile\u015fenleri ziyaret\u00e7ilerin genellikle arka plan\u0131 ve ba\u015fl\u0131\u011f\u0131 not and\u0131\u011f\u0131n\u0131 g\u00f6sterir. Bu tasar\u0131m stretejisi ve minimalist bir tasar\u0131ma benzer. en \u00f6nemlisi farkl\u0131 cihazlar, taray\u0131c\u0131lar ve ekran \u00e7\u00f6z\u00fcn\u00fcrl\u00fckleri i\u00e7in g\u00f6r\u00fcnt\u00fclerin \u00f6l\u00e7eklenme boyutlar\u0131n\u0131 da d\u00fc\u015f\u00fcnmelisiniz.<\/p>\n

13. Temel\u00a0Unsurlar ile \u0130n\u015fa Edin<\/h4>\n

Birka\u00e7 WordPress se\u00e7tikten sonra, web sitenizin i\u015flevini geli\u015ftirmek i\u00e7in a\u015fa\u011f\u0131daki temel yap\u0131land\u0131rmalar\u0131 d\u00fc\u015f\u00fcn\u00fcn.<\/p>\n

14. Tasar\u0131m Kal\u0131c\u0131 Ba\u011flant\u0131lar\u0131<\/h4>\n

RSS okuyucular\u0131 ve arama motorlar\u0131na URL \u00e7ok dost\u00e7a yapmak i\u00e7in, kal\u0131c\u0131 ba\u011flant\u0131lar\u0131n yap\u0131s\u0131n\u0131 etkinle\u015ftirmek i\u00e7in %postname% ekleyin.<\/p>\n

15. Aksimeti Ba\u015flat<\/h4>\n

E\u011fer siz makale yorumlar\u0131na izin verdiyseniz ve spam yorumlar\u0131 alg\u0131lamak istiyorsan\u0131z, Aksimet denilen en pop\u00fcler arac\u0131 kullan\u0131n. Yapman\u0131z gereken, onu etkinle\u015ftirerek API anahtar\u0131 olu\u015fturman\u0131z.<\/p>\n

16.De-activate Yorumlar<\/h4>\n

E\u011fer do\u011frudan gelen yorumlara izin vermek istemiyorsan\u0131z,<\/p>\n