Bu yazı, blogun yayınlanan ilk sürümünden olup, şu anki blog için geçerliliğini yitirmiş ve resimler hiçbir geçerli sistemi yansıtmamaktadır. Gönderiyi incelemek isteyenler inceleyebilir ancak gönderide gösterilen resimlerin geçerli hiçbir sayfayı yansıtmadığını lütfen unutmayın.
Bu yazımda da bahsettiğim gibi blog, hiçbir hazır tasarım (Vuetify dışında), hazır kod veya hazır sistemler kullanılmadan, tamamiyle sıfırdan tasarlanmıştır. Bu gönderide okuyacağınız özelliklerin hiçbiri internetten alınmamış, sıfırdan yapılmıştır.
Blog başlı başına tabii ki tüm elementlerine kadar el ile kodlanmadı. Vuetify sayesinde bu elementler hazır olarak gelse de yerleşimi, arka plandaki API sistemi ve geriye kalan sistemlerin hepsi sıfırdan yazıldı. Bunlardan ilki ise ana sayfa... Ana sayfa, oldukça basit olsa bile birçok ufak detay barındırıyor. Bunlardan ilki, son 4 (bu sayı monitörünüzün boyutuna göre değişebilir ancak maksimum 5 gönderi gösterecektir, elden bu kadar geldi) gönderinin galeri gibi sayfanın en üstünde yer alması ve bunların üzerine gelince efekt ile birlikte "Devamını Oku" butonunun çıkması.
Ana sayfanın bir diğer yanı ise varsayılan olarak "Gönderiler" başlığının altında tarihlerine göre sıralanmış gönderilerin bulunması. Burada da gerekli efektler ve gönderinin içine girmeden alabileceğiniz kısa bilgileri içeren bir "tooltip" bulunuyor.
Gönderilerinse hemen altında bulunan bir buton da bu gönderilerden daha eski 5 gönderiyi daha getirmenizi sağlıyor. Bu butona tıklayarak gösterilen gönderilere 5 tane daha ekleyebilirsiniz. Gösterilenden daha fazla gönderi olmaması durumunda buton otomatik olarak devre dışı kalacak ve yazısı değişecektir.
Ana sayfadan şimdilik bu kadar. İlerleyen zamanlarda pek bir değişiklik yapacağımı düşünmesem de zamanla görüntüde ve işlevde ufaklı büyüklü değişiklikler olabilir. Şimdi ise sıra "Gönderiler" kısmının ve her sayfada (bazı gönderiler dışında) gözüken yan menü. Bu menüde şimdilik 2 eleman var, bunlardan birisi botumun en sevdiğim özelliklerinden birisi olan günlük müzik öneri sistemi diğeri ise blogda en çok görüntülenen son 5 yazımızın bulunduğu bir veri tablosu. Eğer gün için seçilmiş bir müzik yoksa otomatik olarak Rick Roll moduna geçiyor 🕺.
Yan menüden başka her sayfada görünen yönlendirme çubukları ve arama kısmı ise hem mobilde, hem masaüstünde sayfalara daha hızlı ulaşıp bulmak istediğiniz gönderileri aramanızı sağlıyor. Arama sonuçları, yazılmış tüm gönderiler arasında belirtilen kelimeleri içeren başlığa sahip gönderileri tarihlerine göre sıralayıp size gösterecektir. On numara bir arama denemez ama zamanla bunun üzerinde de çalışırsam bu yazıyı burada göremeyebilirsiniz 😅
Şimdi ise sıra gönderi sayfalarında. Gönderi sayfaları, birçok farklı tasarım aşamasından geçerek şu anki görünümüne kavuştu. Hâlâ 10/10 denilecek bir görünüme sahip değil ancak şu an elimizdeki en iyisi bu. Zamanla eminim bu sayfalara da güzel bir güncelleme getireceğim. Genel olarak tüm içerik sayfalarının içerdiği bilgileri okunabilir bir şekilde içeririyor. Bunlar, yazarın ismi ve yazara ulaşabileceğiniz profil bağlantısı, gönderinin yazıldığı tarih, gönderinin etiketleri ve gönderinin içeriği.
Devamında ise her gönderinin altında bulunan yorumlar kısmı var. Bu kısım özellikle benim favorilerimden biri (kesinlikle yorum onay sistemini yapmam can sıkıcı derecede uzun sürdüğü için değil) çünkü sadece yorum değil, aynı zamanda gönderilere tepki de ekleyebiliyorsunuz!
Geriye ise bu kategoride etiket sayfaları kalıyor. Bu sayfalarda aradığınız etikete sahip tüm gönderilerin aynı ana sayfadaki gönderiler kısmının çalışma sistemi ile çalışan bir sistemle ulaşabilirsiniz.
Çoğunuzun görebileceği son şey ise yazar sayfaları! Evet, bu sayfayı yaparken çok düşünmem ve sonuç olarak çok basit bir tasarım çıkartmam dışında gerçekten güzel bir yazar sayfası oluşturduğumu düşünüyorum. Yazar sayfalarında yazarın ismini, resmini, biyografisini, varsa rozetlerini ve bugüne kadar yazdığı tüm yazıları bir zaman çizelgesi şeklinde görebilirsiniz. Bu sayfaları sadece yazarın kendisi düzenleyebilir.
Buradan geriye ise yönetici ve yazar sayfaları kalıyor. Bunları da göstermek istiyorum çünkü yapım aşamasında en çok bunlara uğraştım 😡 Normalde benim tarzım olan manuel olarak veritabanına bilgiler girilsin, istek gelince çekilsin mantığı yerine bu blogda tamamen "pırofesyönöl" olmaya çalıştım. Kesinlikle herhangi bir şey iddia etmiyorum ama gönderileri manuel olarak veritabanına yazmaktansa bir yazı kutusuna yazmak çok daha iyi hissettiriyor 😅 Aşağıdaki resimde gördüğünüz kısım sitede yazar olan herkesin görebileceği, yazılarını ve profillerini düzenleyebileceği yazar paneli kısmı. Şimdilik sadece yazarlar bunları yapabiliyor ancak ileride zaman ne getirir belli olmaz.
Bir sonraki videoda (resim veya GIF'e sığmayacak derecede uzun işlemler) gördüğünüz ise yeni gönderi oluşturma sayfası. Bu sayfa teknik olarak gönderi düzenleme sayfası ile aynı olsa da düzenleme sayfasından farkları da var. Gönderi içeriği ve kısa açıklama kısımları, markdown dediğimiz Discord'dan aşina olduğumuz yazı format aracını destekliyor ve gönderileri yazmak böylelikle daha kolay olması gerekiyor ancak tam olarak düzgün çalıştığı söylenemez. Merak etmeyin! Bunun sadece bana zararı var, ve en yakın zamanda buna da bir düzenleme getireceğim!
Sanırım şu anda blogun sahip olduğu tüm özellikler bu kadar. Yeni özellikler eklendiğinde de blogda duyurusu geçecektir. Zamanla oluşan hataları düzeltip, yenilikler yapmaya gayret göstereceğim. Umarım sizin de hoşunuza gitmiştir. Ben 4 günümü buna harcadım, siz neler yapıyorsunuz peki?