Sıfırdan Wordpress Tema Yapımı
4.5 (115 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
574 students enrolled

Sıfırdan Wordpress Tema Yapımı

Yönetim Panelli, kontrol edilebilir Wordpress temaları yapın
4.5 (115 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
574 students enrolled
Created by Ali Çınaroğlu
Last updated 4/2020
Turkish
Current price: $100.99 Original price: $144.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 1 article
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Yönetim paneli olan bir Wordpress teması hazırlayabilecekler.
  • Html olarak hazırlanmış bir temayı Yönetim Paneli olan bir Wordpress Teması haline getirebilecekler.
Course content
Expand all 27 lectures 07:49:53
+ Giriş
1 lecture 05:19

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 !

Preview 05:19
+ Başlamadan Önce
4 lectures 36:01

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.




İhtiyacınız olan dosyalar & programlar ve kurulumları
08:46
Entegre edeceğimiz temanın tanıtımı
07:51
+ Tema dosyalarının hazırlanması
2 lectures 15:22
Style.css ve index.php dosyalarının hazırlanması
11:30
Functions.php dosyasının hazırlanması
03:52
+ Header bölümünü oluşturuyoruz
3 lectures 01:16:01
Header bölüm 1
25:29
Kullanmış olduğumuz fonksiyonları pekiştirmek için tekrar edelim...
Header Bölüm 1 Kod Tekrarları
4 questions

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/

Preview 29:28
Kullanmış olduğumuz fonksiyonları pekiştirmek için tekrar edelim...
Header Bölüm 2 Kod Tekrarları
2 questions
Header Bölüm 3
21:04
Kullanmış olduğumuz fonksiyonları pekiştirmek için tekrar edelim...
Header Bölüm 3 Kod Tekrarları
3 questions
+ Ana Sayfa'nın hazırlanması
7 lectures 02:43:49

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



Hizmetlerimiz bölümünün hazırlanması 1.Bölüm
31:28
Kullanmış olduğumuz fonksiyonları pekiştirmek için tekrar edelim...
Hizmetlerimiz Bölüm 1 Kod Tekrarı
4 questions
Hizmetlerimiz bölümünün hazırlanması 2.bölüm
28:12
Hakkımızda bölümünün hazırlanması
13:59
Referanslarımız bölümün hazırlanması ve Referanslarımız içerik tipi
28:07
Ne dediler ve Çalıştığımız firmalar bölümünün hazırlanması
20:02
Haberler bölümünün hazırlanması ve Haberler arşivi
16:59
+ Bize Ulaşın Sayfa yapısının hazırlanması
1 lecture 33:40
Bize ulaşın sayfa yapısının hazırlanması ve panele entegrasyonu
33:40
+ Footer Bölümünün Hazırlanması
1 lecture 30:38
Footer bölümünün hazırlanması ve yönetim paneline entegrasyonu
30:38
+ Kurulum sonrası işlemler
7 lectures 01:49:01
Mobil uyum (responsive yapı) entegrasyonu
15:50
Güvenlik ve Performans İşlemleri
29:15

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>


Giriş ekranlarının özelleştirilmesi
07:05

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>

Preview 25:44
Seo Ayarları
09:18
Google Analytics ve diğer kodların entegrasyonu
03:57
Localde hazırladığımız çalışmanın gerçek domain'e taşınması
17:52
+ Tebrikler Kursumuzu Tamamladınız
1 lecture 00:02
Tebrikler Kursumuzu Tamamladınız
00:02
Requirements
  • Windows veya Mac işletim sistemine sahip bir bilgisayar
  • Modern bir tarayıcı, Opera, Chrome, Firefox .
  • Gördüğü html kodunu anlayıp algılayabilecek HTML, kırmızı olan yazıyı siyah yapabilecek seviyede CSS bilgisi.
  • Genel echo "Merhaba Dünya"; yazabilecek php bilgisi.
Description

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.


Who this course is for:
  • Web Geliştiriciler.
  • Wordpress alanında uzmanlaşmak ve kendini geliştirmek isteyen geliştiriciler .
  • Wordpress konusunda çalışmalar yapıp Yönetim Paneli ihtiyacı olan geliştiriciler.