e
sv

Sıfırdan WordPress Tema Yapımı

Sıfırdan Wordpress Tema Yapımı
avatar

Yazılım Method

  • e 0

    Mutlu

  • e 2

    Eğlenmiş

  • e 1

    Şaşırmış

  • e 0

    Kızgın

  • e 0

    Üzgün

İçindekiler

WordPress, günümüzde kullanılan en popüler içerik yönetim sistemlerinden birisidir. WordPress esasında blog sistemi olarak geliştirilmiştir. Ancak açık kaynak kodlu olması, yazılım çekirdeğinin sürekli olarak güncellendiği, ücretsiz birçok tema ve eklentinin olması, oldukça esnek bir yapıya sahip olması sebebiyle farklı alanlarda web sitelerinin alt yapısını oluşturabilmektedir.

WordPress sisteminin sektördeki yeri ve önemi her geçen gün artmaktadır. Özellikle tema ve eklenti açısından oldukça geniş bir yelpazeye sahip olması dolayısıyla, web geliştiricilerinin yükü WordPress ile bir hayli hafiflemektedir. Ancak yine de bu hazır temaların ve eklentilerin yetersiz görüldüğü, istenileni karşılamadığı durumlarda projeye özel temaların kodlanması ihtiyacı duyulabilmektedir. Özellikle piyasada hazır olarak bulunan temaların birçoğunda projenizde kullanmayacağınız ancak siteye ekstra yük binmesine sebep olacak özellikler olabilir. Ancak eğer kendi projeniz özelinde bir tema kullanırsanız, bu gereksiz yüklerin hiçbirine sahip olmazsınız.

İlk bakışta kendi projenize özel bir WordPress teması kodlamanın zor ve yorucu bir süreç gibi göründüğünün farkındayız. Ancak sitenizin daha hızlı ve performanslı aynı zamanda istediğiniz özellikte esnek ve geliştirilebilir yapıda olması avantajları göz önüne alındığında, kendi temanızı geliştirme fikri çok daha mantıklı gelmektedir.

Projenize özel bir WordPress tema kodlayabilmek için HTML ve CSS dillerine hâkim olmanız aslında yetecektir. Ancak daha dinamik ve esnek temalar geliştirmek istiyorsanız en azından PHP yazılım dilini de orta düzeyde bilmeniz gerekebilir.

sıfırdan wordpress tema yapımı
sıfırdan wordpress tema yapımı

Neden WordPress Tema Geliştirmelisiniz?

Eğer bir web site projeniz varsa bunun için kendinize WordPress içerik yönetim sistemini tercih ederek büyük kolaylık sağlamış olacaksınız. Şu anda web sektöründeki büyük bir çoğunluğun da sizinle aynı düşüncelere sahip olduğunu ve projelerini WordPress çekirdeği üzerinde geliştirdiğini unutmamalısınız. Peki, projeniz için neden WordPress tema geliştirmelisiniz?

  • Projenizin yapısına göre istediğiniz ara yüze tasarımına, işlevsel uygulamaları içeren bir tema oluşturabilirsiniz.
  • İhtiyacınız olmayan özellikler web sitenizin yapısında yer almadığından çok daha hızlı ve performanslı bir web sitesine sahip olursunuz.
  • WordPress çekirdeğinin SEO ile mükemmel uyumundan faydalanarak arama motorlarında üst sıralarda yer alırsınız.
  • Piyasada bulunan ücretli temalara büyük bütçeler ayırmanız gerekmez.
  • Kendinizi HTML, CSS ve hatta PHP yazılım dillerinde geliştirebilirsiniz.

WordPress Tema Yapımı için Gerekenler

Projenize özel bir tema geliştirebilmek için bazı gereksinimleri yerine getirmeniz gerekir. Bunlar;

  • Direkt orijinal web site dosyaları üzerinde çalışma yapmak yerine lokal sunucuda çalışma yapmak her zaman önerilir. Bu yüzden XAMMP, WampServer gibi bir lokal sunucu edinmelisiniz.
  • Yerel sunucuya kendi proje dosyalarını içeren WordPress yedeğini veya sıfırdan WordPress kurulumu yapmalısınız.
  • Kodları yazabilmek için bir VSCode, Atom, Notepad++ gibi IDE kurulumu yapmanızda fayda var.

WordPress Tema Yapısını Oluşturma

WordPress tema yapısını oluşturmak için çekirdek dosyalar arasında bulunan “Themes” klasörünü kullanmak gerekir. HTML, CSS ve PHP dillerini kullanarak bu dosya içerisinde; Style.css, Headher.php, Footer.php, Index.php dosyalarını oluşturarak kendi temanızı yapmaya başlayabilirsiniz.

Temanızı oluştururken çok daha detaylı tema yapılarına ulaşmak ve daha dinamik yapılar oluşturabilmek için PHP dilini nasıl kullanabileceğiniz hakkında bilgi almak için WordPress’in resmi rehberlerinden de destek alabilirsiniz.

WordPress Tema Yapımı için PHP Kodları

WordPress için sık kullanılan php kodlarını sizin için listeledik bu kodların işinize yarayacağından çok eminim 🙂

1. get_theme_mod()

Geçerli tema için tema değiştirme değerini alın.

2. add_setting()

Özelleştirme ayarı ekleyin.

4. application_filters()

Filtre kancasına eklenen işlevleri çağırın.

5. esc_attr()

HTML nitelikleri için kaçış.

6. get_option()

Bir seçenek adına dayalı olarak bir seçenek değeri alır.

7. esc_url()

Bir URL’yi kontrol eder ve temizler.

8. esc_html()

HTML blokları için kaçış.

9. _e ()

WordPress’te, php dosyalarındaki dizeler, diğer dillere çevrilmek ve iki işlev kullanılarak yerelleştirme için işaretlenir: __() ve _e().

10. eşiğinde()

Bir değeri negatif olmayan tam sayıya dönüştürün.

11. get_template_part()

Bir şablona bir şablon parçası yükler.

12. tekil()

Herhangi bir gönderi türünden (gönderi, ek, sayfa, özel gönderi türleri) mevcut tek bir gönderi için sorgu var mı?

13. get_post_type()

Geçerli gönderinin veya belirli bir gönderinin gönderi türünü alır.

14. get_the_ID()

WordPress Döngüsündeki geçerli öğenin kimliğini alın.

15. the_content()

Gönderi içeriğini görüntüleyin.

16. have_posts()

Mevcut WordPress sorgusunun döngüye alınacak sonuçları olup olmadığı.

17. post_class()

Div sonrası için sınıfları görüntüleyin.

18. get_comments_number()

Bir gönderinin sahip olduğu yorum miktarını alır.

19. the_ID()

Geçerli öğenin kimliğini WordPress Döngüsü’nde görüntüleyin.

20. is_single()

Sorgu mevcut tek bir gönderi için mi?

21. get_permalink()

Geçerli gönderi veya gönderi kimliği için tam kalıcı bağlantıyı alır.

22. get_the_title()

Gönderi başlığını alın.

23. admin_url()

Geçerli site için yönetici alanının URL’sini alır.

24. add_section()

Özelleştirme bölümü ekleyin.

25. is_home()

Sorgunun blog ana sayfası için olup olmadığını belirler.

26. get_sidebar()

Kenar çubuğu şablonunu yükleyin.

27. get_footer()

Altbilgi şablonunu yükleyin.

28. is_customize_preview()

Sitenin Özelleştirici’de önizlenip görüntülenmediği.

29. wp_nav_menu ()

Bir gezinme menüsü görüntüler.

30. the_title()

İsteğe bağlı işaretleme ile mevcut gönderi başlığını görüntüleyin veya alın.

31. current_user_can()

Mevcut kullanıcının belirli bir yeteneğe sahip olup olmadığı.

32. is_active_sidebar()

Kenar çubuğunun kullanımda olup olmadığı.

33. wp_link_pages()

Bir sayfa listesinin biçimlendirilmiş çıktısı.

34. get_the_time()

Gönderinin yazıldığı saati alın.

35. get_the_date()

Gönderinin yazıldığı tarihi alın.

36. the_permalink()

Geçerli gönderi için kalıcı bağlantıyı görüntüler.

37. the_post()

Döngüdeki gönderi dizinini yineleyin.

38. esc_attr_e ()

Bir öznitelikte güvenli kullanım için çıkış yapılan çevrilmiş metni görüntüleyin.

39. is_front_page()

Sorgu sitenin ön sayfası için mi?

40. blog bilgisi ()

Geçerli siteyle ilgili bilgileri görüntüler.

41. yorumlar_open()

Mevcut gönderinin yoruma açık olup olmadığı.

42. post_password_required()

Gönderinin şifre gerektirip gerektirmediği ve doğru şifre sağlandı.

43. has_post_thumbnail()

Gönderinin eklenmiş bir resmi olup olmadığını kontrol edin.

44. get_bloginfo ()

Geçerli site hakkında bilgi alır.

45. get_post_format()

Bir gönderi için biçim bilgisini alın

46. ​​dinamik kenar çubuğu()

Dinamik kenar çubuğunu görüntüleyin.

47. is_search()

Sorgu bir arama için mi?

48. ana_url()

Ön ucun erişilebilir olduğu geçerli sitenin URL’sini alır.

49. yorumlar_şablon()

$file içinde belirtilen yorum şablonunu yükleyin.

