OceanWP 3.0 – Bu Yaz Her Şey Vanilya Hakkında
Yayınlanan: 2021-07-20OceanWP artık daha hızlı, daha kaygan ve daha kararlı! Modernize edilmiş ve nesne yönelimli kodlarla, çok daha az kaynak ve çok daha az bağımlılık kullanarak işlevleri hızlı bir şekilde yürütür.
Umutları yüksek olan herkese lezzetli vanilyalı dondurma dağıtacağız - üzgünüz! Vanilla JavaScript ve yeni OceanWP 3.0 sürümünden bahsediyoruz.
Yaklaşan değişiklikleri ve iyileştirmeleri açıklamadan önce, sizinle bazı temel bilgileri gözden geçirmek istiyoruz . Bu, kullanıcıların – özellikle kod konusunda bilgili olmayanların – gelecek değişikliklerin faydalarını anlamalarına yardımcı olacaktır.
JavaScript nedir?
JavaScript bir ön uç (kodlama/programlama) dilidir. Birincil amacı, özellikle kaydırıcılar veya duyarlı gezinme menüleri gibi hareketli parçalar olarak adlandırılan hareketli efektler oluşturmaktı .
Her birinizin, tarayıcı tarafından JavaScript işlevini etkinleştirip etkinleştirmemenizin istendiği bir durumla karşılaştığınızdan eminiz. JavaScript her zaman tüm web sitesi tarayıcılarının bir parçası olmuştur , bu nedenle eklentiler veya komut dosyaları kullanarak onu web sitenize ayrıca eklemeniz gerekmez.
WordPress ve JavaScript
JavaScript, WordPress CMS'nin bir parçasıdır .
JavaScript birçok biçimde bulunur , bu nedenle WordPress'in birçok JavaScript kitaplığıyla birlikte gelmesi şaşırtıcı değildir. Ancak, kullanılanların başlıcaları olduğunu söylemek güvenlidir:
- jQuery,
- JSON,
- alt çizgi ve
- Omurga.

Bu ayrıntılarla sizi neden sıkıyoruz?
Sayısız kez, bir kullanıcının "bazı hız/optimizasyon araçları web sitesini yavaşlattığını öne sürdüğü" için jQuery'yi web sitelerinden kaldırmalarına yardım etmemizi istediği yardım talepleri aldık .
Bu durumlar, kullanıcıların bu tür değerlendirme araçlarının doğru ve mükemmel olmadığını anlamalarının biraz zaman alacağını anlamamızı sağladı. Ayrıca bize, WordPress'in "kaputun altında" işlevselliğine aşina olmayan birçok WordPress kullanıcısı olduğu ve dolayısıyla WP temaları ve eklentileri olduğu konusunda bir fikir verdi.
(Çevrimiçi) değerlendirme araçlarını daha iyi anlamak için, genel WordPress işlevselliği hakkında temel bilgiler gereklidir . Herhangi bir programlama dili öğrenmeyi veya bir WordPress geliştiricisi olmayı planlamıyor olsanız bile, bu bilgiler belirli bir araçtan gelen bir “raporun” doğru mu yanlış mı olduğunu belirlemenize yardımcı olacaktır. Sonunda, rapor hakkında bir şeyler yapıp yapamayacağınızı anında bileceksiniz.
Sade İngilizce'de, tüm JavaScript kitaplıkları arasında jQuery en yaygın kullanılanıdır . Yalnızca WordPress'in kendisi tarafından değil, aynı zamanda temalar ve eklentiler tarafından da.
Özetlemek gerekirse, jQuery'yi WordPress web sitelerinden kaldıramazsınız .
jQuery nedir?
İnternetteki en iyi 1 milyon web sitesinden (yalnızca WordPress siteleri değil) %80'inin jQuery kullandığını öğrenmek sizi şaşırtacak mı?
jQuery çok hafif, esnek, oldukça genişletilebilir ve (geliştiricilerin bakış açısından) kullanımı çok kolay bir JavaScript kitaplığıdır .
jQuery, AJAX istekleri, olaylar, animasyonlar, CSS manipülasyonları ve genel web sitesinin ön uç işlevselliği gibi karmaşık görevlerin oluşturulmasına ve yönetilmesine yardımcı olur . Diğer JS kitaplıklarıyla karşılaştırıldığında, minimum kodlama gerektirdiğinden karmaşık bir görevi jQuery ile başarmak daha kolaydır.
Sonuçta , jQuery sloganı "daha az yaz, daha fazlasını yap" dır .
OceanWP ve jQuery
Tabii ki, şimdiye kadar muhtemelen tahmin etmişsinizdir.
OceanWP, jQuery kullanıyor . Elementor ve WooCommerce gibi en sevdiğiniz eklentilerden bazıları bile jQuery çalıştırır.

