WordPress Bootstrap Tema Yapım Dersleri

Arın Yazılım tarafından hazırlanan Bu dersler serimizde Bootstrap kütüphanesini kullanarak oluşturduğumuz statik web sayfasını WordPress alt yapısını kullanarak dinamik bir web sayfası haline getireceğiz. Kendi özgün wordpress temamızı oluşturacağız. 21 Videodan oluşan bu ders serisini bitirdiğinizde kendi wordpress temanızı düzenleyebiliyor olabileceksiniz.

Bu dersimizde projemizde oluturduğumuz starik ve dinamik sayfaları inceledik. Derslerin genel içerini anlattım.

DERS-0 BAŞLANGIÇ
Açıklama: Bu dersimizde projemizde oluşturduğumuz statik ve dinamik sayfaları inceledik. Derslerin genel içeri anlatıldı

DERS-1
Açıklama: Bu dersimizde projemizin dosya yapısını oluşturduk ve menümüzü yaptık.

DERS-2
Açıklama: Bu dersimizde ana sayfanın html kodlarını yazdık.
Görseller için : https://drive.google.com/file/d/1KL_8Ws4RIqMiknCwrGUJJ5RzG0w64JrZ/view

DERS-3
Açıklama: Bu dersimizde ana sayfanın css kodlarını yazmaya başladık.
Görseller için : https://drive.google.com/file/d/1KL_8Ws4RIqMiknCwrGUJJ5RzG0w64JrZ/edit

DERS-4
Açıklama: Bu dersimizde ana sayfanın css kodlarını yazmaya devam ettik.

DERS-5
Açıklama: Bu dersimizde menü efektimizi yaptık.

DERS-6
Açıklama: Bu dersimizde about sayfamızın HTML ve CSS kodlarını yazdık.

DERS-7
Açıklama: Bu dersimizde portfolio sayfamızın HTML ve CSS kodlarını yazdık. Lightbox efektini kullandık.

DERS-8
Açıklama: Bu dersimizde contact sayfamızın HTML ve CSS kodlarını yazdık.

DERS-9
Açıklama: Bu dersimizde lokal WordPress ve XAMPP kurulumunu gerçekleştirdik.

DERS-10
Açıklama: Bu dersimizde tema ayarları ve template hierarchy kavramı üzerine konuştuk.

DERS-11
Açıklama: Bu dersimizde header.php, footer.php, functions.php ve css dosyası ekleme konularını konuştuk.

DERS-12
Açıklama: Bu dersimizde header.php, footer.php, functions.php ve js dosyaları ekleme konularını konuştuk.

DERS-13
Açıklama: Bu dersimizde dinamik menü entegrasyonu üzerine konuştuk.

DERS-14
Açıklama: Bu dersimizde page ve template page kavramları üzerine konutuk.

DERS-15
Açıklama: Bu dersimizde değiştirilebilir alanlar “Custom Fields” konusuna giri yaptık.

DERS-16
Açıklama: Bu dersimizde değiştirilebilir alanlar “Custom Fields” konusuna giri yaptık. Ana sayfadaki değitirilebilir alanlar için örnekler yaptık.

DERS-17
Açıklama: Bu dersimizde About sayfadaki değitirilebilir alanlar için örnekler yaptık.

DERS-18
Açıklama: Bu dersimizde Portfolio sayfası, Custom Post Type Kavramı ve Loop kavramı üzerine konuştuk.

DERS-19
Açıklama: Bu dersimizde Contact Form 7 eklentisi üzerine konuştuk ve iletişim formunu sayfamıza entegre ettik.

DERS-20
Açıklama: Bu dersimizde EASY WP SMTP eklentisini kullanarak ve GMAIL SMTP ayarlarını yazarak çalışan bir iletişim formu oluşturduk.

Derslerle alakalı sorun yaşarsanız mutlaka buradan yorumla bildirim yapabilirsiniz elimizden geldiği kadar yardımcı olmaya çalışacağız

WordPress Warning: count(): Parameter must be an array or… KESİN ÇÖZÜMÜ

Warning: count(): Parameter must be an array or an object that implements Countable in C:\xampp\htdocs\wordpress\wp-includes\post-template.php on line 310
Buna benzer bir hata aldıysanız çözümü çok basit, WordPress tema geliştirirken bu hatanın çözümü ilgili yerde döngü kullanmaktır. Okumaya devam et WordPress Warning: count(): Parameter must be an array or… KESİN ÇÖZÜMÜ

WordPress Standart Döngü Başlangıç Bitiş Kodları

WordPress tema yapımında mutlaka kullandığımız kodlardan birisi de dönülerdir.
Döngülerin başlangıç ve bitişi arasında kalan kısım eklenen yazı miktarı kadar dönecektir.
Okumaya devam et WordPress Standart Döngü Başlangıç Bitiş Kodları

WordPress Şifre Sıfırlama phpmyadmin

WordPress blog sistemlerde en çok karşılaşılan durumdur özellikle test amaçlı açılan wordpress sayfalarda ister localhost ister online sunucular üzerine kurulu olsun wordpress şifresini unutmuş olabilirsiniz. Şifremi unuttum bağlantısı da işinizi görmeyebilir bu durumlarda phpmyadmin’e erişiminiz varsa kolaylıkla şifrenizi sıfırlayabilirsiniz.

1) Cpanel’den yada domain.com/phpmyadmin , localhost/phpmyadmin yollarından giriş yapınız.
2) wordpressin kurulu olduğu database içindeki wp_users tablosunu seçiniz.
3) Password (user_pass) yazan kısmına e10adc3949ba59abbe56e057f20f883e yazın ve kaydet butonuna tıklayın.

Artık admin şifreniz 123456 olarak değiştirilmiştir. Giriş yapıp kendinize göre ayarlayabilirsiniz.