50. add_theme_support()

Belirli bir özellik için tema desteğini kaydeder.

51. add_query_arg()

Değiştirilmiş bir URL sorgu dizesi alır.

52. has_nav_menu()

Kayıtlı bir gezinme menüsü konumunun kendisine atanmış bir menü olup olmadığını belirler.

53. is_wp_hata()

Değişkenin bir WordPress Hatası olup olmadığını kontrol edin.

54. get_the_author_meta()

Geçerli gönderinin yazarının istenen verilerini alır.

55. edit_post_link()

Gönderi için gönderiyi düzenle bağlantısını görüntüler.

56. is_admin()

Geçerli isteğin bir yönetim arabirimi sayfası için olup olmadığı.

57. alıntı()

Gönderi alıntısını görüntüleyin.

58. wp_get_attachment_image_src()

Bir eki temsil edecek bir resim alın.

59. _x()

Gettext bağlamıyla çevrilmiş dizeyi alın.

60. dil_attributes()

Html etiketinin dil özelliklerini görüntüler.

61. body_class()

Gövde öğesi için sınıfları görüntüleyin.

62. add_filter()

Bir işlevi veya yöntemi belirli bir filtre eylemine bağlayın.

63. is_page()

Sorgu mevcut tek bir sayfa için mi?

64. register_sidebar()

Tek bir kenar çubuğu için tanım oluşturur ve kimliği döndürür.

65. get_the_category_list()

Bir gönderi için kategori listesini HTML listesinde veya özel biçimde alın.

66. get_the_tag_list()

Dize olarak biçimlendirilmiş bir gönderi için etiketleri alın.

67. esc_attr_x()

Dizeyi gettext bağlamıyla çevirin ve bir öznitelikte güvenli kullanım için bundan kaçar.

68. get_setting()

Seçeneğe göre değer alın. (Bunun yerine get_option() kullanın.)

69. add_action()

Bir işlevi belirli bir eyleme bağlar.

70. have_comments()

Döngü için yorum olup olmadığı.

71. is_arşiv()

Sorgu mevcut bir arşiv sayfası için mi?

72. wp_list_comments()

Yorumları listeleyin.

73. wp_enqueue_style()

Bir CSS stil sayfasını kuyruğa alın.

74. set_geçici()

Bir geçici olayın değerini ayarlayın/güncelleyin.

75. wp_enqueue_script()

Bir betiği kuyruğa alın.

76. get_search_form()

Arama formunu görüntüleyin.

77. get_post_thumbnail_id()

Küçük resim kimliğini alın.

78. get_transient()

Bir geçici durumun değerini alın.

79. the_post_thumbnail()

Gönderinin küçük resmini görüntüleyin.

80. get_search_query()

Arama WordPress sorgu değişkeninin içeriğini alır.

81. add_partial()

82. get_the_modified_date()

Gönderinin en son değiştirildiği tarihi alın.

83. get_author_posts_url()

Sağlanan kimliğe sahip kullanıcı için yazar sayfasının URL’sini alın.

84. wp_footer()

wp_footer eylemini başlatın.

85. wp_head()

wp_head eylemini başlatın.

86. get_the_post_thumbnail()

Gönderinin küçük resmini alın.

87. yorum_formu()

Bir şablon içinde kullanım için eksiksiz bir yorum formu çıktısı verir.

88. sayı_format_i18n()

Kayan sayıyı yerel ayara göre biçime dönüştürün.

89. get_header()

Başlık şablonunu yükleyin.

90. the_posts_pagination()

Uygun olduğunda, sonraki/önceki gönderi grubuna sayfalandırılmış bir gezinme görüntüler.

91. register_nav_menus()

Bir tema için gezinme menüsü konumlarını kaydeder.

92. wp_die ()

WordPress yürütmesini sonlandırın ve HTML mesajını hata mesajıyla görüntüleyin.

93. wp_reset_postdata()

Ayrı bir sorguda döngü yaptıktan sonra, bu işlev $post global öğesini ana sorgudaki geçerli gönderiye geri yükler.

94. load_theme_textdomain()

Temanın çevrilmiş dizelerini yükleyin.

95. get_queried_object_id()

Geçerli sorgulanan nesnenin kimliğini alın.

96. esc_url_raw()

Veritabanı kullanımı için esc_url() işlevini gerçekleştirir.

97. the_archive_title()

Sorgulanan nesneye göre arşiv başlığını görüntüleyin.

98. add_image_size()

Yeni bir görüntü boyutu kaydedin.

99. get_theme_file_uri()

Temadaki bir dosyanın URL’sini alır.

100. get_stylesheet_uri()

Geçerli tema stil sayfasının URI’sini alır.

Sıradaki içerik:

Sıfırdan WordPress Tema Yapımı