Wordpress

WordPress Ücretsiz Tema 10 Adet Bedava WP Tasarımları

WordPress ücretsiz tema tamamen özgünce, seo uyumlu olarak kodlanmıştır. WordPress temaları html,css ve php yardımıyla birlikte rahatlıkla düzenlenip, sıfırdan oluşturulabilmektedir. Hazır wordpress temalarını kod yardımıyla birlikle istediğiniz şekilde düzenleyebilirsiniz. Tema yapmak veya düzenlemek için html, css ve php gibi kodlama dillerine hakim olmanız gerekir. Web tasarım alanında bu tarz kodlama dillerine öğrenmek için görsel ve yazılı kaynaklar bulabilirsiniz. Artık internetin ve teknolojinin yaygınlaşmasıyla birlikte öğretici tarzda ders kaynaklarına çokça rastlayabilirsiniz.

WordPress Ücretsiz Tema Seçerken Nelere Dikkat Edilmelidir ?

+Wordpress teması seçerken bazı kriterlere dikkat etmeniz gerekir. Özellikle günümüzde arama motoru optimizasyonu web siteleri için oldukça önemlidir. Google gibi arama motorlarında üst sıralarda çıkmak her web site sahibinin arzusudur. WordPress ücretsiz tema kullanmadan önce temanın seo uyumlu olmasına dikkat etmelisiniz. Aslında wordpress tema sitenizin iç seo’sunu oluşturan kriterlerden biridir.

+Seo haricinde temanın tüm cihazlara uyumlu olması elzemdir. Çünkü günümüzde telefon ve tablet kullanımı oldukça fazlalaşmıştır. Artık her evde muhakkak ya telefon ya da tablet bulunuyor. Tablet ve telefondan internete erişim sağlayan hatırı sayılır sayıda bir kitle mevcuttur. O yüzden wordpress temalarının responsive veya mobil uyumlu olup olmadığını kontrol edin.

[affiliate_news id=”1522″]

+Eski kodlamaya sahip temaları kullanmayın. HTML5 ve CSS3 ile kodlanmış temaları tercih edin. Mazide kalan temaları kullanmanız size fayda sağlamaz. Bunun haricinde kullanıcının göz zevkini köreltecek, anında çıkış yapmasını sağlayacak temaları tercih etmeyin.

+Hız artık en önemli kurallardan biridir. Temanızın hızlı ve akıcı bir deneyim sunması gerekir. Kullanıcı odaklı ve hızlı açılan sayfalar arama motorları tarafından oldukça sevilir.

WordPress Ücretsiz Tema

WordPress Türkçe ve ücretsiz olarak sunulan temalar yukarıdaki kriterlere uyularak kodlanmıştır. Tamamen ücretsizdir. Tema üzerinde düzenleme yapmak isteyenler istediği şekilde düzenleme yapabilir. Temalar ücretsiz olarak wordpress kullanıcılarına sunulmuştur.

1-ColorMag

wordpress ücretsiz tema

[button url=”https://colormag.themegrill.com/” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://themegrill.com/themes/colormag/” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

2-Hueman

hueman-wordpress-teması

[button url=”https://wordpress.org/themes/hueman/” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/hueman.3.3.25.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

3-HitMag

hitmag-wordpress-temaları

[button url=”https://wp-themes.com/hitmag” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/hitmag.1.1.2.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

4-News Portal

news-portal-wordpress-teması

[button url=”https://wp-themes.com/news-portal” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/news-portal.1.1.1.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

5-MH Magazine Lite

mh-magazine-lite-wordpress-teması

[button url=”https://wp-themes.com/mh-magazine-lite” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/mh-magazine-lite.2.7.5.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

6-Magazine Hoot

magazine-hoot-wordpress-teması

[button url=”https://wp-themes.com/magazine-hoot” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/magazine-hoot.1.4.0.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

7-Eggnews

eggnews-wordpress-tema

[button url=”https://wp-themes.com/eggnews” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/eggnews.1.4.4.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

8-Royal Magazine

royal-magazine-wordpress-teması

[button url=”https://wp-themes.com/royal-magazine” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/royal-magazine.1.1.0.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

9-Hestia

hestia-wordpress-teması

[button url=”https://wp-themes.com/hestia” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/hestia.1.1.59.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

10-Mesmerize

mesmerize-wordpress-teması

[button url=”https://wp-themes.com/mesmerize” target=”_blank” size=”btn-large” color=”#1e73be”]Demo[/button] [button url=”https://downloads.wordpress.org/theme/mesmerize.1.1.3.zip” target=”_blank” size=”btn-large” color=”#dd9933″]İndir[/button]

İlgili Makaleler

3 Yorum

  1. selamlar, web siteniz sayesinde çok şey öğrendim size öncelikle çok teşekkür ederim. benim size bir sorum olacaktı. wordpresste menümü şekillendirmeye çalışıyorumda daha doğrusu shifdelete tarzı bir menü yapmak istiyorum. bunun için ilk olarak menü ayarlarından ilgili menüye css kodunu verdim. m-kategori1 şeklinde falan daha sonra css kısmından .m-kategori1 {
    border-bottom: solid 5px #F06E5A;
    }

    bunu yazdım. bunu yaptığımda evet menünün alt kısmı shift deletedeki gibi oldu ama menünün üzerine mouse ile gelince renk alması olayı için gerekli css kodlarını bulamadım. bana bu konuda yardım edebilir misiniz? kodları verseniz ben hepsine teker teker yapabilirim.

    1. öncelikle teşekkür ederim. wordpress ile ilgili inşallah daha geniş kapsamlı paylaşımlara yer vereceğim. sorunuza gelecek olursak. .m-kategori1 id’sine a:hover { background: #F06E5A; } kodu verdiğinizde mouse ile üzerine gelince istediğiniz renk olur.

      örneğin; .m-kategori1 a:hover { background: #F06E5A; }

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu