Wordpress - Popup Maker Eklentisi

 

Wordpress - Popup Maker Eklentisi (AB Çerez Uyarısı)

"Popup Maker" web sitenizde popup oluşturmak, e-posta aboneliği vb açılır pencere işlemleri için kullanabileceğiniz bir eklentidir. Ben genelde "Çerezleri Kullanıyoruz" uyarısı için kullanıyorum. Fakat Covid uyarısı, e-ticaret duyuruları vb. farklı açılır pencere ihtiyaçlarınız için kullanabilirsiniz. Şimdi aşağıdaki gibi AB çerez uyarısı popup uyarısının nasıl eklenebileceğini anlatmaya çalışayım.


1. "Popup Maker" ismi ile aratarak eklentiyi kurun. Üreticisi "Popup Maker".
2. Popup Maker menüsünden Create Popup seçeneği ile yeni bir popup penceresi oluşturun.
3. Üstteki popup başlık kutularının her ikisine de "Çerezleri Kullanıyoruz" gibi bir başlık yazın.
4. Alttaki metin alanına ise "Web sitemizi kullanarak çerezlere izin vermektesiniz." gibi bir içerik girebilirsiniz. Çerezler kısmına çerez politikası veya gizlilik politikası gibi ilgili sayfaya link verebilirsiniz.
5. Popup settings bölümünde Triggers ayarlarındaki "Add New Trigger" butonuna tıklayın. "Time Delay / Auto Open" seçeneğini seçip alttaki cookie ile alakalı kutudan "On Popup Close" seçin. Add butonuna tıklayın, ikinci ekranda triggerin ne zaman tetikleneceğini seçin. 500ms olarak kalabilir. Böylece Çerez Popup Uyarısı site yüklendikten 500ms sonra açılacak ve ziyaretçi popup penceresini kapatınca 1 ay süreyle tekrar görünmeyecektir.




6. Popup settings bölümünde Display ayarlarından; Appearance sekmesinden "Light Box" seçeneğini, Size sekmesinden "Micro - 20%" seçeneğini ve Max-width değerini 60%, Position sekmesinden "Bottom Left" 10px 10px ve "Fixed Position" seçeneğini, Advanced sekmesinden "Disable Overlay" ve "Stackable" seçeneklerini seçerek ilerleyebilirsiniz.
7. Popup settings bölümünde Close ayarlarındaki close text kutusuna "✕" bu karakteri kopyala/yapıştır yapabilirsiniz. Bu normal X karakterinden farklıdır ve kapat butonuna daha iyi durmaktadır.
8. Yayınla butonuna tıklayarak popup'ı aktif edebilirsiniz.
9. Aşağıdaki css kodlarını ekleyerek kutu, link ve kapat butonu gibi popup unsurlarının görünümü üzerinde değişiklikler yapabilirsiniz.
/*cerez popup maker()*/
.pum-theme-lightbox .pum-container {
    border: 3px solid #000 !important;
}
.pum-theme-lightbox .pum-container a {
    color: #000;
    font-weight: 300;
}
.pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    font-size: 13px !important;
    font-weight: 900 !important;
}
/*cerez popup maker*/
10. Aşağıdaki gibi tek satırlık farklı bir görüntü elde etmek için önce Popup settings / Display / Size sekmesine gelin ve "Auto" seçeneğini belirleyin. Daha sonra aşağıdaki css kodlarını ekleyin.


/*cerez popup maker()*/
.pum-theme-lightbox .pum-container {
    border: 0 !important;
    box-shadow: 0px 0px 10px 0px rgba(2, 2, 2, .3) !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
    padding: 12px 17px !important;
}
.pum-theme-lightbox .pum-content * {
    color: #fff;
    font-weight: 200;
}
.pum-theme-lightbox .pum-container a {
    font-weight: 300;
}
.pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0px 0px 6px 1px rgba(2, 2, 2, .3) !important;
    border: 2px solid rgba(0, 0, 0, 0.9) !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #000 !important;
}
.pum-title {
    display: none;
}
@media (max-width: 767px) {
    .pum-theme-lightbox .pum-container {
        width: 56%;
        right: 18px;
        left: auto !important;
        padding: 8px 12px !important;
    }
    .pum-theme-lightbox .pum-content * {
        font-size: 15.2px;
    }
}
/*cerez popup maker*/


Wordpress - GTranslate Google Çeviri Eklentisi

 

Wordpress - GTranslate by Translate AI Multilingual Solutions

"GTranslate" eklentisi Translate AI Multilingual Solutions tarafından geliştirilen, wordpress dil çeviri eklentisidir. Ücretsiz sürümü dahi birçok özellik içermektedir. İngilizce veya başka dilleri sitenize eklemek istiyorsanız bulut çevirme özelliği ile direk tarayıcı üzerinden sitenizin dilini değiştirebilen bir eklentidir. Böylece sayfa içeriklerinizi tek tek çevirmek gibi zahmetli bir işten kurtulursunuz. Bazı projelerde bu şekilde olan translate işlemleri kolay olduğu için tercih sebebidir. Aşağıda kurulum ve ayarlarına değinmeye çalıştım.

1. "GTranslate" ismi ile aratarak eklentiyi kurun. Üreticisi "Translate AI Multilingual Solutions".
2. Ayarlar menüsü altındaki GTranslate'e tıklayarak ayar sayfasını açın. Ben aşağıdaki görseldeki gibi bir ayar yaptım fakat widget görünümü, ülkelerin isimleri, hangi ülkelerin görüneceği gibi istediğiniz kısımları değiştirip size uygun hale getirebilirsiniz.



3. Burada ben popup görünümü daha hoş durduğu için onu tercih ettim. Ayrıca tıklayınca ülke isimleri ayrı bir popup'da açılması daha az karmaşıklığa neden oluyor diye düşündüm. Fakat 2-3 gibi az dil seçeneği gösterecekseniz açılır kutu şeklindeki görünümler daha iyi olabilir. Popup görünümünde sadece bayrak görünmesini tercih ettim. Popup görünümü için eklediğim özel css kodları aşağıdadır.
.gtranslate_wrapper * {
    font-size: 14px !important;
}
.gtranslate_wrapper a.gt_switcher-popup > span {
    display: none;
}
.gtranslate_wrapper a.glink.nturl.gt-current-lang > span {
    font-weight: 800;
}
@media (max-width: 767px) {
    .gtranslate_wrapper a.gt_switcher-popup > img {
        height: 26px;
        width: 26px;
    }
}
4. Eğer çeviri sırasında "Hakkımızda -> about us" gibi büyük küçük harf sıkıntıları çıkıyorsa; bu durumun oluştuğu element'e "text-transform: capitalize;" veya "text-transform: uppercase;" gibi css kodu ekleyebilirsiniz.
5. Örneğin adresler gibi bazı alanların çevrilmesini istemezsiniz "Okul Sokak -> School Street" gibi. Bu durumda bu adres metninin yazıldığı kutulara "notranslate" css sınıfını ekleyin. Böylece bu sınıfa sahip html elementleri çevrilmeyecektir.

Wordpress Child Theme (Çocuk Tema) Nedir & Nasıl Oluşturulur?

 

Wordpress Child Theme (Çocuk Tema) Nedir & Nasıl Oluşturulur?

Child Theme Hakkında Sorular


>> Child theme (çocuk tema) nedir?

