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');

www.cihancalli.com.tr Adresindeki WordPress Yazıları