# 109: Yorumlar Üzerinde Çalışmaya Hazırlanma - CSS Hileleri

Anonim

Bu site için yorumlar bölümünde çalışmaktan çok heyecan duyuyorum. CSS-Tricks, siz iyi dostlar sayesinde bazı mükemmel tartışmalara ev sahipliği yapıyor. Yorumlar bölümünü tasarlamak önemlidir çünkü bu harika tartışmaları sergilemeli, bu harika tartışmaları devam ettirmeli ve WordPress tabanlı bir tartışma dizisinin tüm işlevselliğini kolaylaştırmalıdır.

Buradaki ilk adım, Photoshop dosyamızı yorum tasarlamak için güzel ve temiz bir alana sahip olacak şekilde hazırlamaktır. 2/3 1/3 ızgara kullanıyoruz, bu yüzden hızlı bir şekilde alay ediyoruz. Burada ilerici çılgınca bir şey yapmayacağız. 2/3 ana sütununda makale ve onun altında yorumlar yer alacaktır. Kenar çubuğunda veya bir açılır pencerede veya bunun gibi bir şeyde süslü yorum yok.

Yönlerimizi öğrenmek için v9 yorumlarına bir göz atıyoruz. Beklediğiniz her şey orada. Gravatarlar, isimler, tarihler, metin, cevap bağlantıları… Atmaya karar verdiğimiz bir şey RSS simgesi. WordPress, konu başlıkları için RSS beslemeleri oluşturur, ancak çok nadiren kullanılır ve JetPack tarafından sunulan "Yorumlara Abone Ol", bir ileti dizisine ayak uydurmak isteyen kullanıcılar için daha iyi bir alternatiftir.

V9'da yalnızca: hover'daki yanıt bağlantısını gösteriyoruz. Her zaman daha küçük ekranlarda göstermek için bir medya sorgusu var, ancak bu biraz saçma. Orada daha iyisini yapabiliriz. V9'da yorumları "öne çıkarmak" ve "gömmek" için de bir sistemimiz var. Yorumları şahsen seçiyorum ve bu etiketleri uyguluyorum. Belli ki, öne çıkan yorumların, onları ayıran ve yorumlara göz atan insanların dikkatini çeken bir kullanıcı arayüzü vardır. V9'da gömülü yorumlar sadece gizlidir, ancak orada daha ilginç bir şeyler yapabiliriz. Spam yorumlar veya kaba yorumlar az önce silindi, ancak silmeyi hak etmeyen özel bir yorum sınıfı (ör. "Harika gönderi!") Var ama ben 1'e vurgu yapmayı seviyorum) geri kalan kullanıcılara şunu kanıtlıyor: zamanlarını önemsemek ve 2) kullanıcılara kötü yorumların kötü olduğunu öğretmek. Burada yorum başlıklarını iyileştirme hakkında daha fazla yazdım.v10, tüm bu işlevlerin yalnızca daha da iyi hale getirmesine ihtiyaç duyacaktır. Örneğin, yazar yorum stili iyi bir katkı olacaktır.

Zincir şeklinde yorumlar diğer bir önemli özelliktir. Yalnızca bir düzey yuvaya izin vermeyi özellikle seçtim. Olduğu gibi, bir yoruma yanıt bırakabilirsiniz, ancak yanıta yanıt bırakamazsınız. Sadece orijinal yorumu yanıtlarsınız ve o alt başlıkta görünecektir. Bu seçimi yaptım çünkü şahsen kafam karışıyor ve bundan daha fazlasını içeren yorum başlıklarını okumayı sevmiyorum.

Biraz Photoshop'a atlayıp sayfaya birkaç şey ekledik. Şimdi bu önemli alanı tasarlamaya devam etmek için iyi durumdayız.