Opencart vQmod Kullanımı


vQmod nedir:

vQmod opencart kaynak dosyaları değiştirmeden dosyalar üzerinde değişiklikler yapabilmeye imkan sağlayan bir araçtır. Böylece hem değişikliklerinizi tek bi yerden görüp kontrol etmeniz kolaylaşır hem de kaynak dosyalar değişmediği için opencart versiyon güncellemesi yapmanız kolaylaşır. vqmod github üzerinden indirip kurabilirsiniz (https://github.com/vqmod/vqmod). Kurulumu oldukça basit (google da kolayca örnek video bulabilirsiniz). xml klasörü içerisine ekleyeceğiniz özelleştirmeler ile istediğiniz değişiklikleri yapmaya başlayabilirsiniz. xml klasörü içerisine dosya-ismi.xml şeklinde xml uzantılı dosyalar oluşturmalısınız*** Genelde alakalı işlemleri tek bir xml dosyasında toplamanızı öneririm.
*** xml dosyalarınız sistem tarafından dosya adına göre sırayla çalıştırılır. Dolayısı ile ilk yapılacak değişiklikler için örneğin dosya ismini a_ilk_islemler.xml yapın.
Aşağıda bir xml dosyası örneğini ekliyorum, bu şablonu kullanabilirsiniz:
<modification>
    <name>urun-duzenlemeleri</name>
    <version>v1.0</version>
    <author>Ayhan</author>
    <code>urun-duzenlemeleri</code>

    <file path="catalog/controller/product/product.php">
    <operation info="urun id bilgisini bir degiskene aktar">
        <search index="1"><![CDATA[$data['manufacturer'] = $product_info['manufacturer'];]]></search>
        <add position="before"><![CDATA[$this_product_id = $data['product_id'];]]></add>
    </operation>
    </file>
    
</modification>

vQmod parametre kullanımı:

position, index, offset gibi parametreleri iki yere de yazabilirsiniz. <search index="1" position="before"> veya <add index="1" position="before"> İki türlü de çalışacaktır. Fakat ben position ve offset parametrelerini add satırına, index parametresini ise search satırına yazmayı tercih ediyorum. info ise operation satırına yazılır ve yapılan işlemle ilgili size yardımcı olacak bir ifade yazabilirsiniz. Bu parametrelerin kullanıldığı örnekleri bu yazıda bulabilirsiniz.  

vQmod position kullanımı:

position parametresi before, after ve replace olarak üç farklı değer alır. Belirttiğiniz değişiklik aranılan ifadenin öncesine eklenecekse before, sonrasına eklenecekse after kullanın. Eğer aranılan ifadeyi değiştirmek istiyorsanız o zaman replace kullanın. 
* replace kullanımından kaçınmanızı öneririm, çünkü değiştirdiğiniz bir satırı başka bir opencart eklentisi veya başka bir vqmod xml dosyası kullanmış olabilir. Çok mecbur kalmadıkça replace yerine before ve after kullanın.
* Yine aranılan ifadeyi tam bir satır olarak yazmanız şart değil. Satırda geçen bir kısmı arayabilirsiniz. Örneğin bir satırda yazan kod şu şekilde olsun: 
$data['stock'] = $product_info['quantity'];
Burada iki türlü arama yapabilirsiniz:

<search><![CDATA[$data['stock'] = $product_info['quantity'];]]></search>
<add position="after"><![CDATA[$data['stock']++;]]></add>

<search><![CDATA[$product_info['quantity'];]]></search>
<add position="replace"><![CDATA[1 + $product_info['quantity'];]]></add>

vQmod index kullanımı:

index parametresini aradığınız ifade birden fazla yerde geçiyorsa hangi sıradaki arama sonucunu kastettiğinizi belirlemek için kullanırsınız. Eğer tek yerde geçiyorsa index kullanmanıza gerek yok. index kullanımında en çok karıştırılan konulardan birisi ilk bulunan karakteri belirlemek istiyorsanız index="1" yazmalısınız, yine sırasıyla ikinci bulunan için index="2", ...vb sırayla gidecektir. İnternette bazı kaynaklarda ilk bulunan için index="0" yazılmalı demişler fakat bu bende işe yaramadı (vQmod 2.6.4 versiyonunu kullanıyorum). 
İlk bulunan ifadeyi kasteden bir örnek kullanım aşağıdadır:
<file path="catalog/controller/product/product.php">
<operation info="urun id bilgisini bir degiskene aktar">
    <search index="1"><![CDATA[$data['manufacturer'] = $product_info['manufacturer'];]]></search>
    <add position="before"><![CDATA[$this_product_id = $data['product_id'];]]></add>
</operation>
</file>

vQmod offset kullanımı:

offset parametresini position="replace" kullandığımız zamanlarda ve aynı anda birkaç satırı birden değiştirmek istiyorsanız kullanırız. 
Çalışma mantığı şu şekildedir: aradığınız ifade ile satır bulunur, offset değerinde yazdığınız sayı kadar daha satır aşağıya doğru seçilir (yani offset="3" ise aradığınız satır + altındaki 3 satır seçilir). Boş satır bile olsa onu da saymak zorundasınız. Örnek kullanımı aşağıdadır.
Orjinal kod:
$data['button_cart'] = $this->language->get('button_cart');

$data['button_wishlist'] = $this->language->get('button_wishlist');
$data['button_compare'] = $this->language->get('button_compare');
vQmod değişiklik kodu (boş satırı da sayarsak aranılan satırdan sonra 3 satırı daha seçmeliyiz):
<operation info="birkac satiri degistir">
    <search><![CDATA[$data['button_cart'] = $this->language->get('button_cart');]]></search>
    <add position="replace" offset="3"><![CDATA[
    $data['button_cart'] = 'Go: ' . $this->language->get('button_cart');

    $data['button_wishlist'] = 'Go: ' . $this->language->get('button_wishlist');
    $data['button_compare'] = 'Go: ' . $this->language->get('button_compare');
    ]]></add>
</operation>
Değişikliğin uygulanmış hali:
$data['button_cart'] = 'Go: ' . $this->language->get('button_cart');

$data['button_wishlist'] = 'Go: ' . $this->language->get('button_wishlist');
$data['button_compare'] = 'Go: ' . $this->language->get('button_compare');
.

Video Yakalama ve İndirme (Video Grap/Download) Program ve Uzantısı

Video Yakalama ve İndirme (Video Grap/Download Program & Extension)

Web sitesinde izleyebildiğiniz bir videoyu yakalayıp indirebilmek için birkaç program ve uzantı denedim fakat hiçbiri istediğim gibi çalışmadı. Aşağıdaki program ve tarayıcı uzantısı gayet düzgün çalıştı. Tavsiye ederim. Bu arada MacOS ve Chrome tarayıcı kullanarak test ettim.

Neat Download Manager
https://www.neatdownloadmanager.com

Nasıl çalışır: Programı kurup açtıktan sonra üst menüden tıklayarak tarayıcı eklentisini de kurun. Daha sonra videoyu izleyeceğiniz web sitesini açıp videoyu izlemeye başlayın. Videonun üzerinde "2 Video" gibi bir buton çıkacaktır buraya tıklayıp istediğiniz videoyu (çözünürlüğü) seçip indirebilirsiniz. 





Diyet, Spor ve Mental Sağlık

Diyet, Spor ve Mental Sağlık Hakkında Kaynaklar

Bu yazıda "Diyet & Spor, Mental Sağlık" konularında takip edebileceğiniz alanında uzman kişileri, faydalı uygulama ve araçları paylaşacağım. Paylaştığım kişiler genellikle üniversite hocalarıdır, yani anlattıklarını bilimsel araştırmalara dayandıran ve bizzat bunları uygulayan uzmanlardır.


DİYET ve SPOR:

Dr. Mike Israetel'e ait kanalda doğru ve sürdürülebilir diyet ve spor konularında oldukça faydalı bilgiler bulabilirsiniz.

https://www.youtube.com/@RenaissancePeriodization

Kanaldaki bu playlist'i sağlıklı diyet konusunda izlemenizi öneririm. Özellikle 3. videoda adım adım kalori hesabınıza göre bir yöntem verilmektedir.

https://www.youtube.com/playlist?list=PLyqKj7LwU2RulAjHczohbx5OyJQ8TaFM0

Listedeki 3. videoyu izlediğinizde günlük makro kalorinizi hesaplamanız gerektiğini anlayacaksınız. Bu hesabı aşağıdaki formdan yapabilirsiniz:


MENTAL SAĞLIK:

Stanford Tıp Fakültesi'nde nörobilimci ve nörobiyoloji ve oftalmoloji profesörü olan Dr. Andrew Huberman'a ait olan kanalda; beynimizin ve vücudumuzun organlarıyla olan bağlantılarının algılarımızı, davranışlarımızı ve sağlığımızı nasıl kontrol ettiği, sinir sistemimizin nasıl çalıştığı ve nöroloji alanıyla ilgili faydalı bilgileri bulabilirsiniz.

https://www.youtube.com/@hubermanlab

...

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 Nedir & Nasıl Oluşturulur?

 

Wordpress Child Theme 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

UPS Kargo Sözleşmeniz Üzerinden Fiyat Hesaplama


UPS Kargo Sözleşmeniz Üzerinden Fiyat Hesaplama

YURT DIŞI

Yurtdışı gönderiler için ExpressSaver en çok tercih edilen fiyat listesidir. Buradaki fiyatlar bilgi amaçlıdır.  Paketinizin ebadı, ağırlığı ve içindeki muhtevası gibi birçok duruma göre ek ücretler çıkabilir. En güncel fiyat politikaları ve fiyatlar için UPS ile iletişime geçin.
  • Boyutsal ağırlık yani desi hesaplaması yapın:
    Boyutsal ağırlık(kg) = Uzunluk(cm) x Genişlik(cm) x Yükseklik(cm) / 5.000
  • Sözleşmenizle gönderilen excel tablosundan ülke kodunu bulun. Ülke koduna göre tabloda paketinizin boyutsal ağırlığına denk gelen navlun ücretini bulun. Bu ham fiyattır ve USD cinsindendir.
  • Haftalık olarak değişen yakıt ücretini buradan bakın. %2.5 evrensel posta hizmet (eph) ücreti ile birlikte yakıt ücretini de ekleyin:
    Navlun fiyatı * 1.27 * 1.025 (yakıt ücret yüzdesi %27 ise 1.27 şeklinde yazın)
  • Eğer gönderini 100 cm üzeri ise 16.5$ ek ücreti de ekleyin.
  • Boyutsal ağırlığı 30 kg üzeri olan gönderiniz için müşteri temsilciniz ile görüşün.


IOS'da (iphone) Html Video Çalışmama Hatası


IOS'da (iphone) Html Video Çalışmama Hatası

iphone'da safari veya chrome tarayıcılarında sitenizdeki html video elementi ile eklediğiniz videonun çalışmadığını farkederseniz aşağıdaki örnekte olduğu gibi playsinline özelliğini eklemeyi deneyin.

<video src="https://ornek.com/video.mp4" autoplay muted loop playsinline></video>

Cron Jobs

Cron Jobs Hakkında

Cron işleri oluşturulurken edindiğim bilgileri burada paylaşıyorum.

Bir Url için Cron Job Oluşturma:

Bunu iki şekilde yapabilirsiniz:
wget "https://example.com/index.php?route=product&name=book" >/dev/null 2>&1
curl -L -s "https://example.com/index.php?route=product&name=book"
Bu iki kullanımdan hangisi sizde çalışırsa onu kullanabilirsiniz. 

Url için Cron Job Oluşturdum Fakat Url'deki Parametreler Çalışmıyor:

Burada url'yi tırnak işareti arasına alarak parametrelerin de okunabilmesini sağlayabilirsiniz. Tırnak işareti koyulmazsa parametreler gitmez. Örneğin name=book parametresi gitmeyeceği için name değişkeni tanımsız hatası alabilirsiniz. Yukarıdaki örneği inceleyebilirsiniz.

Zamanlama İfadeleri:

Cron işleri belirttiğiniz zamanda tetiklenir ve çalışır. Bu zamanı belirlemek için bazı kullanım şekillerini bilmek işinizi kolaylaştıracaktır.
  • Saat 03.35'de çalışması için:
    Dakika: 35 Saat: 03
  • Saat 00.00'da çalışması için:
    Dakika: 0 Saat: 0
  • Her 15 dakikada bir çalışması için:
    Dakika: */15 Saat: *
  • 2 saat ara ile tam saatte çalışması için (yani 00:00, 02:00, 04:00 ... saatlerinde çalışır):
    Dakika: 0 Saat: */2
Not: Belirtmediğim diğer alanlar * olarak kalsın.

Amazon'da Ürün Reklamı Verme (Otomatik ve Manuel Hedefleme)

Amazon'da Ürün Reklamı Verme ve Doğru Hedefleme

Amazon'da satışını yaptığınız ürünlere reklam verirken bazı hususlara dikkat etmek çok önemlidir. Özellikle hedeflemenin doğru yapılması satış getirecektir. Bu anlamda reklam verme sürecini paylaşmak istedim.

Özet:

Burada örnek olarak kurşun kalem ürünü için otomatik ve manuel hedefleme olmak üzere 2 adet kampanya oluşturacağız. Manuel hedefleme kampanyası içerisinde de Manuel - anahtar kelime hedefleme ve Manuel - ürün hedefleme olmak üzere 2 adet reklam grubu oluşturacağız. Otomatik olan bize anahtar kelimeler anlamında veriler sağlayacak, yani hangi anahtar kelimelerden daha çok dönüş oluyor bunu anlamış olacağız, hatta satış gelen anahtar kelimeleri daha ön plana alacağız. Manuel hedeflemeler ise otomatik hedeflemeden aldığımız veriler ile daha nokta atışı reklamlar vermemizi sağlayacak. 

A) Otomatik hedeflemeli reklam oluştur:

  1. Kampanya Yöneticisi > Kampanya Oluşturun > Sponsored Products seçin.
  2. Reklam grubu adını yazın. Örneğin "Otomatik Hedefleme"
  3. Reklam verilecek ürün veya ürünleri seçin. Bu ürünler aynı anahtar kelimeleri karşılayan benzer ürünler olmalı. Örneğin mavi kurşun kalem, yeşil kurşun kalem vb..
  4. Bu reklam grubu için "Otomatik hedefleme" seçin.
  5. "Dinamik teklifler - sadece aşağı" seçin.  Eğer 100 TL gibi düşük ücretli bur ürününüz varsa, tıklama başına verdiğiniz teklif tutarını satışa dönüşme ihtimali düştüğünde daha aşağı indirmek için "sadece aşağı" seçilmesi uygundur. Eğer 1000 TL gibi bir ürününüz varsa ve teklifinizin satışa dönüşme ihtimali arttığında arttırılması ve ihtimal azalınca düşürülmesi için "yukarı ve aşağı" seçeneği seçilebilir.
  6. Tıklama başına teklifinizi önerilen değerler içerisinde belirleyiniz. Eğer 100 TL gibi düşük ücretli bir ürüne reklam veriyorsanız tıklama başına teklifiniz 0,50 TL gibi olabilir. 1000 TL gibi bir ürününüz varsa 1 TL olabilir.
  7. (opsiyonel) Varsa negatif anahtar kelime ve ürünleri girebilirsiniz. Yani şu arama kelimeleri sonucunda veya şu ürün sayfasında reklamımı gösterme dediğiniz durumları belirleyebilirsiniz.
  8. Kampanya adını girin. Örneğin "Kurşun Kalem Otomatik - 05.05.2023". Başlangıç tarihi zaten bugünün tarihi olur, bitiş tarihi vermemenizi öneririm. Reklam uzun soluklu bir iştir ve marka bilinirliği için uzun süre devam etmesi daha uygundur.
  9. Günlük bütçeyi belirleyin. 100 TL gibi düşük ücretli bir ürüne reklam veriyorsanız günlük bütçe 10 TL olabilir, 1000 TL gibi bir ürüne reklam veriyorsanız günlük bütçe 50-100 TL arası olabilir.