OceanWP ile yeni başlayanlar veya en azından bunu düşünenler için – OceanWP, WooCommerce ve/veya Elementor için kullanılabilecek en iyi temalardan biridir. Tüm OceanWP özelliklerine göz atın veya tam web sitesi demo şablonlarımızı önizleyin.
2016'dan beri jQuery'nin yardımıyla, tek bir WordPress temasıyla ve ek gereksiz eklentiler kullanmadan kullanıcılarımızın daha fazlasını yapmasına ve başarmasına yardımcı olabildik. Söylemeye gerek yok, OceanWP hakkında konuşuyoruz
jQuery sloganıyla karşılaştırıldığında, bizimki o kadar da farklı değil. OceanWP'nin amacı, yeni başlayanlardan profesyonellere kadar herkesin her türden harika web sitelerini (e-ticaret, blog, portföy) hızlı ve sorunsuz ve kullanıcı dostu bir şekilde oluşturmasını sağlamaktır. Kullanıcılarımızdan aldığımız geri bildirim ve incelemelere bakılırsa başarılı olduk.
En önemlisi, bu geleneği devam ettirmeyi planlıyoruz, ancak daha iyi bir şekilde .
jQuery'den Vanilla JavaScript'e geçmemizin nedeni budur.
Vanilya JavaScript nedir?
Vanilla JavaScript veya Vanilla JS, düz JavaScript için kullanılan popüler bir terimdir .
jQuery veya Underscore JS'den farklı olarak Vanilla JS, bağımlılık olarak çerçeveler veya kitaplıklar kullanmadan sıfırdan kodlama anlamına gelir .
Sade İngilizce'de, Vanilla JS özel bir JavaScript türü DEĞİLDİR – JavaScript'in en saf halidir . Bu nedenle ve başta da belirttiğimiz gibi, zaten tüm tarayıcılar tarafından kullanılıyor ve destekleniyor.
Vanilla JS terimi o zaman nereden geldi?
Bu aslında eğlenceli bir gerçek ve ister inanın ister inanmayın, gerçek vanilyalı dondurmayla ilgili. Vanilyalı dondurma, ilk formu veya dondurma aromasını temsil eder. Yani, bir pastanede lezzet belirtmeden dondurma sipariş ederseniz, vanilya alırsınız.

