Sıfırdan Wordpress Tema Yapımı
- 8 hours on-demand video
- 1 article
- 6 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Assignments
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business- Yönetim paneli olan bir Wordpress teması hazırlayabilecekler.
- Html olarak hazırlanmış bir temayı Yönetim Paneli olan bir Wordpress Teması haline getirebilecekler.
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
- 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>
- 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.
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.
- 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.