Not: Yukarıda yazdığım teklif ve bütçe tutarlarını optimal seviyede belirlemeye çalıştım. Bu tutarları arttırmanız daha fazla reklam gösterimi anlamına gelecektir. Bu anlamda tutarları arttırmak iyi olur fakat yazdığım tutarlar da gayet yeterli olacaktır, sonuçta reklam gelirimizi verimli kullanmalıyız.

B) Manuel - Anahtar Kelime Hedeflemeli reklam oluştur:

  1. Kampanya Yöneticisi > Kampanya Oluşturun > Sponsored Products seçin.
  2. Reklam grubu adını yazın. Örneğin "Anahtar Kelime Hedefleme"
  3. Reklam verilecek ürün veya ürünleri seçin. Bu ürünler aynı anahtar kelimeleri karşılayan benzer ürünler olmalı. Örneğin mavi kurşun kalem, yeşil kurşun kalem vb..
  4. Bu reklam grubu için "Manuel hedefleme" ve alttaki kısımdan da "Anahtar kelime hedefleme" seçin.
  5. Anahtar kelime hedefleme > Önerilen sekmesinde önerilen kelimeler varsa bunları ekleyin. 
    • Bunlardan size ürününüzle ilgili olmadığını düşündükleriniz varsa (düşük ihtimal) bunları eklemeyebilirsiniz. Bu arada bir kelime için üç kullanım şekli vardır: Geniş, İfade, Tam. Bunlar kelimenin arama ifadesinde nasıl geçtiği ile alakalıdır. Yani Tam seçerseniz tam olarak bu kelimenin aranması ile reklam görünür, İfade seçerseniz arama yazdığınız ifadeyi içermelidir, Geniş ise kelimenizle alakalı diğer varyasyonlarda da reklamın görünmesini sağlar. Örneğin "spor ayakkabı" kelimesi için geniş seçerseniz "krampon" yazdığınızda da reklamınız görünür.
  6. Anahtar kelime hedefleme > Listeyi girin sekmesine geçin. 
    • Buraya otomatik hedeflemeden aldığımız tıklama getirecek kelimeleri alt alta (enter ile) giriniz. Yine geniş, ifade ve tam hallerinin üçünü de seçiniz.
    • Geniş, ifade ve tam her üçü için de "spor ayakkabılar" kelimesini yani yazdığınız kelimelerin çoğulunu yazmanıza gerek yok, sadece tekil hallerini yazın.
    • Otomatik hedeflemeden nasıl en çok tıklama ihtimali olan kelimelerin listesini alabileceğinizi aşağıda↓ ayrı bir başlıkta bulabilirsiniz.
    • Yine buraya 0,50 TL veya 1 TL gibi ürününüzün fiyatına göre mantıklı bir teklif yazınız.
    • Sonrasında listeyi ekleyin.
  7. "Dinamik teklifler - sadece aşağı" seçin.  Eğer 100 TL gibi düşük ücretli bur ürününüz varsa, tıklama başına verdiğiniz teklif tutarını satışa dönüşme ihtimali düştüğünde daha aşağı indirmek için "sadece aşağı" seçilmesi uygundur. Eğer 1000 TL gibi bir ürününüz varsa ve teklifinizin satışa dönüşme ihtimali arttığında arttırılması ve ihtimal azalınca düşürülmesi için "yukarı ve aşağı" seçeneği seçilebilir.
  8. (opsiyonel) Varsa negatif anahtar kelimeleri girebilirsiniz. Yani şu arama kelimeleri sonucunda reklamımı gösterme dediğiniz durumları belirleyebilirsiniz.
  9. Kampanya adını girin. Örneğin "Kurşun Kalem Manuel - 05.05.2023". Başlangıç tarihi zaten bugünün tarihi olur, bitiş tarihi vermemenizi öneririm. Reklam uzun soluklu bir iştir ve marka bilinirliği için uzun süre devam etmesi daha uygundur.
  10. Günlük bütçeyi belirleyin. 100 TL gibi düşük ücretli bir ürüne reklam veriyorsanız günlük bütçe 10 TL olabilir, 1000 TL gibi bir ürüne reklam veriyorsanız günlük bütçe 50-100 TL arası olabilir.