WordPress üzerinde kurulu ana temaya bağlı çalışan alt temalardır. Temanız üzerinde özelleştirmeler yapmak istiyorsanız çocuk tema (child theme) oluşturarak kök yani ebeveyn tema (parent theme) dosyaları üzerinde bir değişiklik yapmadan bunu gerçekleştirebilirsiniz.
>> Neden child tema kullanmalıyım?
Kısa cevabı tema üzerinde özelleştirmeler yapmaktır. Child tema kullanmanın artısı; Parent temayı güncelleseniz bile özelleştirmelerinizin korunmasıdır. Eğer parent temayı tamamen özelleştirmeyecekseniz child tema kullanmak en iyi yöntem diyebilirim. Fakat yapacağınız özelleştirmeler çok fazla ise (parent temanın birçok yerine dokunacaksanız) bu durumda tema kök dosyaları üzerinde değişiklik yapmak daha mantıklı olacaktır.
>> Child tema üzerinde örneğin header.php dosyası eklersek Parent temadaki header.php geçersiz mi kalır? Hayır ise hangisi önce çalıştırılır? Style.css dosyası için de aynısı geçerli mi?
Hayır geçersiz kalmaz, her iki dosya da yürütülür. İlk olarak child tema header.php dosyası çalıştırılır daha sonra parent temanın header.php dosyası çalıştırılır. 
Fakat style.css için aynı durum geçerli değil, parent temanın style.css dosyası geçersiz hale gelir. Bu durumda parent temanın style.css dosyasını child temada içe aktarmak gereklidir (nasıl yapılacağını aşağıdaki 5. maddede inceleyebilirsiniz).

Adım Adım Child Theme Oluşturma


1. Child Tema Klasörünü Oluşturun: 
WordPress sitenizin kök dizinine bir Child Tema klasörü oluşturun. Klasör adını belirleyin ve parent temanızın adını içerdiğinden emin olun. Örneğin, eğer "Royal Elementor Kit" temasını kullanıyorsanız, Child Tema klasörünü "royal-elementor-kit-child" gibi adlandırabilirsiniz. Yani parent tema klasör adının aynısını yazıp, sonuna "-child" ekleyin.




2. Child Tema Klasöründe style.css Dosyasını Oluşturun: 
Child tema klasörünün içine bir style.css dosyası oluşturun. İçerisine aşağıdaki kodları ekleyerek tema adınıza göre düzenleyin. Bu dosya Child temanızı tanımlayacak ve Parent temayı belirtecektir. Örneğin:
/*
Theme Name: Royal Elementor Kit Child
Template: royal-elementor-kit  // Parent temanın klasör adı
*/
Tema adını parent tema adının sonuna Child gelecek şekilde yazabilirsiniz (mucburi değildir, isterseniz farklı bir isim de yazabilirsiniz). 
Template kısmına ise parent temanın klasör adı nasıl geçiyorsa aynısını yazmanız gerekiyor.

2.1. Child Tema style.css Dosyasını Versiyonlama:
style.css içerisine yazacağınız farklı tema tanıtım bilgileri mevcuttur. Bunlar mecburi değildir. Aşağıdaki örnekte bazı ek bilgileri görebilirsiniz. Burada version kısmı önemlidir. Çünkü style.css içinde değişiklik yaptığınızda versiyonu değiştirmezseniz tarayıcı cache bellekteki dosyayı okur ve bu durumda değişiklikleri göremezsiniz. Her zaman olmasada css değişiklikleriniz çoğalınca bu versiyonu arttırmanız iyi olur. Versiyon numarasını 3 haneli yazmak bu anlamda iyi olabilir.
/*
Theme Name: Royal Elementor Kit Child
Theme URI: http://www.ayhankesicioglu.com
Template: royal-elementor-kit
Description: Royal Elementor Kit Child Theme
Author: Ayhan Kesicioglu
Author URI: http://www.ayhankesicioglu.com
Version: 1.0.1
*/

3. Child Temaya Ait Bir Görsel Yükleyin (Opsiyonel):
WP yönetim panelinden Görünüm/Temalar menüsüne girdiğinizde, yüklenen temaların bir görseli olduğunu görebilirsiniz. Bu görsel yüklenmezse boş olarak görünür. Child tema için screenshot.png (veya screenshot.jpg) isimli 1200x900 px bir resim oluşturup child tema klasörüne yükleyebilirsiniz. Böylece child temanızı temsil eden bir görseli olacaktır.

4. Child Tema Klasöründe functions.php Dosyası Oluşturun (Opsiyonel):
Bu dosya çeşitli özelleştirme kodlarını ekleyeceğiniz kısımdır ve önemlidir. Fakat bu dosya olmadan da sadece style.css ile Child temayı etkinleştirmek mümkündür.

-------
Devam etmeden önce aşağıda bazı kodlarda geçecek olan sistem metodlarını tanımak faydalı olacaktır.

get_template_directory() --> Parent temanın klasör yolu:
/home/public_html/wp-content/themes/royal-elementor-kit
get_template_directory_uri() --> Parent temanın url'si:
https://example.com/wp-content/themes/royal-elementor-kit
get_stylesheet_directory() --> Child temanın klasör yolu:
/home/public_html/wp-content/themes/royal-elementor-kit-child
get_stylesheet_directory_uri() --> Child temanın url'si:
https://example.com/wp-content/themes/royal-elementor-kit-child
-------

5. Parent Temanın style.css Dosyası Child Tema İçine Nasıl Aktarılır (Opsiyonel):
Child temada style.css dosyası eklediğimizde, Parent temanın style.css  dosyası geçersiz hale gelir. Eğer parent temanın style.css dosyasını geçerli kılıp onun üzerine bazı değişiklikler eklemek niyetindeyseniz; bu durumda Parent temanın style.css dosyasını içe aktarmanız gereklidir. Bu çok basittir. Child temanın functions.php dosyası (yoksa oluşturun) içerisine aşağıdaki kodları ekleyerek içeri aktarmış olursunuz:
<?php
function enqueue_parent_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');
?>

