Bu makalede, WordPress’e SCSS girmek için kullanabileceğiniz iki yöntemi tartışacağız. İlk yöntem, Scripts Organizater (SCORG) adı verilen popüler ve kullanıcı dostu bir eklentidir ve ikincisi, Connect Think tarafından ünlü WP-SCSS eklentisi (ancak daha sıkıcı). Neden SCSS ve WordPress? İlk olarak, WordPress’te neden SCS’leri kullanmak istediğinizi konuşalım. Burada birçok farklı fayda var, bu yüzden doğrudan içeri girelim. CSS’nin Word Press web sitesinin tüm yönlerini düzenlemek için kullanıldığını bilebilirsiniz. CSS bazen Google’ın kullanıcı deneyimine odaklanması nedeniyle 2021’de büyük bir husustur olan büyük web sitesi yükleme hızı sorununa neden olabilir. Bireysel WordPress sayfasında yayınlanan CSS sayısını en aza indirmek, geliştiricinin büyük odağıdır. Sayfayı düzenlemek için CSS kullanırsanız, örneğin yazı tipinin rengini, dolgu div ve daha fazlasını değiştirirseniz, bu noktaların farkındasınız.
SCSS, daha iyi bir formata sahip standart bir CSS ile aynıdır. Değişkenler ve yuvalama gibi eşlik eden birçok işlev vardır ve ne yaptığınızı bildikten sonra CSS yazmaktan biraz daha hızlıdır. Bunu gerçekten seviyoruz çünkü çok daha ince, düzenli ve dosya boyutunu biraz daha küçük yapan şeyleri düzgün bir şekilde düzenlemenize yardımcı oluyor.
SCSS aracılığıyla Dplugins performans için iyidir, ancak çok sayıda CSS yazan bir geliştirici veya web sitesi üreticisi olduğunuzda gerçekten parlar. Bu CSS alt kümesiyle zaman ve enerji tasarrufu sağlayacaksınız. WordPress’in çoğu çevrimiçi web sitesini desteklediği düşünüldüğünde, SCS’leri ve CMS’yi birlikte kullanmanın akıllı bir seçim olduğu düşünülür. WordPress, tüm farklı işlev türlerine sahip geniş bir eklenti koleksiyonuna sahiptir. SCSS ve WordPress’i birlikte kullanmak istiyorsanız, bunu yapmak için birkaç eklenti vardır. Ne yazık ki, CMS bu stili olumsuz desteklemiyor. Bu, SCS’leri ve WordPress’i birlikte kullanarak tavşan deliğine dalmadan önce bilmeniz gereken bir şeydir. Bu esas olarak WordPress nedeniyle değildir, ancak SCSS, kutunun dışındaki PHP ile tam olarak uyumlu değildir. Bu nedenle, SCSS bağlantı noktamızı kullanacağınız eklenti çözümü, WordPress çekirdeğinde PHP ile çalışmak üzere tasarlanmıştır, bu da beklenmedik sorunlara neden olabilir. Bu nedenle, birçok geliştirici SCS yazar ve daha sonra temalar yayınlarken bunları derler.
Ancak, birçok projemizde SCS’leri sorunsuz bir şekilde kullanıyoruz. Bununla birlikte, WordPress sitesinde SCSS girmek için en iyi WordPress eklentilerine bakalım. WordPress’te SCS’leri görsel olarak yönetmek için komut dosyası düzenleyicisini kullanın
Scripts Organizer, web sitenizdeki kod görüntülerini yönetmenize yardımcı olan bir WordPress Premium eklentisidir. Bu iyi tasarlanmış, kullanımı kolaydır ve koşullar, konum, belirtilen şablon, çalıştırmak için planlama komut dosyaları ve ek seçenekler gibi birçok özellik ile donatılmıştır. Son zamanlarda bu araca eklenen ana özellik, SCS’lerin kısmi kombinasyonuydu.
Burada bulunabilen bir YouTube video kılavuzu içeren eksiksiz bir inceleme yazdık. Komut dosyaları düzenleyicisi ile kısmi SCSS özelliği, büyük CSS dosyalarını daha küçük parçalara ayırmanıza olanak tanır, bu da web sitelerini yüklemek için kaynaklar açısından yeniden kullanılabilir ve çok daha verimli olabilir. Örneğin, medya sorguları, tipografi ve diğerleri için bir bölümünüz olabilir. Web sitesine zarar vermeden önce herhangi bir hatayı yakalamak için güvenli modlar vardır, her parçayı yükleme sırasını seçebilir ve her şeyi harika bir grafik kullanıcı arayüzü aracılığıyla yönetebilirsiniz. Geliştiriciler için, kod düzenleyicisi kullanılabileceğinden daha fazladır, yani tüm kodunuzu arka uç WordPress’te yazmaya devam edebilirsiniz.
WordPress sitenize SCS’lerin dahil edilmesi durumunda sadece iyi bir seçim değil, aynı zamanda daha fazla performans sağlar ve arka uçta yönetilmesi daha kolaydır. Eklenti bu sözdizimine özgü değildir ve PHP’den JavaScript’e kadar her şeyi girebilir, planlama gibi gelişmiş özellikleri yönetebilir ve dahil edebilirsiniz. Geliştirme iş akışınızda WP-SCSS kullanın
Bu, WordPress sitesinde SCSS girmenizi sağlayan başka bir eklenti olan ücretsizdir. Bu, .scss dosyanız için bir depo işlevi gördüğü, SCSSHP’yi kullanarak derleme olduğu ve raporlama, derleme seçeneklerimiz ve otomatik enqueing gibi geliştiriciler için tasarlanmış birkaç araç bulunduğundan, bu makaledeki ilk öneriden biraz farklıdır.
Kullanmak için, dosyanızı eklentiden belirli bir klasöre sürükleyin ve bırakın. Yapmanız gereken tek şey bu ve derlenecek ve Word web sitenizin ön ucuna eklenecek. Daha fazla bilgi için GitHub sayfasında ayrıntılı talimatlar vardır. Bu çok popüler bir ücretsiz WordPress eklentisidir. 40.000’den fazla aktif kurulumu var ve işini çok iyi yapıyor (4.5 yıldız derecelendirme tek başına konuşuyor). Tek olumsuz, web sitesi için stilinizi yönetmeniz, eklemeniz ve silmeniz için ön ve grafik kullanıcı arayüzünün olmamasıdır. Her şeyin dosya yöneticileri veya FTP aracılığıyla yapılması gerekir. Bu makalenin karar bölümüne girmeden önce, SCSS’yi WordPress’te kullanmak için kullanabileceğiniz birkaç ek çözüm vardır. Birincisi, SCS olarak yazmak, yayınlanmaya hazır olduğunuzda derleme ve son temaya veya web sitesine tam bir stil sayfası eklemektir. Bu, büyük bir stil sayfası kullanırken zaman kazanmanın avantajını sağlar, ancak saf bir SCS olarak kullanmanıza izin vermez. Başka bir seçenek de SCSS “içine pişmiş” olan Bones adlı bir tema kullanmaktır. Kararımız esas olarak WordPress web sitemizi oksijen sayfası oluşturucu ile oluşturduğumuz için senaryo düzenleyicileri kullanmayı tercih ediyoruz. WordPress yığınınızın yanı sıra, WordPress’teki SCSS ile çalışmanın en iyi yolu budur.