C) Manuel - Ürün Hedeflemeli reklam oluştur:

  1. Kampanya Yöneticisi anasayfasından yukarıda oluşturduğunuz manuel hedefleme kampanyasına tıklayın: "Kurşun Kalem Manuel - 05.05.2023"
  2. Reklam grubu adını yazın. Örneğin "Ürün Hedefleme"
  3. Reklam verilecek ürün veya ürünleri seçin. Bu ürünler aynı anahtar kelimeleri karşılayan benzer ürünler olmalı. Örneğin mavi kurşun kalem, yeşil kurşun kalem vb..
  4. Bu reklam grubu için "Manuel hedefleme" ve alttaki kısımdan da "Ürün hedefleme" seçin.
  5. Ürün hedefleme > Kategoriler sekmesinde önerilen kategoriler varsa bunları teklif tutarını yukarıdakine benzer şekilde belirleyerek ekleyin. Varsa reklamınızın görünmesini istediğiniz belirli bir kategoriyi ara diyerek ekleyebilirsiniz.
  6. Ürün hedefleme > Bağımsız Ürünler sekmesinde önerilen ürünler varsa bunları teklif tutarını yukarıdakine benzer şekilde belirleyerek ekleyin. Varsa reklamınızın görünmesini istediğiniz belirli bir ürünü ara diyerek ekleyebilirsiniz.
  7. (opsiyonel) Varsa negatif ürün ve markaları girebilirsiniz. Yani şu ürün veya marka sayfalarında reklamımı gösterme dediğiniz durumları belirleyebilirsiniz.
  8. "Dinamik teklifler - sadece aşağı" seçin.  Eğer 100 TL gibi düşük ücretli bur ürününüz varsa, tıklama başına verdiğiniz teklif tutarını satışa dönüşme ihtimali düştüğünde daha aşağı indirmek için "sadece aşağı" seçilmesi uygundur. Eğer 1000 TL gibi bir ürününüz varsa ve teklifinizin satışa dönüşme ihtimali arttığında arttırılması ve ihtimal azalınca düşürülmesi için "yukarı ve aşağı" seçeneği seçilebilir.