6. Child Temaya Özel Javascript (custom.js) Nasıl Eklenir (Opsiyonel):
Bu işlemi dilerseniz Simple Custom CSS and JS (by SilkyPress) eklentisi veya benzeri bir eklenti ile yapabilirsiniz. Veya child tema için daha uygun bir yöntem olarak bir custom.js dosyası oluşturup, bunu child tema içine aktarırsınız. Ben burada ikinci yöntem ile devam edeceğim. Öncelikle tema klasörünüzün içinde js isimli bir klasör ve içine de custom.js isimli bir dosya oluşturun. 
Örnek olarak aşağıdaki kodları ekleyerek custom.js dosyanızı oluşturabilirsiniz:
jQuery(document).ready(function($) {
    // Add custom JavaScript code here
    // $('p').css('color', 'red');
});
Sonra 5.adımdakine benzer şekilde aşağıdaki kodu functions.php dosyanızın içine ekleyin:
function custom_js_enqueue() {
    wp_enqueue_script('custom-script', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'), '1.0', true);
}

add_action('wp_enqueue_scripts', 'custom_js_enqueue');
Buradaki array('jquery') ifadesi ile eklediğiniz custom.js dosyasının jquery den sonra çalışmasını istediğinizi belirtmiş olursunuz. 1.0 ile de custom.js dosyasını versiyonlamış olursunuz, böylece tarayıcı bellekteki eski dosyayı kullanıcıya sunmaz.

7. Child Temayı Aktif Hale Getirin:
WP yönetim panelinden Görünüm/Temalar menüsüne girin. Burada eklediğiniz Child tema üzerine gelip Etkinleştir butonuna tıklayın.

Artık Child temanız oluştu ve aktif hale getirildi. Bundan sonra child tema dosyalarınız üzerinde istediğiniz özelleştirmeleri eklemeye başlayabilirsiniz. Diyelim footer.php dosyası üzerinde değişiklik yapmak istiyorsunuz. Bu durumda child temada (parent temada neredeyse oraya) footer.php dosyasını oluşturun ve içine özelleştirme kodlarınızı ekleyin. Bu şekilde tüm özelleştireceğiniz dosyaları child tema içine ekleyebilirsiniz. Unutmayın sistem önce child temanın dosyasını sonra parent temanın dosyasını çalıştırır (style.css hariç, ayrıntılı bilgi yukarıdaki sorular kısmındadır).

BONUS:
5. ve 6. maddelerde bahsettiğim dosyaları sürekli olarak manuel versiyonlama yapmak uğraştırıcı bir iş. Bu dosyaları üzerinde her değişiklik yaptığımızda versiyonu değişecek şekilde ayarlamak işimizi çok daha kolaylaştıracaktır. Böylece versiyon otomatik değişecek ve bizim manuel olarak ilerletmemize gerek kalmayacaktır. 
Bunun için önce child tema içine /css/custom.css dosyasını oluşturun ve child temanın style.css dosyasına eklediklerinizi bu dosyaya taşıyın. 
Bu şekilde otomatik versiyonlanmanın ayarlandığı şekliyle child temaya ait tüm dosyaların son hali aşağıdaki şekilde olacaktır:

style.css
/*
Theme Name: Royal Elementor Kit Child
Theme URI: http://www.ayhankesicioglu.com
Template: royal-elementor-kit
Description: Royal Elementor Kit Child Theme
Author: Ayhan Kesicioglu
Author URI: http://www.ayhankesicioglu.com
Version: 1.0.1
*/

/css/custom.css
/*your custom css*/
body {
    font-size: 12px;
}

/js/custom.js
jQuery(document).ready(function($) {
    // Add custom JavaScript code here
    // $('p').css('color', 'red');
});

functions.php
<?php

// dosyanin degistirilme tarihini 10 basamakli sayi olarak dondurur: 1234567890 gibi
function get_file_version($file) {
    $mtime = filemtime($file);
    if ($mtime === false) {
        return '';
    } else {
        return $mtime;
    }
}

// css dosyalarini ice aktar
function enqueue_parent_styles() {
    // parent tema css dosyasini ice aktar
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    // child tema custom.css dosyasini ice aktar (otomatik versiyonlama)
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri(). '/css/custom.css', array(), get_file_version(get_stylesheet_directory() . '/css/custom.css') );
}
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');

// js dosyalarini ice aktar
function custom_js_enqueue() {
    // child tema custom.js dosyasini ice aktar (otomatik versiyonlama)
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri(). '/js/custom.js', array('jquery'), get_file_version(get_stylesheet_directory() . '/js/custom.js'), true );
}
add_action('wp_enqueue_scripts', 'custom_js_enqueue');

?>

Wordpress & OpenCart Kaynak Dosyalarını Koruyarak Üzerinde Değişiklik Yapmak

 

OpenCart ve WordPress kaynak dosyalarını değiştirmeden kodlar üzerinde değişiklik yapmak?

OpenCart ve WordPress gibi açık kaynaklı platformlarda, kaynak dosyalarını değiştirmeden kodlar üzerinde değişiklik yapmak için çeşitli yöntemler bulunmaktadır. İşte her iki platform için bu amaçla kullanabileceğiniz yöntemler.


OpenCart için:


1. vQmod kullanmak: vQmod, OpenCart için popüler bir eklentidir ve kaynak dosyalarını değiştirmeden kodları değiştirmenizi sağlar. vQmod ile, özel değişikliklerinizi XML dosyaları aracılığıyla uygulayabilirsiniz. Bu XML dosyaları, mevcut OpenCart dosyalarının belirli kısımlarını hedefleyerek değişikliklerinizi yapar. vQmod eklentisini OpenCart'a kurup kullanmayı öğrenmelisiniz.

2. Özel Temalar ve Eklentiler: OpenCart, özel temalar ve eklentiler oluşturmanıza izin verir. Kaynak dosyalarını değiştirmeden, bu temaları ve eklentileri kullanarak özel kodlarınızı ekleyebilirsiniz. Bu, OpenCart'ın güncellemelerini uygularken değişikliklerinizin korunmasına yardımcı olur.


WordPress için:


1. Child Temalar kullanmak: WordPress'te, ana temayı değiştirmeden özel değişiklikler yapmanıza olanak tanıyan "Child Theme" (Çocuk Tema) kullanabilirsiniz. Child Theme, ana temanın bir alt temasıdır ve ana temadan miras alır. Child Theme'i kullanarak, temanın stil dosyalarını, şablonlarını ve işlevlerini değiştirebilirsiniz. Bu, ana temanın güncellenmesi durumunda değişikliklerinizi korumanıza yardımcı olur.

2. Filtreler ve Hooks kullanmak: WordPress, kod üzerinde değişiklik yapmadan temanızın işlevselliğini özelleştirmenizi sağlayan birçok filtre ve hook sunar. Bu filtreler ve hook'ları kullanarak, mevcut işlevleri ve şablonları değiştirmeden özel işlevselliği ekleyebilir veya değiştirebilirsiniz.

3. Özel Eklentiler kullanmak: İhtiyacınıza göre özel eklentiler oluşturabilirsiniz. Bu eklentiler, WordPress'in işlevselliğini genişletebilir ve mevcut tema veya eklentileri etkilemeden özel kodlarınızı uygulamanıza yardımcı olabilir.


Bu yöntemler kaynak dosyaları değiştirmediği için, güncellemeler ve bakım işlemleri sırasında özelliştirmek için eklediğiniz kodlarınızın korunmasını sağlayacaktır.

Wordpress - Fluent SMTP Ayarları (Gmail Workspace, Yerel Mail Server, ...)

 

Wordpress - Fluent SMTP Kurulumu & Ayarları (Gmail Gsuite Workspace, Yerel Mail Server, ...)

Wordpress sitenizin sağlıklı bir şekilde mail gönderebilmesi için smtp yöntemini öneririm. SMTP yöntemi ile mail gönderebilmek için de "Fluent SMTP" eklentisi bence gayet başarılı (test ettim). Bu eklenti "FluentSMTP & WPManageNinja Team" tarafından geliştirilmiştir. 

Eklentiyi kurun ve ayarlarına girin. İlk ekranda sizden mail sağlayıcınızı seçmenizi isteyecektir. Seçtikten sonra gerekli ayarları yapıp kurulumu tamamlamış olacaksınız. Ben aşağıda deneyimlediğim yöntemleri ekliyorum:

Other SMTP (Kendi Web Sitenize Ait Yerel Mail Hesabınız İçin)

info@firmaniz.com gibi (gmail veya yandex gibi bir yere bağlı olmayan) kendi domain adresinizle biten mail hesabınızı kullanmak istiyorsanız bu aşamaları uygulayın.

  1. Fluent SMTP ilk ekranından "Other SMTP" seçeneğini seçerek başlayın.
  2. "From Email" kutusuna eklemek istediğiniz hesabın mail adresini yazın: info@firmaniz.com
  3. "From Name" kutusuna mail gönderen adı olarak görünmesini istediğiniz adı girin: Firma Adı
  4. Önerilen kutucuklar işaretlenmiştir öyle kalsın, diğer kutucukları işaretlemeyin.
  5. "SMTP Host" kutusuna mail ayarlarınızdan aldığınız Giden Sunucu bilgisini yazın: mail.firmaniz.com
  6. "SMTP Port" kutusuna mail ayarlarınızdan aldığınız Giden Sunucu Port bilgisini yazın: 465
  7. "Encryption" kısmından port olarak 465 girmişseniz SSL'i seçin. Diğer portlar için TLS'yi seçin.
  8. "SMTP Username" kutusuna mail adresinizi yazın: info@firmaniz.com
  9. "SMTP Password" kutusuna mail adresinizin şifresini yazın: ***
  10. "Save Connection Settings" butonuna tıklayarak işlemi bitirin.


