Sıfırdan Wordpress Tema Yapımı

Merhaba, video'da anlattığım ihtiyacınız olan dosyalar ve programların listesi aşağıdadır.

İhtiyaç Listesi

• Favori kod editörünüz (Dreamweaver, Sublimetext, Coda vb.)
• Son sürüm Wordpress dosyaları - https://tr.wordpress.org/txt-download/
• XAMPP - https://www.apachefriends.org/tr/download.html
• Html Tema Dosyalarınız - Aşağıdaki linkten indirebilirsiniz.

functions.php dosyanıza eklemeniz gereken kod aşağıdadır;

/*acf*/
add_filter('acf/settings/path', 'my_acf_settings_path');
 
function my_acf_settings_path( $path ) {
    $path = get_stylesheet_directory() . '/inc/acf/';
    return $path;
}

add_filter('acf/settings/dir', 'my_acf_settings_dir');
 
function my_acf_settings_dir( $dir ) {
    $dir = get_stylesheet_directory_uri() . '/inc/acf/';
    return $dir;
    
}

//add_filter('acf/settings/show_admin', '__return_false');

include_once( get_stylesheet_directory() . '/inc/acf/acf.php' );

if( function_exists('acf_add_options_page') ) {

acf_add_options_page(array(
'page_title' => 'Site Ayarları',
'menu_title' => 'Site Ayarları',
'menu_slug' => 'site-ayarlari',
'capability' => 'manage_options',
'redirect' => false
));


acf_add_options_page(array(
'page_title' => 'Ana Sayfa Ayarları',
'menu_title' => 'Ana Sayfa Ayarları',
'menu_slug' => 'anasayfa-ayarlari',
'parent_slug' => 'site-ayarlari',
'capability' => 'manage_options',
'redirect' => false
));


}

kullanmış olduğumuz bileşenin dökümantasyon sayfası; https://www.advancedcustomfields.com/resources/

functions.php dosyanıza yeni içerik tipini oluşturmak için eklemeniz gereken kod;

/*tipler ve taksonomiler*/
add_action( 'init', 'icerik_tipi' );
function icerik_tipi() {

$labels = array(
"name" => __( 'Hizmetler', 'stuka' ),
"singular_name" => __( 'hizmet', 'stuka' ),
"menu_name" => __( 'Hizmetler', 'stuka' ),
"all_items" => __( 'Tüm Hizmetler', 'stuka' ),
"add_new" => __( 'Yeni Hizmet Ekle', 'stuka' ),
"add_new_item" => __( 'Yeni Hizmet Ekle', 'stuka' ),
"edit_item" => __( 'Düzenle', 'stuka' ),
"new_item" => __( 'Yeni Hizmet Ekle', 'stuka' ),
"view_item" => __( 'Hizmeti Gör', 'stuka' ),
"search_items" => __( 'Hizmet Ara', 'stuka' ),
"not_found" => __( 'Hizmet Bulunamadı', 'stuka' ),
"not_found_in_trash" => __( 'Çöpte Bulunamadı', 'stuka' ),
);

$args = array(
"label" => __( 'Hizmetler', 'stuka' ),
"labels" => $labels,
"description" => "",
"public" => true,
"show_ui" => true,
"show_in_rest" => false,
"rest_base" => "",
"has_archive" => true,
"show_in_menu" => true,
"exclude_from_search" => false,
"capability_type" => "post",
"map_meta_cap" => true,
"hierarchical" => true,
"rewrite" => array( "slug" => "hizmet", "with_front" => true ),
"query_var" => true,
"menu_position" => 3,"menu_icon" => "dashicons-clipboard",
"supports" => array( "title", "editor", "thumbnail", "comments" ),
);
register_post_type( "hizmet", $args );

} 

style-login.php sayfasına yapıştırmanız gereken kod;

<?php $site_logosu = get_field('site_logosu', 'option'); 
  $site_girisi = get_field('giris_fotografi', 'option');

?>
<style type="text/css">
.login h1 a {
background-image: url(<?php echo $site_logosu['url']; ?>) !important;
width:100% !important;
background-size: contain !important;
background-position: center center;
background-color:transparent;
}