Buraya kadar yaptıysanız reklamınız artık iyi durumda demektir. Daha sonrasında otomatik hedefleme listesinde çok tıklama getiren anahtar kelimelerden veya ürünlerden eklemedikleriniz varsa onları yine manuel hedefleme içerisine dahil edebilirsiniz. Arada bir bu kontrolleri yapmanızda fayda vardır.

Otomatik hedefleme kampanyasından çok tıklama getiren anahtar kelime listesini alma:

  1. Kampanya Yöneticisinden sırayla oluşturduğunuz otomatik hedeflemeli kampanyaya ve içindeki reklam grubuna tıklayınız.
  2. Soldan Arama terimleri kısmına geliniz.
  3. Sütun başlıklarından Tıklamalar başlığına tıklayarak tablonun en çok tıklanan en üstte olacak şekilde sırılanmasını sağlayınız.
  4. Şimdi anahtar kelimeleri seçiniz. Bunu yaparken hepsini değilde belirli bir tıklamanın üstünde olan kelimelerden yukarısını seçin. Kopyalayın.
  5. Şimdi excel'i açıp içerisine yapıştırın. Böylece kopyalamamızdan kaynaklanan boş satırları elemiş oluruz. Tekrar bu kelimeleri excel'den seçip kopyalayın.
  6. Manuel kampanyanızdan > anahtar kelime hedefleme reklam grubunuza gelin. Sol menüden hedefleme kısmına geçin ve anahtar kelime ekle butonuna tıklayın.
  7. Artık bu kopyaladığınız kelimeleri listeyi girin sekmesine yapıştırabilirsiniz.