Gmail (Google Workspace)

firmaniz@gmail.com veya google workspace'e kayıtlı info@firmaniz.com gibi bir mail adresiniz varsa smtp ayarlarını aşağıdaki şekilde uygulayın.

  1. Fluent SMTP ilk ekranından "Gmail - Google Workspace" seçeneğini seçerek başlayın.
  2. "From Email" kutusuna eklemek istediğiniz hesabın mail adresini yazın: info@firmaniz.com
  3. "From Name" kutusuna mail gönderen adı olarak görünmesini istediğiniz adı girin: Web Sitem
  4. Önerilen kutucuklar işaretlenmiştir öyle kalsın, diğer kutucukları işaretlemeyin.
  5. "Application Client ID" ve "Application Client Secret" bilgilerini Google Workspace panelinizden temin edeceksiniz. Google Workspace panelinizden yeni bir proje ve gmail api'si oluşturarak bunu yapıyorsunuz. Fluent SMTP kendi sitesinde bu konuyu resimli olarak güzelce anlatmış. Bu sayfadaki işlemleri sırasıyla uygulayarak ID ve Secret bilgilerini alabilirsiniz.
  6. ID ve Secret bilgilerini girdikten sonra “Authenticate with Google & Get Access Token” butonuna tıklayın. Çıkan pencereden gmail hesabınızı seçip devam edin ve gelen token'ı kopyalayın.
  7. Bu token'ı Fluent SMTP ekranında altta çıkan "Access Token" kutusuna girin. "Save Connection Settings" butonuna tıklayarak işlemi bitirin.
SMTP ayarlarını başarıyla tamamladıysanız artık web sitenizin iletişim formu üzerinden deneme yapabilirsiniz. Başka bir işleme gerek yoktur. Artık web sitenizden maillerin gitmesi beklenir.

Wordpress - Contact Form 7 Kurulumu

 

Wordpress - Contact Form 7 Kurulumu

Contact Form 7, wordpress için en çok kullanılan ve kullanımı basit bir iletişim formu eklentisidir. Aşağıdaki şekilde ayarlarını yaparak iletişim formunuzu oluşturabilirsiniz. Bu formun kısa kodunu da iletişim formunuz hangi sayfaya eklenecek ise o kısma eklemeniz yeterli olacaktır.

Öncelikle forma kısa bir ad verin: CF7 gibi.

Form Sekmesi:

<label> Adınız
    [text* your-name autocomplete:name] </label>

<label> E-posta adresiniz
    [email* your-email autocomplete:email] </label>

<label> Konu
    [text* your-subject] </label>

<label> İletiniz (tercihe bağlı)
    [textarea your-message] </label>

[submit "Gönder"]

Posta Sekmesi:

Posta
Kime:
info@websiteniz.com
Kimden:
info@websiteniz.com
Konu:
Web Site Adınız - İletişim Formu - [your-name]
Ek başlıklar:
Reply-To: [your-email]
İleti gövdesi:
Kimden: [your-name]
E-Posta: [your-email]

Mesaj:
[your-message]

-- 
Bu e-posta websiteniz.com iletişim formu doldurularak gönderildi.

Eğer iletişim formunu dolduran ziyaretçiye de aynı mailin gitmesini istiyorsanız "Posta (2) kullan" seçeneğini işaretleyip aşağıdaki ayarları uygulayın.

Posta (2)*

* Uyarı: Posta 2 kısmı ziyaretçinin yazdığı e-mail adresine mesaj göndereceği için [your-email] siteniz üzerinden spam mail göndermek isteyen kişilere bir açık nokta vermiş olursunuz. Eğer posta (2) yi açacaksanız Akismet reCAPTCHA veya benzeri spam koruması kullanmanızı öneririm!

Kime:
[your-email]
Kimden:
info@websiteniz.com
Konu:
Web Site Adınız - İletişim Formu - [your-name]
Ek başlıklar:
Reply-To: [_site_admin_email]
İleti gövdesi:
Kimden: [your-name]
E-Posta: [your-email]

Mesaj:
[your-message]

-- 
Bu e-posta websiteniz.com iletişim formu doldurularak gönderildi.

"HTML içerik türünü kullan" kutucuklarını her ikisini de işaretleyin.

Mesajlar Sekmesi:

Aşağıdaki mesajları sırayla girebilirsiniz.
Mesajınız gönderildi. Ekibimiz en kısa sürede size dönüş yapacaktır. Teşekkür ederiz.
Mesajınız gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin.
Bir veya daha fazla alanda hata bulundu. Lütfen kontrol edin ve tekrar deneyin.
Mesajınız gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin.
Mesajınızı göndermeden önce şartları ve koşulları kabul etmeniz gerekmektedir.
Boş bırakılamaz!
Çok uzun!
Çok kısa!
Dosya yüklenirken bilinmeyen bir hata oluştu.
Bu dosya türünü yükleme iznine sahip değilsiniz.
Dosya çok büyük.
Dosya yüklenirken hata meydana geldi.
Tarih formatı yanlış.
Tarih, izin verilen en erken tarihten önce olamaz.
Tarih, izin verilen son tarihi geçemez.
Sayı biçimi geçersiz.
İzin verilen minimum sayıdan daha küçük.
İzin verilen maksimum sayıdan daha büyük.
Cevap doğru değil.
E-posta adresi geçersiz.
URL geçersiz.
Telefon numarası geçersiz.

Bu ayarlar yeterlidir. Formu kaydedebilirsiniz. Üstte mavi bur kutu içinde bu formun kısa kodu yer almaktadır. Bu kodu kopyalayıp iletişim formunuz hangi sayfaya eklenecek ise o kısma eklemeniz yeterli olacaktır.

Eğer Elementor editörünü kullanıyorsanız:
  • Formu ekleyeceğiniz sayfayı Elementor ile açın.
  • Bileşenlerden Form Styler bileşenini sayfada formun görünmesini istediğiniz yere ekleyin.
  • Form Styler bileşeninin ayarlarında bulunan Form Source kutusundan Contact Form 7'yi seçin.
  • Select Template kutusundan da hangi formu ekleyecekseniz onun ismini seçin. Formunuz ekranda belirecektir. Artık varsa biçimsel ayarlarınızı yapıp yayınlayabilirsiniz.
* Formun biçim ayarlarını elementor veya css üzerinden değiştirebilirsiniz.
* Formu ekledik ve sıra geldi SMTP ayarlarını yani mail gönderimi yapılacak hesabın web sitesine eklenmesi ve mail ayarlarının yapılması işlemine. Bu iş için "Fluent SMTP" eklentisini öneririm. Geliştiricisi; "FluentSMTP & WPManageNinja Team" olan bu eklenti ile mail gönderim işlemlerinizi yapabilirsiniz. Bu ayarları yapmadan form eklentisi bir işe yaramayacaktır, çünkü mail bildirimi olmayacak. Fluent SMTP ayarlarını nasıl yapacağınızı bu yazımdan okuyabilirsiniz.

Adım Adım Wordpress Sitesi Kurma

 

Adım Adım Wordpress Sitesi Kurma

Bu yazıda "Royal Elementor Kit" kullanarak bir site kurulumunu adım adım yazmaya çalıştım. Farklı temalar ile benzer işlemler yaparak ilerleyebilirsiniz.

