FANDOM


Topluluğunuzun tasarımını kişiselleştirme hakkında mı düşünüyorsunuz? Bir CSS stratejisini belirlerken, “geniş çapta çekici” olan seçimler yapmak ve mümkün olan en geniş editör ve okuyucu yelpazesine hoş geldiniz. İşte size yardımcı olacak birkaç en iyi uygulama.

Kılavuzlar

Tema tasarımcısıyla başla

Topluluğunuzu özelleştirmenin en basit yolu Fandom'un tema tasarımcısı kullanmaktır. Sitenizin temel renk paletini kolayca değiştirmenize olanak tanır, marka, favicon ve arka plan. Tema tasarımcısı ile değiştirilebilecek herhangi bir şey onunla değiştirilmelidir. Öyleyse CSS'e geçmeden önce oradan başlayın.

Renklere dikkat edin

Alçak kontrast, çarpışma veya cüruf renkler - özellikle içerik alanında sakının. İnsanların makalelerinizi daha uzun süre doymaları için kolayca okuyabilmelerini istersiniz.

Theme designer

Herhangi bir CSS yazmadan önce Tema Tasarımcısı ile başlayın.

Hatırla:

  • Herkesin görme yeteneği seninkilerle aynı değil. Kayda değer sayıda insan bozulmuş görme ve renk körlüğüyle ilgili sorunlar.
  • Farklı cihazlar farklı davranır. Kendi ekranınızda gördüğünüz renkler diğerinde de iyi çalışmayabilir.
  • Yazı ve arka plan arasında iyi kontrast var.
  • Arka plan resimleri harika, ancak üstlerindeki metni okuyamıyorsanız değil. Öyleyse, yoğun bir geçmişiniz varsa, tema tasarımcısının şeffaflık kaydırıcısını delirmeyin.
  • Özellikle ana metin alanında, yazı tipi boyutlarını çok küçük yapmamaya çalışın.

Basit tut

Topluluğunuzu simgeler, animasyonlar ve diğer dekoratif öğelerle kaplamanın bir cazibesi olabilir - ancak bunlar topluluğu ziyaret eden biri için çok rahatsız edici olabilir. Unutmayın, CSS'nin amacı topluluğun geniş çekici olmasını sağlamaktır ve gösterişli özel imleciniz yeni okuyucuları kapatıyor olabilir.

Sorumlu tasarım

Fandom sayfalarında sıvı genişlikleri vardır. Bu, tarayıcı penceresinin boyutuna göre biraz değiştikleri anlamına gelir. Tasarımınızın tamamen test sırasında tarayıcınızın genişliğini değiştirerek çalıştığından emin olun. Yapabiliyorsanız, tasarımınızı gerçek bir tablet üzerinde de test edin.

Okunabilir kod yazma

Kolayca okunup anlaşılabilen yazılabilen bir kod yazın. CSS’niz neredeyse kesinlikle başkaları tarafından bir noktada okunacak:

  • notu, /* gibi yorumlarla ekler. Bu kod x, y ve z */ öğelerini kullanır.
  • Özel sınıflarınızı ve kimliklerini anlaşılır isimler verin. Bir şey etrafında bir kutu oluşturursa, .tlk328 değil, .box olarak adlandırmayı düşünün.
  • topluluğunuzun zevklerine boşluk bırak ve girintiyi ekleyin - ancak bir biçim seçin (İngilizce) ve buna bağlı kalın
  • vikinin aynı bölümünü etkileyen kodu bir arada tutarak, kodu mantıksal olarak düzenleyin

Kullanışlı bağlantılar

Daha fazla yardım ve geri bildirim

  • Yardım:İçerikler sayfasındaki diğer yardım sayfalarına göz atın ve arama yapın
  • Daha fazla yardım ve destek için Fandom Topluluk Merkezi sayfasına bakın.
  • Bu makaledeki hataların veya net olmayan adımların nasıl bildirileceğini öğrenmek için Fandom'a iletişim sayfasına kontrol edin.
Community content is available under CC-BY-SA unless otherwise noted.