VS Code Klavuzu 2024

Visual Studio Code Sıfırdan Kurulum, Ayarlar ve Eklentiler

Php ile kodlama yapıyorsanız ve VS Code editörüne geçmek istiyorsanız bu yazının faydalı olacağını düşünüyorum. Ayrıca Python'a giriş yaptığım için Python ayarlarını ve gerekli eklentilerini de ekleyeceğim. Ayarları yaptığınızda Php + Python için uygun bir ortam hazırlamış olacaksınız. Uzun bir süredir Sublime Text editörünü kullanıyordum fakat github copilot gibi eklentilerin bu gibi editörlere geç gelmesi, VS Code'un daha çok kullanılması, python için yine VS Code'un tercih edilmesi gibi nedenlerle VS Code'a geçmeye karar verdim. Sonuçta hepsi bir araç, tercih size kalmış. Bu geçişte güncel bilgileri adım adım yazmaya çalışacağım. Hadi başlayalım...
---

İlk kurulum:

  • “Code/Preferences/Profiles/Create profile” ile profil adını yaz (ayhan vb) ve oluştur.
  • “Code/Preferences/Settings Sync is On” tıkla ve githup ile oturum aç. Böylece profilindeki tüm ayar, tema, vs.. senkronize olur.

Kullanıcı ayarlarını değiştirme (Vs Code standart ayarlarını bu dosya ile değiştirebilirsiniz):

  • Cmd+Shift+P ile komut paletini aç.
  • "Open User Settings (JSON)" yaz ve tıkla.
  • Açılan settings.json dosyasına ayar komutunu yaz ve kaydet.