Not: Tema üzerinde özelleştirme yapmak için 4. adımdan sonra css ve js için eklentiler önerdim. Fakat bu özelleştirmeleri Child Theme ekleyerek de yapabilirsiniz. Eğer kaynak dosyalarda değişiklik yapmak gibi detaylı özelleştirmeleriniz olacaksa Child Theme yöntemi ile devam edebilirsiniz. Bu durumda bahsettiğim css ve js eklentilerine ihtiyacınız olmaz. Bu ayrımı baştan yapıp aşağıdaki adımları ona göre uygulayın. Child Theme nedir ve nasıl eklenir sorularına buradan yanıt bulabilirsiniz.

1. Temayı kurduktan sonra template kit paketini kurmak için bir buton çıkacak, bunu kur.
2. Free olanlardan bir template kit paketi seç ve kur.
3. Ayarlar menüsündeki tüm alt sayfalara girerek okuma, yorum gibi tüm ayarları size uygun şekilde yapın. Aşağıda önemli ayarları yazıyorum (bunları yapmanızı öneririm)
  • Ayarlar > Okuma: "Ana sayfa görüntülenmesi" için "Sabit sayfa" seçeneğini belirleyip ana sayfanızı kutudan seçin.
  • Ayarlar > Tartışma: " İnsanların yeni yazılara yorum yapmasına izin ver" ve "Kademeli yorumlar.." seçeneklerini pasif yapın. "Yorum el ile onaylanmalı" aktif olsun.
  • Ayarlar > Ortam: "Yüklemelerimi aylık -ve yıllık- bazda klasörlerde tut" işaretini kaldır (blog benzeri bir site yapmıyorsanız bu ayarı öneririm).
  • Ayarlar > Kalıcı bağlantılar: "Yazı ismi" seçeneğini aktif yapın.
4. Css ve Js ekleyerek tema üzerinde özelleştirme yapmak için Simple Custom CSS and JS (by SilkyPress) eklentisini kur (Child tema kullanıyorsanız bu ekletilere gerek olamayabilir).
5. custom_fg adıyla css ve js dosyası ekle (eklerken sağdaki ayarlarından harici dosya ve head seçeneklerini belirleyin).
6. Ayrı bir sekmede Royal Addons > Theme Builder menüsüne girip Header sekmesindeki edit butonuna tıklayın. Elementor açılacak. Buradan önce logoya tıklayıp svg logoyu görünen üç yere de ekleyin.
7. Klavuz penceresinden en üstteki bölüm yazısına tıklayın. Soldaki panelden Gelişmiş sekmesindeki CSS ID kısmına "fgtopbar" gibi benzersiz bir id ismi verin.
8. custom_fg.css dosyasına header'a svg logo desteği için şunları ekle:
#fgtopbar .wpr-logo,
#fgbottombar .wpr-logo {
    width: 100%;
}
#fgtopbar .wpr-logo-image img,
#fgbottombar .wpr-logo-image img {
    width: 100%;
}
#fgtopbar .wpr-logo-image {
    max-width: 136px !important;
    margin: 0;
}
9. Bundan sonra css'e sitedeki diğer buton rengi, yazı, rengi, header rengi gibi özelleştirmelerinizi ekleyerek ve bir yandan da slide, başlık gibi alanlara içeriklerinizi girerek sitenizin ilk ayarlamalarını yapın.
10. 6. adımdakine benzer şekilde varsa Footer düzenlemelerini de yapabilirsiniz.
11. Sayfalar menüsüne gelin ve her sayfayı hızlı düzenle diyerek adını ve kısa adını düzeltin.
12. Tavsiye ettiğim aşağıdaki eklentileri kurun:
  • "Yoast Duplicate Post" eklentisini sayfa ve postları kopyalamak/çoğaltmak için kurun.
  • "Yoast Seo" eklentisini kurun ve ilk ayarları yapın. Böylece temel Seo ayarlarınızı yapmış olacaksınız.
  • "Contact Form 7" kur ve ayarlarını yap, sitede iletişim formu olarak uygun yere ekle. Contact Form 7 kurulumu hakkındaki yazıyı buradan detaylı olarak inceleyebilirsiniz. Son olarak bu formun mail gönderebilmesi için bir sonraki maddede açıklayacağım smtp eklentisini kurmanız gereklidir.
  • Mail gönderimi için web sitenizde SMTP ayarlarının yapılmış olması gereklidir. Bu iş için "Fluent SMTP" eklentisini öneririm. Geliştiricisi; "FluentSMTP & WPManageNinja Team" olan bu eklenti ile mail gönderim işlemlerinizi yapabilirsiniz. Fluent SMTP ayarlarını nasıl yapacağınızı buradan okuyabilirsiniz.
  • "Akismet Anti-Spam: Spam Protection" eklentisi ile spam yorumları engelleyin.
  • Seo amaçıyla yüklemenizi önerdiğim diğer eklentiler "Google tarafından Site Kit" ve "IndexNow by Microsoft Bing". Bu eklentileri bağlarken Google ve Bing seo bağlantılarını da kurmuş olacaksınız.
13. Temel olarak yapacaklarımız bu kadar. Artık yazılarınızı veya sayfalarınızı içerik olarak oluşturabilirsiniz. 
14. İsteğe ve ihtiyaca bağlı kullanabileceğiniz aşağıdaki eklentileri tavsiye ederim:
  • "GTranslate by Translate AI Multilingual Solutions" İngilizce veya başka dilleri sitenize eklemek istiyorsanız bulut çevirme özelliği ile direk tarayıcı üzerinden sitenizin dilini değiştirebilen bir eklentidir. Böylece sayfa içeriklerinizi tek tek çevirmek gibi zahmetli bir işten kurtulursunuz. Detaylı bilgi için buradan yardım alabilirsiniz.
  • "Popup Maker by Popup Maker" web sitenizde popup oluşturmak, e-posta aboneliği vb açılır pencere işlemleri için kullanabileceğiniz bir eklentidir. Ben genelde "Çerezleri Kullanıyoruz" uyarısı için kullanıyorum. Buradan nasıl ekleneceğini okuyabilirsiniz.
  • "Jetpack" eklentisi ile site istatistikleri, hız ve performans, seo araçları gibi faydalı olabilecek araçları wordpress sitenize eklemiş olursunuz.
  • "Webcraftic Disable Comments" eklentisi ile yorumları kapatabilirsiniz.

Yukarıdaki adımlarda 4. adımdan sonra bahsetmeye başladığım custom css ve js kodları yerine tema özelleştirmeleriniz için Child Theme yani çocuk teması ekleme yolunu da alternatif olarak uygulayabilirsiniz. Child tema kullanma ihtiyacı css ve js özelleştirmelerinden ziyade, kaynak kodlarda (örneğin header.php içindeki kodlarda) değişiklik yapmak istediğinizde ortaya çıkacaktır. Eğer tema dosyalarında bu anlamda özelleştirmeler düşünüyorsanız Child tema oluşturabilirsiniz. Bu durumda yukarıda anlattığım custom css ve/veya js eklentisine ihtiyaç duymayabilirsiniz. Çünkü Child temanın style.css dosyasına zaten bu özelleştirmeleri ekleyeceksiniz.

...
Son Güncelleme: 12/10/2023

Wordpress'de Next, Previous, Tags gibi ifadeleri Türkçeye Çevirme

 

Wordpress translate Next, Previous, Tags etc. 

Bazı kelimeleri çevirmek istediğiniz ve bunu normal yollarla yapamadıysanız o halde js ve css kullanarak denemenizi öneririm.

