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.

Devamını oku...

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.

Devamını oku...

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.

Devamını oku...

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

Devamını oku...

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.

Devamını oku...

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>

Devamını oku...

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.

Devamını oku...