WordPress Style ve Script Dosyalarını Tanımlamak

WordPress Tema Yapım Notları;
HTML CSS temaları wordprese uyarlarken functions.php içinde kullanılması gereken yapılardan biri aşağıdaki gibidir. Temanın olmazsa olmazlarından css ve javascript dosyalarını doğru bir şekilde tanımlamak için functions.php içinde aşağıdakine benzer bir yapı kurmalısınız.

function kodgunlugum_scripts() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );
 
  wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css', array(), '1.1', 'all');
 
  wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);
 
    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
      wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'kodgunlugum_scripts' );

WordPress Ücretsiz Yabancı Diller Eklentisi

Google gibi evrensel arama motorları sitelerinizdeki içeriği tarayarak tüm dünyanın arama sonuçlarına yansıtır dolayısıyla Sitenize her zaman bulunduğunuz ülkeden ziyaretçiler gelmez, tek bir dille yazdığınız yazı ve makalelerinizi, satışını yaptığınız ürünleri farklı dillerde anlaşılabilir kılmak için eklentilere ihtiyaç duyarız. Eğer wordpress siteniz varsa bu eklenti bu ihtiyaca çok iyi cevap veriyor diyebilirim.

Eklentimizin adı: GTranslate İngilizce, Fransızca, Almanca ve dünyada kullanılan tüm dillere çeviri sağlayan bu wordpress eklentisini test ettim ve sonuç gerçekten çok iyi, sayfa yenilemesi yapmadan sunucuya bir yük bindirmeden tüm içeriği hemen tercüme ediyor. Bu eklentiyle Yabancı ziyaretçilerinize içerik okuma konusunda mükemmel bir deneyim sunabileceksiniz.
Okumaya devam et WordPress Ücretsiz Yabancı Diller Eklentisi

WordPress’te SEO Uyumlu Yazı Nasıl Yazılır?

SEO NEDİR?

Seo, Arama Motoru Optimizasyonu (SEO) anlamına gelmektedir. Yani demek oluyor ki internet sitelerinin google, yahoo, yandex, bing gibi arama platformlarında daha iyi sonuç göstermesi amacıyla planlı olarak yapılan işlerin tümüne verilen isimdir.

Eğer bir blogunuz / siteniz var ise ve içerik girişi yapıyorsanız bunların tamamını seo uyumlu yapmak zorundasınızdır. Seo uyumlu yazı yazmak zorundasınız. Aksi takdirde arama motorları içeriklerinizi olması gerektiği gibi indexleyemeyecek ve yazdığınız makaleleri ilgili kitlelerin çok azı görecek çoğunluğu göremeyecektir. İçerik üreten sitelerin neredeyse tamamına yakını artık wordpress alt yapısıyla çalışmakta bu nedenle wordpress sitelerde seo uyumlu yazı nasıl yazılır? sorusunu yazımızın başlığı yaptık.

WordPress’te SEO Uyumlu Yazı Nasıl Yazılır?

SEO, sitenizdeki YAZI sayısıyla doğru orantılı bir şekilde artan bir gelişim göstermektedir. Yazıların sayısı, değeri, özgün olup olmadığı özellikle Google tarafından en önemli kriterler olarak değerlendirilmektedir. Bu nedenle SEO, çok dikkat etmemiz  gereken bir konu ve gelecekte de bu böyle olacağa benziyor. En azından Google Seo kriterlerinde ciddi bir değişikliğe gidene kadar. Önceleri bildiğiniz üzere en güçlü backlinkleri alan , Google gibi arama motorlarının arama sonuç sayfalarında ilk sırada yer alıyordu. Google Panda güncellemesini yaptıktan sonra işler değişti içerik yani yazılar makaleler  backlinkten daha değerli  olmaya başladı. Bu yazımızda wordpress blog sitelerinde SEO uyumlu yazının nasıl yazıldığını örnekleri ile vermeye çalışacağız. Okumaya devam et WordPress’te SEO Uyumlu Yazı Nasıl Yazılır?

Google Font Kullanımı

https://fonts.google.com/ adresinde güzel fontlara rastlamak mümkün peki bunları projelerde nasıl kullanacağız?
bu adrese girdikten sonra kullanmak istediğimiz font/fontları + butonuna tıklayarak sepetimize ekliyoruz sağ tarafta hemnen beliriyor. Aşağıdaki görselden de anlayacağınız üzere 1 nolu bölümü kopyalayıp index.html yada index.php dosyamızda etiketinden önce yapıştırıyoruz. Eğer WordPress tema geliştiricisiyseniz header.php dosyasında etiketinden önce yapıştırmanız gerektiğini hatırlatayım.
Ardından 2 nolu alanı isterseniz body etiketine dilerseniz h1 h2 etiketlerine yada dilediğiniz başka bir etikeyin style.css dosyanızdaki css kodları arasına yapıştırabilirsiniz.

WordPress Çift Sütunlu Kategori Bileşeni Yapmak [ÖRNEK KODLAR]

WordPress için tema yaparken en çok karşılaştığımız konu bileşen yapmaktır. Wordpreste dinamik alanları tasarlama konusunda da aklan en çok gelen sidebar ve bileşen yapmaktır. Bileşen yapmak için mantığını kavramanız gerekir aşağıdaki örnek kodu inceleyerek Çift Sütunlu Kategori Bileşeni yapma konusunda bilgi sahibi olacaksınız hemen işe başlayabilirsiniz.

Okumaya devam et WordPress Çift Sütunlu Kategori Bileşeni Yapmak [ÖRNEK KODLAR]

Temel WordPress Kodları

WordPress için tema oluştururken yada entegre işlemi yaparken mutlaka kullanmamız gereken kodlar vardır Okumaya devam et Temel WordPress Kodları