1. Simple Custom CSS and JS eklentisini kurun. Bu eklenti benim tercih ettiğim ve kullandığım basit kullanımlı bir eklentidir. Kolayca sitenize ek js ve css kodları eklemenizi sağlar.
2. Eklentinin menüsünden "Özel JS Ekle" tıklanarak aşağıdaki kodu yapıştırın.
jQuery(document).ready(function( $ ){
    $('.nav-next .meta-nav').text('Sonraki yazı');
    $('.nav-previous .meta-nav').text('Önceki yazı');
});
3. Bu koda benzer şekilde translate yapacağınız tüm elementleri ekleyin.

2020 En İyi Wordpress Eklentileri



2020 En İyi Wordpress Eklentileri | 2020 Best Wordpress Plugins
Son Güncelleme | Last Update: 1.12.2020

  • Bir çok eklenti arasından en kullanılışlı gördüklerimi (en çok indirilenleri değil) sizlerle paylaşacağım. 
  • Hepsini kullandım ve sizlere öneriyorum. Genelde pro veya premium kısıtlaması olmayan tamamen ücretsiz eklentileri seçtim. 
  • Kullanım amaçlarına göre listeleyeceğim. 
  • Yazılan eklenti adlarını kopyalayıp Admin > Plugins > Add New tıklayarak aratınız.

KULLANIM AMAÇLARINA GÖRE EKLENTİLER

Wordpress üyelik sistemini ve sayfalarını düzenleme
User Registration WPEverest
Simgesi laleye benzeyen bu eklenti, standart accounts, login, register, forgot password vs gibi üyelik sayfalarını özelleştirmenizi sağlayacaktır. Kendi üye kayıt formunuzu oluşturmanıza imkan vermektedir ki bu benzerleri arasından bu eklentiyi tercih sebebim oldu. Dökümantasyon sayfası kurulumda size yardımcı olacaktır.

Wordpress sayfaları veya sayfa içeriklerini üyelere özel yaparak gizleme
Private Content Aldo Latino
Örneğin bir sayfanız var ve üye olmayanlar sadece bir mesaj görsün ve giriş yapmaya yönlendirilsin istiyorsunuz, üye olanlar ise bu sayfa içeriğini görebilsin istiyorsunuz. İşte bu durumda işinize yarayacak short code desteği olan bir eklentidir. Aslında bütün özellikleri short code olarak çalışıyor desek daha doğru olacak. github sayfası kurulumdan sonra size yardımcı olacaktır.

Wordpress eklentilerini farklı dillere çevirme
Loco Translate
Kullandığınız bir eklentinin Türkçe desteği yoksa bu eklenti tam size göre. Plugin translate deyince ilk akla gelen ve en kapsamlı eklenti gördüğü kadarıyla. Fakat ilk denemenizde işe yaramadı çevirmedi gibi düşünmeyin. 1) Öncelikle çevirmek istediğiniz eklentiyi listeden seçin. 2) New language butonuna tıklayın ve burdan wp genel ayarlar sekmenizde seçili olan sistem diliniz ne ise onu seçin (burası önemli!). 3) Yine önemli olan diğer kısım location kısmı yani dil dosyasının nereye ekleneceği. Burda 3 farklı yöntem var. Ben burda languages/loco/plugins/ornek-plugin-tr_TR.po yolunu seçtim. 4) Çeviri yapacağınız ifadeyi aratın ve alta seçtiğiniz dildeki tercümesini ekleyin ve kaydedin. 5) Bu eklentiyi kullandığınız sayfayı/postu update yapın (bunu yapmayınca çeviri aktif olmayabiliyor). 6) Yine de olmazsa mevcut çeviri dosyasını silip, 3. aşamada söylediğim diğer iki location için işlemleri tekrarlayın.