.login {
background-color: transparent;
background-image: url(<?php echo $site_girisi['url']; ?>) !important;
background-position: center center;
background-size:cover;
}

#loginform, #registerform, #lostpasswordform, #resetpassform {

background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0,0,0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
}

#nav {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0,0,0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
}

#backtoblog {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0,0,0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
}

.login #backtoblog a, .login #nav a, .login a {
    color: rgba(255, 255, 255, 1) !important;
line-height:40px;
}
.login #backtoblog a:hover, .login #nav a:hover, .login a:hover {
    color: rgba(255, 255, 255, 1) !important;
}
.login #backtoblog a:active, .login #nav a:active, .login a:active {
    color: rgba(255, 255, 255, 1) !important;
}
.login, .login form label, .login form, .login #login_error, .login .message {
    color: rgba(255, 255, 255, 1) !important;
}
.login.wp-core-ui .button-primary {
    background-color: rgba(244, 82, 70, 1);
border:none;
  background: rgba(244, 82, 70, 1);
  text-shadow:none;
  box-shadow:none;
}
.login.wp-core-ui .button-primary:hover, .login.wp-core-ui .button-primary:focus {
    background-color: rgba(24, 179, 220, 1);
border:none;
}
.login.wp-core-ui .button-primary {
    color: rgba(255, 255, 255, 1);
border:none;
}
.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
background-color: transparent !important;
}
.login form .input:hover, .login form input[type="checkbox"]:hover, .login input[type="text"]:hover, .login form .input:focus, .login form input[type="checkbox"]:focus, .login input[type="text"]:focus {
background-color: transparent !important;
}
.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
    color: rgba(245, 245, 245, 1);
background-color: transparent !important;
}
.login.wp-core-ui input[type="checkbox"]:checked::before {
    color: rgba(245, 245, 245, 1);
}
.login form .input, .login input[type="text"] {
    border-bottom-color: rgba(139, 140, 145, 1);
border-top: none;
border-left: none;
border-right:none;
}

#pass1-text {background-color:transparent; }

.login form input[type="checkbox"] {
    border-color: rgba(139, 140, 145, 1);
}
.login label[for="user_login"]::before, .login label[for="user_pass"]::before, .login label[for="user_email"]::before {
    color: rgba(139, 140, 145, 1);
}
input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="radio"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    background-color: transparent;
}
input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="radio"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    color: rgba(245, 245, 245, 1);
}
.login #login_error, .login .message {
       background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0,0,0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);

}

.acf-field .acf-label label {
    font-size: inherit !important;
}

</style>

style-admin.php sayfasına yapıştırmanız gereken kod;

<?php $site_logo = get_field('site_logosu', 'option'); ?>

<style type="text/css">
#toplevel_page_cptui_main_menu, #dashboard-widgets-wrap, #welcome-panel, #wp-admin-bar-wp-logo, #footer-thankyou, #footer-upgrade, #wp-admin-bar-ilightbox_general, #wp-admin-bar-comments, #wp-admin-bar-new-content, #tagsdiv-sektor, #asp_metadata, #wp-admin-bar-wpseo-menu #se-top-global-notice, #wp-admin-bar-wpseo-menu, #tagsdiv-ilantipi, #ilankategoridiv, #ililcediv, #tagsdiv-oda, #tagsdiv-binayasi, #tagsdiv-binakatsayisi, #tagsdiv-bulundugukat, #tagsdiv-isitma, #tagsdiv-banyo, #tagsdiv-esya, #tagsdiv-kullanim, #tagsdiv-sitedurumu, #tagsdiv-kredi, #tagsdiv-kimden, #tagsdiv-takas,#tagsdiv-cephe,#tagsdiv-icozellik,#acentediv{
display: none;}

.wp-menu-separator, .update-nag {
    display: none;
}

body.wp-admin {
background-attachment: fixed;
background-image: url(<?php echo $site_logo['url']; ?>) !important;
background-position: right bottom;
background-repeat: no-repeat;
background-size: calc(300px) auto;
}
</style>