Wordpress Tema Oluşturmak İçin En Temel Dosyalar

Öncelikle WordPress'i kurduğumuz dizine gelerek wp-content>themes giriyoruz.

Burası temaların olduğu bölümdür.

Burada yeni bir klasör açacağız. Bu isim temamızın ismi olmuş olacak.

Ben forumlogs.com açtım.

WordPress tema oluşturmak için olmazsa olmaz olan iki dosya vardır:

  1. index.php – ana şablon dosyası
  2. style.css– ana style dosyası

Bu iki dosya ile tema oluşturabiliriz fakat gerçek bir tema oluşturmak için bu dosyalardan daha fazlasına ihtiyaç duyarız.

Bu dosyalar ise

  • Şablon dosyaları
  • CSS dosyaları
  • JavaScript dosyaları
  • Çeviri Dosyaları
  • readme.txt lisans ve değişiklerin rapor edildiği dosya

Öncelikle olmazsa olmaz dediğimiz dosyalar ile başlayalım.

style.css

style.css normal css dosyasından ekstra olarak en başta şunları içermek zorundadır.

Örneğin

/*
Theme Name: Forumlogs.com 
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Berkan Çetinkaya
Author URI: https://forumlogs.com/u/Berkan/
Description: forumlogs.com teması, "Wordpress Tema Geliştirme Kayıp Rehberi" kitabında örnek olarak kullanılan temadır.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forumlogs.com
Tags: one-column
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Yıldız ile işaretlenmiş olanlar WordPress Tema Dizininde yayınlanması için doldurulması zorunlu olan alanlardır.

  • Theme Name(*): Name of the theme.
  • Theme URI: The URL of a public web page where users can find more information about the theme.
  • Author(*): The name of the individual or organization who developed the theme. Using the Theme Author’s wordpress.org username is recommended.
  • Author URI: The URL of the authoring individual or organization.
  • Description(*): Temanın kısa tanımı
  • Version(*): Temanın versionu
  • License(*): Temanın lisansı
  • License URI(*): Temanın lisans URL'si
  • Text Domain(*): Çevirmek için kullanıcak isim
  • Tags: Kullanıcıların temaları bulması için kullanabilecek etiketler. Kullanabileceğiniz etiketlerin tablosu bakmak için

index.php

İndex.php şuan hiç bir görev yapmayan statik bir html dosyasından ibaret.

<!DOCTYPE html>
<html lang="tr">
    <head>
        <title> Forumlogs.com </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

    </head>
    <body>
        <h1> Forumlogs.com </h1>

    </body>
</html>

Oluşturduğumuz Temayı Seçme İşlemi

Temalar kısmından oluşturduğumuz temayı seçebiliriz. Gördüğünüz gibi style.css dosyasına yazdığımız bilgiler burada gözükmekte.

Temayı aktif ettikten sonra siteyi ziyaret ettiğimizde anasayfa da h1 olarak yazdığımız forumlogs.com çıktı.

Tema oluşturmak için en temel dosyaları oluşturmuş bulunmaktayız.

Bu dersteki kodları github'ta bulabilirsiniz.

results matching ""

    No results matching ""