Wordpress sayfalarında sağ tuş ve içerik kopyalanmasını engelleme
WP Content Copy Protection with Color Design
Sayfalarınnızda sağ tuşa tıklanmasını ve içerik kopyalanmasını (seçerek, ctrl+a, vs) engellemek istiyorsanız bu eklentiyi kullanabilirsiniz. Sağ tuşa tıklandığında editlenebilir bir uyarı mesajı çıkması ve belirli sayfa/postlar için bu engellemeyi yapabilmesi bu eklentiyi benzerlerinden öne çıkarmaktadır.

    Wordpress sayfalarına css veya js kodları ekleme
    Simple Custom CSS and JS
    Bu eklenti ile sayfaların header veya footer kısmına js, css veya html kodları ekleyebilmektesiniz. Bu tarzda farklı eklentiler var fakat sağlıklı çalışmıyor, bu eklenti sağlıklı bir şekilde çalışmaktadır.

     

    Wordpress Çıkış Sonrası Onay İsteminin Kapatılması

    Wordpress Bypass Logout Confirmation 

    Kullanıcı çıkış yaptığında gelen "Çıkmak istiyor musunuz?" benzeri bir soruyu almadan direk çıkış yapmak istiyorsanız, aşağıdaki kodu functions.php içerisine ekleyin. Böylece çıkış butonuna tıkladıktan sonra oturumunuz sonlanacak ve direk anasayfaya yönlendirileceksiniz.

    /**
     * Generates custom logout URL
     */
    function getLogoutUrl($redirectUrl = ''){
        if(!$redirectUrl) $redirectUrl = site_url();
        $return = str_replace("&amp;", '&', wp_logout_url($redirectUrl));
        return $return;
    }
    /**
     * Bypass logout confirmation on nonce verification failure
     */
    function logout_without_confirmation($action, $result){
        if(!$result && ($action == 'log-out')){ 
            wp_safe_redirect(getLogoutUrl()); 
            exit(); 
        }
    }
    add_action( 'check_admin_referer', 'logout_without_confirmation', 1, 2);
    

    Wordpress Admin Menü Çubuğunu Kaldırma

    Wordpress'e Admin Menü Çubuğunu Kaldırma (Admin Hariç Diğer Kullanıcılar İçin)

    Kullanıcı siteye giriş yaptığında en üstte görünen siyah menü çubuğunu (admin menu bar) kaldırmak için aşağıdaki kodu functions.php içine ekleyin. Admin hariç diğer kullanıcılar için kaldırılmış olacaktır.

    /**
     * Remove Admin Bar
    */
    function wpb_remove_admin_bar() {
        if (!current_user_can('administrator') && !is_admin()) {
              show_admin_bar(false);
        }
    }
    add_action('after_setup_theme', 'wpb_remove_admin_bar');
    

    Wordpress'e Jquery Kodu Ekleme (functions.php)

    Wordpress'e Jquery Kodu Ekleme (functions.php) | Add Additional Jquery Code into Wordpress

    - Ftp'den, cpanel dosya yöneticisinden veya wordpress theme editor içinden functions.php dosyasını açın. Konumu: / httpdocs / wp-includes / functions.php
    - En alta bu kodları ekleyin ve örnekteki gibi jquery kodlarınızı düzenleyin. Hepsi bu kadar. Böylece bu kodlar bütün sayfalarda çalışmış olacaktır.
    function wpb_hook_javascript() {
        ?>
        <script>
        var $j = jQuery.noConflict();
        $j(function(){
    
            $j('.baslik').text('Deneme');
            $j('.metin').hide();
    
        });
        </script>
        <?php
    }
    add_action('wp_head', 'wpb_hook_javascript');
    

    Wordpress ThemeForest Temasını Güncelleme (Envato Market)


    Wordpress ThemeForest Temasını Güncelleme (Envato Market)
    Update Wordpress ThemeForest Theme (Envato Market)


    1. https://envato.com/market-plugin/upgrading/ adresinden "Envato Market" eklentisini indirin (eski Envato Toolkit eklentisini kurmayın).
    2. İndirdiğiniz zip dosyasını eklentiler menüsünden "yeni ekle" butonuna tıklayarak kurun ve aktifleştirin.
    3. Sol menüye gelen Envato Market menüsüne tıklayın.
    4. Burada Api token bilgisini girmeniz için bir kutu var. Bu token kodunu almak için yine bu settings sekmesinde "clicking this link" yazan yere tıklayın. Sizi token alacağınız Envato sitesine yönlendirecek. 
    5. Burada bir token name yazmanızı isteyecek yazın ve altta izin kutularından şu üçünü seçin (bu üçünden başka seçmeyin! hata oluşuyor)
      1. View and search Envato sites
      2. Download your purchased items
      3. List purchases you've made
    6. Sonra Terms and Conditions kutusunu işaretleyip "Create Token" tıklayın.
    7. Size token kodunu verecek. Kopyalayın ve kutucuğu işaretleyip düğmeye tıklayın.
    8. Bu token kodunu 4. aşamada bahsettiğim kutuya girin ve Save Changes düğmesine tıklayın. Başarılı mesajını aldıysanız bir de Test Api Connection düğmesine tıklayın. Yine başarılı mesajını almışsanız artık güncellemeleri alabilirsiniz demektir.
    9. Envato Market > Themes sekmesinde update varsa göreceksiniz ve update linkine tıklayınca otomatik olarak temanız güncellenecektir.
    10. İşte bu kadar!

    Wordpress Upload Edilen Medyaların Dosya Adını Değiştirme



    Wordpress upload edilen medyaların adını değiştirme

    Wordpress rename uploaded file


    Normalde upload ettiğiniz dosyaların adını değiştiremezsiniz. Hatta bunu ftp'den yaparsanız wordpress bu dosyayı bulamaz ve hata oluşur. Uyguladığım en iyi çözümü anlatacağım.

    1. Phoenix Media Rename eklentisini kurunuz.
    2. Bu eklentiyi kurduktan sonra ortam (media) menüsünden dosyanın edit sayfasını açın. 
    3. Filename adlı kutudan yeni ismi verin ve güncelleyin. Hepsi bu kadar. 
    4. Eğer dosyanın kalıcı bağlantısını (permalink) değiştirmek istiyorsanız; aynı edit sayfasında yazı kısa ismi (permalink) kutusuna yazmanız yeterli olacaktır (bu kutu görünmüyorsa Ekran Tercihleri'nden açınız).

    WordPress wp-config.php Dosyasını Koruma (dogushan.com)


    Alıntı yapılmıştır, kaynağından okumak için lütfen tıklayınız:
    https://www.dogushan.com/wordpress-wp-config-php-dosyasini-koruma/

    WordPress wp-config.php Dosyasını Koruma:

    Sitenize olan saldırıları önlemek için mutlaka yapmanızı öneririm.

    Çözüm:

    • wp-config.php dosya iznini (CHMOD) 600 yapın. (400 yapınca wordpress admin panel pluginleri bu dosyada işlem yapamıyor. Örneğin WP Super Cache eklentisi gibi)
    • .htaccess içine bu kodu yapıştırıp kaydedin.
      <files wp-config.php>
      order allow,deny
      deny from all
      </files>
      

    En çok kullanılan CHMOD değerleri:

    400     r--------       files (won't let you accidentally erase)

    444     r--r--r--      files (lets everyone read)

    600     rw-------     files (no one else can read or see files)

    644     rw-r--r--      files

    664     rw-rw-r--      files

    666     rw-rw-rw-     files

    700     rwx------          programs and directories

    750     rwxr-x---          programs and directories

    755     rwxr-xr-x          programs and directories

    777     rwxrwxrwx     programs and directories

    WordPress: Yazının ilk kategorisini yazdırma


    WordPress yazının ilk kategorisi | Wordpress first category of the post:

    WordPress'de yazılara kategori ekleyebiliriz. Fakat kategori fonksiyonları tüm kategorileri bize çıktı olarak vermektedir. Peki sadece ilk kategoriyi (veya ikinciyi ..vs) ekrana yazdırmak istiyorsak ne yapmalıyız?

    Çözüm:

    Bu kodu yazdırmak istediğiniz sayfanın kodları içine ekleyin.
    term_id ) ) . '">' . esc_html( $categories[0]->name ) . '
    '; } ?>

    2018 En İyi Wordpress Eklentileri



    2018 En İyi Wordpress Eklentileri | 2018 Best Wordpress Plugins
    Son Güncelleme | Last Update: 21.12.2018

    • Bir çok eklenti arasından en kullanılışlı gördüklerimi (en çok indirilenleri değil) sizlerle paylaşacağım. 
    • Hepsini kullandım ve sizlere öneriyorum. Genelde pro veya premium kısıtlaması olmayan tamamen ücretsiz eklentileri seçtim. 
    • Kullanım amaçlarına göre listeleyeceğim. 
    • Yazılan eklenti adlarını kopyalayıp Admin > Plugins > Add New tıklayarak aratınız.

    HER SİTE İÇİN GEREKEN EKLENTİLER

    Wordpress url içinden category ifadesini kaldırma / Wordpress remove category from url
    Yoast SEO
    Kurduktan sonra Yoast > Search Appearance >  Kategoriler > Category URLs seçeneğini Kaldır olarak belirleyin.

    Wordpress backup and restore
    UpdraftPlus - Backup/Restore
    Bence en iyi backup alma eklentisi. Sitenizin komple yedeğini alabilir, bu arşivin içine girebilir. Ayrı ayrı veya komple geri yükleme yapabilirsiniz. İsterseniz yedekleri indirme imkanı da veriyor.

    Wordpress url içinden tag ifadesini kaldırma / Wordpress remove tag from url
    WP No Base Permalink
    Kurduktan sonra Settings > Permalinks >  Disabled Tag Base kutusunu işaretleyin.

    Wordpress siteyi bakım veya yakında moduna alma / Wordpress Coming Soon & Maintenance
    CMP - Coming Soon & Maintenance Plugin
    Bu eklentinin diğerlerinden farkı white list ve black list yapabilmeniz. Yani sadece anasayfa linki için bakım moduna alıp, diğer linklerin açılmasına izin verebilirsiniz...

    Wordpress yazı ve sayfaları çoğaltma / Wordpress duplicate post and page

    Duplicate Page and Post
    Yazı ve sayfaların alt kısmına Duplicate butonu eklenir.

    Wordpress sayfaları önbellekleme / Wordpress cache page

    WP Super Cache
    Sayfaları ve yazıları cache'e alabilir veya kapatabilirsiniz. Ben daha çok bir eklentide değişiklik yapıp sitede hala eski halini görünce, cache'i boşaltmak için kullanıyorum.

    Wordpress başlık alanına video-resim ekleme / Wordpress add video-image into header

    Advanced WordPress Backgrounds
    Çok aradım ve şiddetle tavsiye ederim. Header alanında bir video oynatmak istiyordum ama mobilde bir türlü video görünmüyordu. Bu eklenti sorunu çözdü. Tabiki resim, youtube veya kendi videolarınızı da ekleyebilirsiniz. Seçenekleri gayet tatmin edici.

    Wordpress SMTP mail ayarları  / Wordpress SMTP mail settings

    WP Mail SMTP by WPForms
    Site üzerinden mail göndermek istiyorsanız (Contact Form 7...vs)
    öncelikle bu eklentiyi kurmalısınız ve gereken mail bilgilerini girmelisiniz.

    Wordpress iletişim formu/ Wordpress contact form

    Contact Form 7
    En beğendiğim iletişim formu eklentisidir.

    Wordpress abone ol listesi / Wordpress subscriber list

    Newsletter
    Bu eklenti sitenize abone ol formu eklemektedir. Listeyi yönetebilir, toplu mail atabilir, mail şablonları oluşturabilirsiniz. Çok kapsamlıdır.

    Wordpress ziyaretçi sayacı / Wordpress visit counter

    Count per Day
    Sade ve basit bir ziyaretçi sayacı eklentisidir. Günlük, aylık, sayfa başı...vs tıklama istatistiklerini verir. Başlangıç menüsü altında bulacağınız kendine özel Dashboard sayfası güzel tasarlanmıştır.

    Wordpress sosyal medya ikonları ekleme / Wordpress add social media icons

    Social Media and Share Icons (Ultimate Social Media)
    Sitenizin herhangi bir yerine sosyal medya hesapları ikonlarını ekler.

    Wordpress sitenize farklı dil seçenekleri ekleme / Wordpress add multi language

    WPML Multilingual CMS
    Dil menüsünü özelleştirebilirsiniz. Sayfaları düzenleme ekranında sağ tarafta görünür ve + butonuna tıklayarak o dil için sayfanıza çeviri ekleyebilirsiniz. İçeriği TR den kopyala diyerek aynı içeriği alıp ilgili yerleri çevirirsiniz.

    Wordpress sitenizde ziyaretçi yorumlarını gösterme / Wordpress show testimonials

    Strong Testimonials
    Anasayfanıza ziyaretçi yorumlarını slider olarak eklemek için kullandım. Ayarları oldukça fazla. Örneğin slide geçişleri, butonlar, sayfalama, ...vs
    Wordpress upload edilen medyaların adını değiştirme / Wordpress rename uploaded file
    Phoenix Media Rename
    Normalde upload ettiğiniz dosyaların adını değiştiremezsiniz. Hatta bunu ftp'den yaparsanız wordpress bu dosyayı bulamaz ve hata oluşur. Bu eklentiyi kurduktan sonra ortam (media) menüsünden dosyanın edit sayfasını açın. Filename adlı kutudan yeni ismi verin ve güncelleyin. Hepsi bu kadar. Eğer dosyanın kalıcı bağlantısını (permalink) değiştirmek istiyorsanız; aynı edit sayfasında yazı kısa ismi (permalink) kutusuna yazmanız yeterli olacaktır (bu kutu görünmüyorsa Ekran Tercihleri'nden açınız).

    Wordpress indirme yöneticisi / Wordpress download management

    Download Monitor
    Download Manager eklentisi ile neredeyse aynı fakat özellikle Türkçe desteği olmak üzere daha iyi olduğunu test ettim. Sitenizden indirilen dosyaları izlemek, özel indirme sayfası ve butonu koymak, indirme sayasını bilmek için kullanabilirsiniz

    Wordpress galeri / Wordpress 
    gallery
    Photo Gallery (by Photo Gallery Team)
    Kasım 2018 itibariyle galeri eklentileri içinden %80'ini test ettim. Sonuç olarak Photo Gallery yüzlerce resmi işleyebilmesi, etiketleyebilmesi, sıralayabilmesi, arama imkanı vermesi, filtreleme-search box butonlarını galeriye ekleme imkanı vermesi, sayfalama yada daha fazla yükle opsiyonlarının olması, title bilgilerini alabilmesi gibi aradığım özellikleri barındırdığı için tercih ettim. Bana göre eksi tarafı; wordpress'e eklenen fotoğraflar bile olsa bunları kendisinin tekrar ayrı bir klasöre import etmesi, bu disk kullanımını arttırmaktadır, fakat görselleri tehlikeye atmaması yönüyle bi yönüyle de iyi bir özellik. Eğer bu sizin için önemli ise Envira Gallery eklentisini alternatif olarak önerebilirim. Diğer eklentiler de bu saydığım özelikler bir yönüyle yok. Ben özellikle yüzlerce resmi barındırıp sağlıklı bir şekilde görüntüleyen bir eklenti bulma konusunda zorluk yaşadım. Photo Gallery bu yönüyle tercih edilebilir.

    ..devamı gelecektir.

    PROJEYE ÖZEL EKLENTİLER

    Wordpress  yazıları grid şeklinde listeleme / Wordpress show posts like grid view

    Post Grid
    Content Views (satın almak isterseniz görünüm modları çok hoş olan bir eklenti)
    Ayarları esnek. Pinterest gibi (masonry) görünüm seçenekleri mevcut.

    Wordpress  ziyaretçi defteri ekleme / Wordpress add guestbook

    Gwolle Guestbook
    Oku ve yaz sayfaları ve kendi database'i var. TR için bazı düzenlemeleri var fakat %100 Türkçe yapmak için plugin kodlarında değişiklik yapmanız gerekecektir.

    Wordpress  fotoğrafları grid şeklinde gösterme / Wordpress photo grid

    PhotoBlocks Grid Gallery
    Fotoğrafları grid şeklinde gösterebilir ve üzerine metin ekleyebilirsiniz. Responsive ve şık bir görünüme sahip.

    Wordpress  fotoğrafları tab'lı albümler olarak gösterme / Wordpress make album with tab

    Portfolio Filter Gallery
    Üst tarafında tab menüsü olan bir albüm oluşturabilirsiniz. Bu tab'lara göre ilgili fotoğraflar filtrelenecektir. Fotoğrafları grid şeklinde gösterir.

    Wordpress içeriğinizi timeline şeklinde listeleme / Wordpress add events timeline

    Rich Event Timeline
    Aşağı doğru veya yana doğru (vertical or horizantal) zaman çizelgesi oluşturmanızı sağlar. Metin yada resim ekleyebilirsiniz. TR için ay isimlerini kodlardan düzenlemeniz gerekecektir.
    ..devamı gelecektir.

    Wordpress: Veritabanına kayıt limiti


    Yeni kayıt ekleyemiyorum:
    Wordpress panelinden yazı, sayfa veya herhangi bir plugin içinde yeni bir kayıt eklemek istediğinizde olmuyorsa, bunun nedeni php.ini dosyasında belirlenen input limiti olabilir (max_input_vars). Bu değeri arttırarak sorunu çözebilirsiniz. Fakat bazen php.ini dosyasına erişmek imkansız olabiliyor. Bu nedenle htaccess yöntemini önereceğim.

    Çözüm:
    - Öncelikle Cpanel > Select PHP Version > Php 7 olarak belirleyin.
    - Cpanel > Dosya Yöneticisi > .htaccess dosyasını açın. Dosya yönetecisi ayarlarında "Gizli dosyaları göster" açık olmalıdır. Yinede yoksa kendiniz oluşturun.
    - Şu kodu htaccess dosyanızın en sonuna ekleyin:
    #maksimimum kayıt sayısını arttırma
    php_value max_input_vars 10000
    php_value suhosin.get.max_vars 10000
    php_value suhosin.post.max_vars 10000
    php_value suhosin.request.max_vars 10000
    - Htaccess dosyasını kaydedin. Bu kadar.

    Wordpress Hata: İstediğiniz işlemi yapabilmek için WordPress web sunucunuza erişmelidir...

    Wordpress - Hata:

    "İstediğiniz işlemi yapabilmek için WordPress web sunucunuza erişmelidir. Lütfen devam etmek için FTP bilgilerinizi girin. Eğer giriş bilgilerinizi hatırlamıyorsanız, web barındırma firmanızla iletişime geçmelisiniz"

    Çözüm:

    wp-config.php dosyasını açın ve en alt satıra ekleyin:
    define('FS_METHOD', 'direct');