PHP için ilk yapılacaklar (önce yukarıdaki ilk kurulum işlemlerini yapın!):

  • Extensions menüsünü sol panelden aç.
  • “PHP Intelephense by Ben Mewburn” kur. Aşağıdaki ayarları yap (eklenti sayfasında yazanlardır, güncelini eklenti sayfasından bakın).
    • Extensions arama kutusuna “@builtin php” yaz. “PHP Language Features” yerleşik php eklentisini Disable yap. Diğer “PHP Language Basics” syntax highlighting eklentisi Enable kalsın.
    • settings.json dosyasını aç ve aşağıdaki satırı ekle ve kaydet:
"files.associations": {
    "*.module": "php"
},
    • yine settings.json içine aşağıdaki satırı ekleyerek default php yazım önerilerini devre dışı bırakın:
"php.suggest.basic": false,
  • “PHP Debug by Xdebug” kur.

PYTHON için ilk yapılacaklar (önce yukarıdaki ilk kurulum işlemlerini yapın!):

  • “Python by Microsoft” kur.

Buraya kadar yaptıysanız artık çalışmaya hazırsınız demektir.

Diğer eklentiler (isteğe bağlı):

  • "SFTP" by Natizyskunk: web sitenizin dosyalarını local ve server tarafı olmak üzere senkronize etmek istiyorsanız bu eklentiyi tavsiye ederim. "ftp-sync by Lukasz Wronski" ve birkaç farklı ftp eklentisini denedim fakat htaccess dosyalarını senkronize edememek gibi farklı hatalar aldım. Bu nedenle SFTP eklentisini tercih ettim. Eklentiyi kurup ftp bilgilerinizi girdikten sonra klasörünüzdeki dosyalarda bir değişiklik yapıp kaydet dediğinizde otomatik olarak upload edilir. İsterseniz sol panelden dosyaya/klasöre sağ tık yapıp upload veya download yapabilirsiniz. Tüm klasörü download veya upload yapmak için komut paletini de kullanabilirsiniz (local to remote veya remote to local). 
    • Komut paletine "SFTP: config" yazıp tıklayın. İlk kez kullandığınız için bir ayar oluşturmamız gerekecek. sftp.json (klasörünüzdeki .vscode içine yerleşir) dosyası açılır. Bu dosyaya aşağıdaki ayarları girip kaydedin (bu ayarlarda ftp bilgilerinize göre gerekli değişiklikleri yapın. Ftp bilgileriniz yoksa cpanel > ftp hesapları kısmından ftp hesabı oluşturabilirsiniz):
{
    "name": "mywebsite.com",
    "host": "reseller.ni.net.tr",
    "protocol": "ftp",
    "port": 21,
    "username": "ftp@mywebsite.com",
    "password": "your_password",
    "remotePath": "/",
    "uploadOnSave": true,
    "ignore": [".vscode", ".git", ".DS_Store"],
    "useTempFile": false,
    "openSsh": false
}

  • JavaScript Productivity Pack - Emre MUTLU: Bu bir eklenti paketidir. Faydalı bulduğum eklentileri içerdiği için ben kurdum. Fakat içinden daha sonra "Code Spell Checker, Turkish Code Spell Checker, Error Lens" isimli üç eklentiyi kaldırdım (yanlış yazılmış kelimelerle ilgili bu eklentileri kodda karışıklık yaptığı için kaldırdım).
  • "Twig" by whatwedo: Php twig dosyalarının syntax highlighting eklentisidir. Twig dosyaları ile çalışıyorsanız faydalı olacaktır.
  • CodeMetrics: Bu eklentiyi kullandım fakat bence gerek yok. Javascript kodlarındaki karmaşıklığı ölçüyor. Örneğin bir fonksiyonunuz var bunun yanına bir renk ve sayı ile karmaşıklık notunu yazıyor. Görünüm olarak karışıklığa neden olduğunu düşündüğüm için kaldırdım.
  • Codeium: Kod ve yorum yazarken yapay zekadan öneri almak için bu eklentiyi kurabilirsiniz. Github Copilot gibi AI desteği sunan bir eklentidir. Copilot ücretli olduğu için Codeium eklentisini ücretsiz bir alternatif olarak tavsiye ediyorum. Üstelik Chat bölümü de sidebar'a ekleniyor ve buradan soru sorabiliyorsunuz. Eklentiyi kur + signup + mailden onayla + token gir sırasını izleyerek aktif edebilirsiniz.
  • "Selected Lines Count" by Ram Dayal Vaishnav: Normalde durum çubuğunda seçtiğiniz alanın satır sayısını göstermenin malesef bir seçeneği yok. Durum çubuğunda kaç karakter seçtiğiniz görünüyor fakat kaç satır seçtiğiniz görünmüyor. İşte bu eklenti durum çubuğunda kaç satır seçtiğinizin görünmesini sağlıyor.

 

