
Bu bölümümüzde kursun sonunda yapmış olacağınız Wordpress temamızı inceleyeceğiz, merak etmeyin adım adım gidecek ve bu temanın aynısını yapacağız !
Merhaba, video'da anlattığım ihtiyacınız olan dosyalar ve programların listesi aşağıdadır.
İhtiyaç Listesi
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>
BU KURS BİTTİĞİNDE NELER ÖĞRENECEKSİNİZ ?
Müşterileriniz veya kendi projeleriniz için hazırlanmış olan statik html temaları Wordpress teması haline getirebileceksiniz.
Html + Css kodlama biliyorsanız, tasarımlarınızı Wordpress teması haline getirebileceksiniz.
Temanıza ait yönetim paneli hazırlayabilecek, Wordpress yönetim panelinizi özelleştirebilecek, ihtiyaçlarınız doğrultusunda alanlar oluşturabileceksiniz.
Slider hazırlayıp silde’a özel fotoğraf başlık, yazı ve link ekleyebileceksiniz.
Hizmetlerimiz, Referanslarımız gibi özel içerik tipleri oluşturabilecek, bu oluşturduğunuz içerik tiplerinden oluşan arşiv sayfaları ve detay sayfaları hazırlayabileceksiniz.
Projenize ait sosyal medya hesapları için alanlar oluşturup, sitenizde yayınlayabileceksiniz.
İletişim sayfaları oluşturup harita, iletişim formu, adres, telefon gibi bilgileri ekleyebileceksiniz.
Arama motorları optimizasyonu SEO konusunda nelere dikkat etmeniz gerektiğini öğreneceksiniz.
Sitenizi nasıl güvenlik altına alabileceğinizi ve hızlandırmak için dikkat etmeniz gereken noktaları öğreneceksiniz.
Mobil cihaz görünümlerini nasıl test edeceğinizi ve entegrasyonda nelere dikkat etmeniz gerektiğini öğreneceksiniz.
Kendi bilgisayarınızda hazırladığınız sitenizi gerçek bir hosting hesabına nasıl taşıyacağınızı öğreneceksiniz.
BU KURSU SATIN ALMADAN ÖNCE ÖNEMLİ UYARI !
Öncelikle her eğitimde eklemiş olduğum "Çalışmalara Başlamadan Önemli Uyarı - Sorun yaşamamak için LÜTFEN İZLEYİNİZ !" başlıklı videomu izleyiniz.
Burada paylaşmış olduğum eğitim serisi bilgilendirme amaçlıdır. Sizleri belirtilen şartlarda konu ile ilgili bilgi sahibi yapmayı amaçlamaktadır.
Ders müfredatında anlatılan konuların; anlatımı, hatalı olması, eksik bilgi içermesi vb. durumlar haricinde;
Yazım, sunucu, yanlış klasörleme vb. hatalarınızdan kaynaklanan sorunlarınız ilgili müsaitlik durumuma göre yanıt verilecektir.
Lütfen eğitim almak ile özel hoca tutmanın ayrımını yapınız.
Bunlara ilave olarak;
Aklınızdaki projenin özelleştirilmesi
Yarıda kalan projenizin tamamlanması
Soru adında iletilip aslında özelleştirme talebi olan konular
Derste anlatılan konulara alternatifler üretilerek oluşturulan senaryolar ile ilgili sorular
ile ilgili sorulan sorulara cevap verilmeyecektir.
Anlayışınız için teşekkür eder, iyi çalışmalar dilerim.