OceanWP ve Vanilya
OceanWP neden Vanilla JavaScript'i başından beri kullanmadı?
Ne yazık ki, birini veya diğerini ne zaman kullanmanın en iyi olduğunu belirten bir kural kitabı veya kılavuz kitap diye bir şey yoktur.
Programlama dilleri , özellikle PHP ve JavaScript (çoğunlukla WordPress'te kullanılan CSS arasında) sürekli olarak gelişir. Kodu gereksiz yere şişirmeden hangi dilin işi en iyi şekilde yapacağını belirlemek geliştiricilerin işidir.
JavaScript veya "çocukları" söz konusu olduğunda, OceanWP'de bizler için bu mükemmel seçim yıllardır jQuery olmuştur.
Sonunda JavaScript, jQuery ile aynı görevleri gerçekleştirmek ve aynı zamanda bunları daha hızlı yürütmek için kullanılabilmesi açısından yeterince olgunlaştı . Ve işte tam da beklediğimiz an geldi.

jQuery kullanmak web sitemi yavaşlatır mı?
Daha önce de belirtildiği gibi, jQuery en hızlı ve en yaygın kullanılan JS betiğinden biridir.
Komut dosyaları tek başına herhangi bir web sitesini yavaşlatmaz - bir web sitesinin performansını etkileyen (diğer dahili ve harici faktörlerin yanı sıra) kodların kalitesidir.
Ayrıca, zengin özelliklere sahip OceanWP web sitelerinin, en az özelliğe sahip diğer temalarla karşılaştırıldığında daha hızlı ve hatta daha iyi performans göstermesini sağlayan da tam olarak aynı kod kalitesidir.
OceanWP, jQuery'yi tamamen kaldıracak mı?
Bu sorunun kısa cevabı - hayır.
Uzun cevap ve karmaşık geliştirici terminolojisini içermeden , yalnızca jQuery'nin gerçekleştirebileceği görevler var . Ya da daha da iyisi, bu jQuery kodlarının yerine Vanilla JS kodunun ikamesi yoktur.
Bununla birlikte OceanWP, tema ve tüm eklentilerimiz içindeki kodlarında jQuery'yi kullanmaya devam edecek , ancak minimum düzeyde .
OceanWP'deki Vanilla JS'nin jQuery çalıştıran eklentiler üzerinde bir etkisi olacak mı?
OceanWP'nin Vanilla JS'ye geçişinin herhangi bir olumsuz etkisi olmayacak ve jQuery kullanan eklentilerle çakışmalara neden olmayacak .
Aslında, genel web sitesi deneyiminiz ve özellikle web sitenizi ziyaret edenlerin deneyimi önemli ölçüde iyileşecektir . Gelişmiş kodlama ile OceanWP artık çok daha az bağımlılığa dayanıyor, bu da istikrarı garanti ediyor ve olası bir JS çakışması olasılığını en aza indiriyor. En önemlisi, çok daha az kaynak kullanarak işlevleri daha hızlı yürütür.
OceanWP 3.0 ne zaman piyasaya sürülecek?
OceanWP'de Vanilla JS kullanma dönemi 3.0 sürümüyle başlar.
Resmi sürümün, yeni WordPress 5.8 sürümünün beklendiği tam gün olan 20 Temmuz'da yayınlanmasını bekleyebilirsiniz.
Bu da bizi en önemli kısma getiriyor – güncellemeye hazırlanmak .
OceanWP temasının yanı sıra, aşağıdaki Ocean uzantıları da Vanilla'ya yükseltildi:
- Okyanus Mesajları Kaydırıcısı,
- Okyanus Çubuğu Her Şey,
- Okyanus Modal Penceresi,
- Okyanus Sosyal Paylaşımı,
- Okyanus Ürün Paylaşımı,
- okyanus Yapışkan Başlık,
- okyanus Yapışkan Altbilgi,
- Okyanus Açılır Pencere Girişi,
- okyanus Woo Açılır Penceresi,
- okyanus Tam Ekran,
- Okyanus Elementor Widget'ları,
- Okyanus Yan Panel,
- Okyanus Çerez Bildirimi ve
- Okyanus Portföyü.
Ocean Extra 1.7.8 güncellemesi de yayınlandı, ancak bu eklenti herhangi bir Vanilla değişikliği içermiyor.
OceanWP Vanilla JS Güncellemesine Nasıl Hazırlanılır
OceanWP ile birlikte, Vanilla JS sürümüne sahip tüm eklentiler aynı gün piyasaya sürülecek.
Doğru güncelleme sırası:
- OceanWP'yi Görünüm > Temalar aracılığıyla güncelleyin, ardından
- Tüm Ocean eklentilerini Eklentiler > Yüklü Eklentiler aracılığıyla güncelleyin .
Güncelleme yapmadan önce gerekli önlemleri aldığınızdan emin olun.
Yeni sürümü önce localhost'ta veya hazırlama web sitesinde test edin
Unutmayın, bu büyük bir güncelleme.
En iyi uygulama, yerel ana bilgisayar, test veya hazırlama ortamlarında yeni değişiklikleri test etmektir.
Güncellemeleri herhangi bir yerde test etme seçeneğiniz yoksa hemen güncelleme yapmayın . Geri bildirim toplayana ve güncellemenizin sizin için güvenli olduğundan emin olana kadar birkaç gün, hatta bir hafta bekleyin.
Unutmayın, her şey yolunda olsa bile güncellemeler sırasında her zaman bir şeyler ters gidebilir. Sonuçta, yazılımla ilgili kötü olan şey, yazılım olmasıdır.
Web sitelerinizi düzgün bir şekilde yedeklediğinizden emin olun . Yalnızca yedekleri barındırmaya güvenmeyin, manuel olarak da yedek alın ve verileri güvenli bir yerde saklayın. WordPress Sıfırlama eklentisini kullanıyorsanız (WordPress Veritabanı Sıfırlama ile karıştırılmamalıdır), web sitesi anlık görüntüleri de oluşturabilirsiniz.
Önemli: Güncellemeden sonra, gerekirse birden çok kez önbelleği tamamen temizlemeyi unutmayın . Aynı şey CDN (bulut) önbelleği için de geçerlidir.
OceanWP ile Vanilla JS Nasıl Kullanılır
Vanilla JS'den tam olarak yararlanmak için Tema Paneli > Komut Dosyaları ve Stiller yoluyla tüm komut dosyaları her zaman ETKİN olmalıdır .
Kısa açıklama: Herhangi bir komut dosyasını devre dışı bırakmak, daha sonra web sitenizin kurulum klasörüne yerleştirilen ve ardından varsayılan OceanWP tema komut dosyalarını kullanmak yerine web sitenizin ön ucuna uygulanan tamamen yeni bir dosya oluşturur.
Uzun açıklama: Komut Dosyaları ve Stiller (Ocean Extra eklentisinin bir parçası) seçeneğinin sunulduğu sırada, iyi (ve ücretsiz) önbelleğe alma eklentileri herkes tarafından erişilebilir değildi. Zamanla, durum değişti. İyi optimizasyon ve önbelleğe alma eklentileri kullanıyorsanız, herhangi bir komut dosyasını devre dışı bırakmak tamamen gereksizdir.
Önemli: Gerekirse önbelleği birden çok kez tamamen temizlemeyi unutmayın . Aynı şey CDN (bulut) önbelleği için de geçerlidir.
Tüm komut dosyalarını etkinleştirmenin web sitem üzerinde olumsuz bir etkisi olacak mı?
Hayır, olmayacak.
Vanilla JS'yi tanıtmamızın ana nedenlerinden biri de budur. Ancak, orada durmayı planlamıyoruz.
Kodlarımızda koşullu komut dosyası yüklemesi kullansak da (komut dosyalarını yalnızca gerektiğinde ön uçta yükleyin), Vanilla sürümünden sonra bu işlevi daha da geliştirmeyi planlıyoruz. Temel olarak, daha önce Komut Dosyaları ve Stiller özelliği tarafından sağlanan işlevselliği otomatikleştirmeyi planlıyoruz.
Sıradaki ne?
Sonraki adım, web sitenizin gelişmiş performansının keyfini çıkarmaktır.
Herhangi bir hata veya sorun fark ederseniz, lütfen GitHub sayfamızdan veya bir destek bileti veya ön satın alma bileti göndererek bize kapsamlı ve derinlemesine geri bildirim sağlayın.
Sürekli gelişmeye kararlıyız . Amacımız, sizin ve web sitenizin ziyaretçilerini OceanWP ile mümkün olan en iyi şekilde deneyimlemektir. Gelecekteki güncellemeler söz konusu olduğunda, ana odak noktamız performans, daha fazla gelişmiş erişilebilirlik, yeni özellikler ve stiller ile mevcut kod revizyonu olacaktır.
OceanWP, WordPress topluluğu için oluşturuldu . Fikirlerinizle katkıda bulunmak isterseniz, nasıl daha iyi olabileceğimize ve yapabileceğimize inandığınızı bize bildirin. Özellik istekleri formumuzu kullanarak özellikler ve iyileştirmeler hakkındaki fikirlerinizi paylaşın.
KAY; INR. (Uzun veya Kısa, Hiç Okumadım):
Büyük güncellemeler yayınlıyoruz .
OceanWP ve Ocean eklentilerini güncellemeden önce manuel yedekleme de dahil olmak üzere web sitesi yedeklerini alın .
En iyi uygulama, tüm güncellemeleri test, yerel ana bilgisayar veya hazırlama ortamlarında test etmektir . Güncellemeleri test etme imkanınız yoksa hemen güncelleme yapmayın. Geri bildirim toplayana kadar güncellemeleri birkaç gün bekleyin.
Herhangi bir sorun veya sorun olması durumunda, olası hatalar hakkında bizi bilgilendirin veya bilet gönderin.