Diğer ayarlar kısmını ikiye ayırıyorum:
1) settings.json dosyasına yazılacaklar
2) ayarlar arayüzünden yapılacaklar

1) Diğer ayarlar - settings.json dosyasına eklenir (isteğe bağlı):

Cmd+Shift+P ile komut paletini aç. "Open User Settings (JSON)" yaz ve aç. Açılan settings.json dosyasına aşağıdaki ayarlardan yapmak istediklerinizi ekleyin ve kaydedin.

  • workspace'i kaydetme işlemine onay vermek için.
"security.workspace.trust.untrustedFiles": "open",
  • exit veya close işleminde kaydedilmemiş dosyalar var uyarısını devre dışı bırakmak için (vs code tekrar açıldığında bu dosyalar son hali ile gelecektir).
"window.confirmBeforeClose": "never",
"files.hotExit": "onExitAndWindowClose"

2) Diğer ayarlar - ayarlar sayfasından yapılır (isteğe bağlı):

Cmd+Shift+P ile komut paletini aç. "Open User Settings" yaz ve tıkla (json olmayan seçeneği tıklayın). Bu genel kullanıcı ayarlarını açar. Bu sayfanın başında arama kutusu var oraya yapacağınız ayarı aratabilirsiniz.

  • line highlight özelliği default olarak açıktır ve bulunduğunuz satırı highlight yapar yani satır rengi değişir. Bu benim istemediğim bir durum çünkü o satırda bir kelimeyi seçili hale getirdiğimde satırı tamamen seçmişim gibi görünüyor, nereyi seçtiğim karışıyor. Bu özelliği kapatmak için: 
    • Ayarlar sayfanın başındaki arama kutusuna "Render" yazarak aratın.
    • "Editor: Render Line Highlight" seçeneğini bulup "none" olarak belirleyin.
  • Vs Code içinde tanımlı olmayan bir dosya türünü bilinen bir dosya türünün şablonu ile eşleştirebilirsiniz. Böylece vs code yeni dosyayı ilişkilendirdiğiniz dosya türünde açacaktır.  Örneğin Tpl dosyaları (önceden kullanılan twig benzeri bir şablon oluşturma dilidir) ile çalışıyorsanız ve bu tpl dosyalarının php renk şablonunda açılmasını istiyorsanız:
    • Ayarlar sayfasının solundaki menüden Text Editor altındaki Files başlığına tıklayın.
    • Associations kısmına gelin ve Add Item butonuna tıklayın. Birinci kutuya *.tpl ikinci kutuya da php yazın. Ok tıkladığınızda artık tpl dosyaları php dosyası gibi açılacaktır. 
  • Tabların arasındaki boşlukların azaltılarak daha sıkışık görünmesi için Workbench › Editor: Tab Sizing değerini "shrink" olarak belirleyin. Ben bir süre "shrink" ayarıyla kullandım fakat sonra default olan "fit" değerine geri döndüm. Çünkü çok fazla tab açınca tablar iyice küçülüyordu. Dolayısı ile çok fazla tab kullanacaksanız "fit" ayarı daha mantıklı olacaktır.
  • Örneğin bir css dosyasında height kelimesinin üzerine tıklayınca tüm height kelimelerini highlight yapar. Bu bence gereksiz çünkü bunu istiyorsanız o kelimeye çift tıklamanız yeterli, kendiliğinden yapmasına gerek yok ki bu da editörü yavaşlatır bence. Bunu kapatmak isterseniz "Editor: Occurrences Highlight" seçeneğindeki işareti kaldırın.
  • "workbench.editor.untitled.labelFormat" ayarını "name" olarak belirledim. Varsayılan olarak content olarak gelir ve yeni bir sayfa açtığınızda tab başlığında yazdığınız kodun ilk birkaç kelimesi görünür. Bu tab mesafesini arttırdığı için ve karışık görünmesine neden olduğu için bana gereksiz geldi. Yine de kara sizin.
  • "editor.tabSize": 4 olarak belirleyebilirsiniz. Böylece tab boşlukları 4 karakter olarak ayarlanır. Default değeri 1'dir.
  • "editor.lightbulb.enabled" ayarını kaldırdım. Çünkü bu ayar aktif olunca özellikle js dosyalarında satırların başında bir ampül ikonu çıkıyor. Ampüle tıklayınca o satırla ilgili yapılabilecek düzeltmeleri ve sonuçlarını gösteriyor. Yine çok gerekli görmediğim ve karmaşıklığa sebep olduğu için bu ayarı kaldırdım. 
  • "workbench.editor.pinnedTabsOnSeparateRow" seçeneğini işaretli hale getirirseniz pin'lediğiniz tablar bir üst sırada sabitlenir.
  • "editor.colorDecorators" seçeneğinin işaretini kaldırdım. Böylece css gibi yerlerde bir renk kodu yazdığınızda yanında kare kutucuk çıkmıyor, fakat renk kodunun metnini o renkte göstermeye devam ediyor. Bu seçenek aktif olursa kutu çıkar ve siz o kutuya tıklayıp paletten renk seçebilirsiniz. Fakat kod yazarken bu kutu karışıklığa yol açıyor bence ve zaten bu renk seçme işini tarayıcının developer araçlarından yapıyorum genellikle. Bu kutuya gerek olmadığını düşünüyorum.
  • "workbench.editor.highlightModifiedTabs" ayarını işaretli yaparak değişiklik yapılan tabın highligth yapılmasını böylece diğer tablardan daha rahat ayrışmasını sağlayabilirsiniz.
  • "workbench.editor.tabCloseButton" off yaparak tabların yanında görünen Close butonunu kaldırabilirsiniz. Böylece tabın genişliği biraz daha küçülecektir. Ayrıca tab'a tıklarken yanlışlıkla x butonuna basma durumuna çözüm olacaktır.
  • "problems.decorations.enabled": seçeneğini kapatarak dosyalardaki uyarıları (kodlama hatası vb) göstermeyi kapatabilirsiniz. Çünkü burada uyarı verdiği durumlar her zaman bir hata olmayabiliyor, örneğin css'de boş sınıf olunca bir uyarı veriyor. Yani bu uyarı verilen durumları bazen bilerek yapıyoruz ve bunların hataymış gibi görünmesini istemediğim için bu ayarı kapattım. Ayrıca bu ayar açık olunca hatalı dosyalar sidebar ve tab olarak renk değiştiriyordu ve bu görünüşte karışıklığa nadan oluyordu.
  • "editor.showUnused": false olarak belirleyin. Normalde tanımladığınız bir değişken herhangi bir yerde kullanılmayınca (unused) farklı renkte görünüyor. False yaparak bu özelliği kapatabilirsiniz.

