WordPress Tema Nasıl Yapılır

WordPress Tema

Temanın Görünür olması için iki temel dosya olması lazım

  • index.php
  • style.css

Tema Detaylarını style.css içerisine yorum olarak en başa ekliyoruz

/*
Theme Name: BanzHow
Theme URI: http://zerdasoftware.com/themes/benzhow/
Author: By Zerda Software team
Author URI: http://zerdasoftware.com
Description: Minimal WordPress Theme BanzHow
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: benzhow
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready

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.
*/

HTML ile oluşturduğumuz temanın ekran görüntüsünü alıp screenshot.png adında tema dosyasına ekliyoruz. Bu şekilde temanın görünen resmi oluşacaktır. Resim Boyutu 1200 pixel-900pixel olmalı

Template Hierarchy Kavramı

REFERANS KAYNAKLAR

  1. https://codex.wordpress.org/
  2. https://developer.wordpress.org/
  3. https://developer.wordpress.org/themes/basics/template-hierarchy/
  4. https://codex.wordpress.org/Functions_File_Explained
  5. https://developer.wordpress.org/themes/basics/including-css-javascript/
  6. https://github.com/wp-bootstrap/wp-bootstrap-navwalker
  7. https://getbootstrap.com/docs/4.3/getting-started/introduction/#starter-template
  8. https://developer.wordpress.org/themes/template-files-section/page-template-files/
Functions.php

wordpresse ekstra davranışlar, özelikler ve fonksiyonlar ekleyebiliriz. Ve ayrıca en önemli özeliği style ve javascript dosyalarını eklemek için kullanılır

<?php  

function remove_admin_bar(){
    show_admin_bar(false);
}
add_action('after_setup_theme','remove_admin_bar')

?>
function tehemeName_scripts(){
    wp_enqueue_style( 'styleName', get_template_directory_uri() . '/css/slider.css', array(), '1.1', 'all');
}
header.php
 <?php  wp_head();?>
footer.php
  <?php  wp_footer();?>
index.php
<?php  get_header();?>
<?php  get_footer();?>
Dinamik menü ekleme
require_once('class-wp-bootstrap-navwalker.php');

function register_my_menu(){
    register_nav_menu('primary',__('Primary Menu'));
}
add_action('init','register_my_menu');

Leave a Reply