Yeni Arayüz ve Grav Kullanımına Geçiş

Güncelleme Yayın

2018 yılında bir önceki WordPress arayüzünü kodlayıp kullanmaya başlamıştım. O zamandan bu zamana Semantic UI'in artık geliştirilmiyor oluşu (farklı fork'larla devam etmekte), WordPress tarafında artış gösteren performans sorunları (çok fazla özelleştirmede bulunduğum için benden kaynaklı olan bir durumdu bu), yazı yazarken yaşadığım problemler (sekme kapatma, bağlantının kesilmesi veya sürüm oluşturma aşamasındaki problemler sebebiyle yazının kayıt edilemeden hiçliğe gönderilmesi) sebebiyle bir süredir değişiklik planım mevcuttu. Grav ve Bulma CSS notlarımın en üstünde, bu değişiklik planının ana unsurları konumundalardı. Peki neden?

Arayüz ve CMS Değişikliği

Grav ile ilgili daha detaylı bilgi için Grav Nedir? başlıklı yazımı inceleyebilirsiniz.

Grav - WordPress Geçişi

Çok uzun bir süredir WordPress kullanan, tema ve eklentiler yazan biriyim. Ancak, yeni bir arayış içerisindeydim. İlk nedenim, veritabanı yerine dosya temelli, üzerinde kolaylıkla işlemler gerçekleştirebileceğim şekilde içeriklerimi saklamak istemem. Bu sayede komut satırı aracılığıyla pek çok metin işlemini yapmam mümkün hale gelmekte. Diğer yandan, görseller ve içeriğin bir arada olması içeriğin yönetimini de kolaylaştırmakta. Markdown bir içeriğin belirli şablon kuralları dahilinde oluşturulmasını sağlamakta. Bu sayede yazı içerisinde birbirinden farklı biçimler yerine mecburen bir ortak yol izlemek durumundasınız. Peki, neden Grav? Elbette pek çok metin tabanlı içerik yönetim sistemi mevcut. Ancak, alternatiflerin çok azı çoklu dil ve çoklu web sitesi özelliğine sahipler. Diğer yandan, Grav'ın davranışlarına YAML satırları aracılığıyla müdahale edebiliyorsunuz, bu da çok az kod yazma gereksinimi demek. Elbette eksiklikler de yok değil, fakat bir şekilde bir çözüm yolun üretebiliyorsunuz.

Destek

Grav ile ilgili desteğe mi ihtiyacın var? Hazır temaları görüntüleyebilir veya destek talebinde bulunabilirsin.

Bu özellikleri göz önünde bulundurduğumuzda, Grav'ın arayüz tasarımcıları ve web tasarım ajansları için biçilmiş kaftan olduğunu söylebilirim. Çok kısa zaman içerisinde performansı yüksek web siteleri oluşturabilirsiniz. Yakın zamanda Grav teması geliştirmeye dair bir eğitim paylaşacağım. E-bültene abone olarak bu eğitime dair gelişmeleri takip edebilirsiniz. Bu süreç içerisinde Grav teması kullanmaya karar verirseniz Medi ve Appco temalarına göz atabilir ya da benimle iletişime geçerek yeni bir tema isteğinde bulunabilirsiniz.

Bu geçiş sürecindeki deneyimlerimi (içeriklerin markdown haline getirilmesi, temizleme işlemleri vb.) ayrıca paylaşacağım. Özellikle, daha önceden hazırladığım ve WordPress İçeriklerin Markdown Olarak Dönüştürülmesi başlıklı yazımda da detaylıca değindiğim Node.js çözümüm sayesinde bu süreci oldukça hızlı bir şekilde tamamadım.

Bulma CSS - Semantic UI Geçişi

Semantic UI pek çok özellik sunan ve çalışması oldukça zevkli bir CSS framework. Ancak, 2018 Ocak ayındaki son güncelleme sonrasında projenin geliştirilmesi nedeni belirtilmeksizin durduruldu. Elbette proje farklı fork'lar üzerinden devam etmekte ancak bildiğiniz üzere bu tür sorunlar projelere olan güveni sekteye uğrattığı ve destek anlamında problemler yaşamanıza neden olabileceği için alternatifleri değerlendirmenizin zamanını geldiğini göstermekte. Alternatifler arasında Bulma CSS ve Tailwind CSS yer almaktaydı. Daha önce pek çok farklı projede Bulma CSS ve Buefy kullandığım için kararım süreklilikten yana oldu.

Peki, yeni arayüz ile birlikte neler değişti?

Yenilikler

Sıklıkla kod örnekleri ve tablolara yer verdiğim için içerik alanını genişlettim ancak henüz düzeni netleştiremedim. Şimdilik bu şekilde içerikleri sunacak, zamanla çözümlemeleri uygulayacağım. Yazı başlıklarının yanında çeşitli ikonlar göreceksiniz, bu ikonlar videolar, podcastler, kod örnekleri ve limitli içerikler olmak üzere yazı içeriğini ifade etmekte. İçeriklerin tamamını uygun olan şekilde (video ya da podcast) yeniden ele alacağım. Ayrıca, yayınlanacak bazı yazı serileri limitli olacak ve bağışçılar/destekçiler tarafından görüntülenebilecek.

Hazırladığım uygulama, eklenti ve temaları anasyafa üzerinden kolaylıkla görüntüleyebileceksiniz. Eğitim içeriklerini yeniden organize ettim, yine anasayfa ve eğitimler sayfası üzerinden bu içerikleri takip edebilirsiniz.

Webflow > Jobs bölümündeki fotoğraf sunumu (Webflow UI özelliklerinden biri) oldukça hoşuma gitmişti. Basitleştirilmiş bir benzerini hazırlayıp hakkımda bölümünde kullandım. Aklımda küçük bir kıvılcım oluşturduğu için zamanla daha farkı özellikler ekleyecek (DOM tarafında takıldığım bir kaç noktayı çözmem gerekiyor) ve bitmiş halini paylaşacağım.

Şimdilik paylaşabileceğim konular bu kadar. Yorumlarınızı paylaşmayı unutmayın. İçerik devamlılığına küçük bir katkıda bulunmak isterseniz Patreon ve Buy me a coffee üzerinden seçeneklere ulaşabilirsinzi.