Kullandığım renk ve ikon temaları:

Tema seçimi tamamen kişiye bağlıdır ve rahat ettiği bir renk düzeni olmalıdır. Çoğunlukla koyu temalar kullanılır. Ben de koyu temaları uzun süre kullandım ve halen de kullanıyorum fakat arada sıkıldıkça açık temalara da geçiş yapıyorum. Sublime Text editöründe daha fazla tema vardı, bu anlamda Vs Code daha az seçeneğe sahip gibi geldi. Tema renk düzeni olarak tavsiye edebileceğim hususlardan biri de mavi renkleri çok içermeyen bir tema seçin. Çünkü mavi ışık uzun süre bakılınca göze rahatsızlık veriyor. Ben bu anlamda mavi rengi azaltıp ekranı sarartan bir yazılım olan flux'u kullanıyorum bilgisayarda. 

Aşağıya kullandığım temaları "Renk Teması / İkon Teması" formatında ekliyorum.
  • Github Dark Default / Material Icon Theme
    • Material Icon Theme için şu ayarları normal ayarlar arayüzünden yaptım: activeIconPack: react seç, material-icon-theme.files.associations: "*.tpl": "php" satırını ekle, material-icon-theme.folders.color: #F8D775 olarak belirle, material-icon-theme.folders.theme: Classic seç.

Bazı Kısayollar:

  • Cmd + Shift + L: dosyadaki seçili ifadenin geçtiği her yere imleç ekler.
  • Alt + Shift + I: her satırın sonuna imleç ekler (önce tümünü seç).
  • Cmd+Shift+P: komut paletini açar.
  • Cmd+P: folder daki ve son açılan dosyalar arasında hızlı dosya açmayı sağlar.
  • Cmd+Shift+P / Open user settings (JSON): settings.json kullanıcı ayarlarını açar.
  • Kntrl + G: satıra git.
  • F8: sonraki hataya git
  • Bookmark add: Alt+Cmd+K
  • Bookmark next: Alt+Cmd+L
  • Alt + up/down arrow: satırı aşağı yukarı taşır.
  • Transform to Lowercase: Shift + Kntrl + Alt + L
  • Transform to Uppercase: Shift + Kntrl + Alt + U
  • Transform to Titlecase: Shift + Kntrl + Alt + T
  • Shift + Alt + F: Auto indent (otomatik girinti ayarlama)

Kendi Eklediğim Kısayollar:

File > Preferences > Keyboard Shortcuts açın ilgili komutları bulup kısayolları ekleyin:
  • Transform to Lowercase: Shift + Kntrl + Alt + L
  • Transform to Uppercase: Shift + Kntrl + Alt + U
  • Transform to Titlecase: Shift + Kntrl + Alt + T

Bonus:

https://learn.vscode.one/
VS Code'yi profesyonel olarak kullanmayı öğreten web sitesi.


Farklı öneriler oldukça buraya eklemeye devam edeceğim...
Son Güncelleme: 28/12/2023