Şablon ve görünüm seç
Şablonları önizle, sonra sitenin renklerini, yazı tiplerini, düzen seçeneklerini ve logosunu ayarla.
Takım sahipleri ve yöneticileri için · 11 adım
Önce neye ihtiyacın var
- Takımının bir site aboneliği var. Ücretsiz bir takımın yönetim menüsünde Şablon yerine Site al görünür.
- Takımın sahibi ya da yöneticilerinden birisin.
Adımlar
Adım 1: Şablon sayfasını aç
Soldaki menüde Şablon seçeneğine bas.
Şunu görmelisin: Şablon başlıklı bir sayfa ve her şablon için bir kart. Sitenin kullandığı şablonun kartında Kullanımda yazar. Sitenin henüz şablonu yoksa her kartta bunun yerine Seç düğmesi görünür — bu düğmeye basınca o şablon ilk paletiyle seçilir ve Görünüm açılır.
Adım 2: Bir şablonu önizle
Bir şablonun kartında Önizleme bağlantısına bas.
Şunu görmelisin: kendi siten o şablonda, üstünde Önizleme yazan bir çubukla. Bunu yalnızca takımının yöneticileri açabilir. İşin bitince Yönetime dön düğmesine bas.
Adım 3: Görünüm sayfasını aç
Şablon sayfasına dön ve sağ üstteki Görünüm bağlantısına bas.
Şunu görmelisin: Görünüm başlıklı bir sayfa — bir tarafta form, yanında sitenin canlı görüntüsü (dar ekranda formun altında).
Adım 4: Bir palet seç
Palet altında şablonun hazır ayarlarından birini seç.
Şunu görmelisin: hazır ayar işaretli, sitenin görüntüsü de onun renklerinde. Bir hazır ayar beş rengi ve iki yazı tipini birden ayarlar.
Adım 5: Bir rengi değiştir
Renkler altında Birincil, Vurgu, Işıltı, Arka plan ya da Metin alanına
#7dd3fcgibi bir renk kodu yaz — ya da renk seçmek için yanındaki kareye bas.Şunu görmelisin: sitenin görüntüsü değişir ve Palet altında Özel işaretlenir. Her renk şablonun varsayılanını gösterir; Sıfırla o rengi geri getirir.
Adım 6: Metne ve yüzeylere kendi renklerini ver
Metin ve yüzeyler altında Başlıklar, Açıklamalar, Kartlar, Çizgiler, Bağlantılar ve etiketler, Buton ya da Buton metni satırının yanındaki Renk seç düğmesine bas, sonra bir renk kodu yaz ya da yanındaki kareye bas. Her biri Otomatik ile başlar; bu, beş rengini şablonunun yaptığı gibi takip eder. Otomatik kullan onu geri getirir.
Şunu görmelisin: sitenin görüntüsü değişir ve yazı taşıyan her rengin altında 7,2:1 · okunması kolay gibi bir sayı çıkar — rengin arka planından ve kartlarından ne kadar net ayrıldığını gösterir. 4,5:1'in altında (başlıklar için 3:1) okunması zor yazar, ziyaretçilerin onun yerine göreceği rengi gösterir ve Okunur yap seçeneğini sunar; bu, o rengi alana koyar.
Adım 7: Yazı tiplerini seç
Tipografi altında Başlık yazı tipi ya da Gövde yazı tipi menüsünü aç ve bir yazı tipi seç. Her yazı tipi kendi görünümüyle gösterilir ve bir gruba ayrılmıştır — Kalın başlık, Dar, Teknik, Sade sans, Serif, El yazısı, Monospace — bulmak için adını da yazabilirsin.
Şunu görmelisin: sitenin görüntüsü o yazı tipinde. Yazı tipini değiştirmek de paleti Özel yapar.
Adım 8: Logonu ekle
Logo altında Yazı logo, Kare logo ya da Favicon satırının yanındaki Görsel seç düğmesine bas (bir görsel ayarlandıktan sonra düğmede Değiştir yazar). Görsel ekle kutusunda bir görsel seç ya da yükle — JPEG, PNG, WebP veya AVIF, en fazla 5 MB — ve Yerleştir düğmesine bas. Logo için alternatif metin gerekmez.
- Kare logo sitenin menüsünde, Ana sayfanın üstünde ve kadro listende gösterilir.
- Yazı logo isteğe bağlıdır: takımının adı, görsel olarak, herhangi bir şekilde. Ayarlarsan menüde ve Ana sayfanın üstünde kare logonun ve adın yerini alır.
- Favicon tarayıcı sekmesindeki küçük simgedir.
Logoların asla kırpılmaz ya da değiştirilmez. Her görsel tam olarak gösterilir ve şeffaf arka plan şeffaf kalır. Bu yüzden kare logo ve favicon kare olmalı, en az 256 × 256 piksel — başka şekilde bir görsel kaydederken reddedilir ve mesajda boyutu yazar. Bu kuraldan önce seçtiğin bir logo, sen değiştirene kadar görünmeye devam eder.
Şunu görmelisin: alanın yanında görselin adı. Hazır ayarlar bunları asla değiştirmez.
Adım 9: Şablonun seçeneklerini ayarla
Daha aşağıda, Broadcast seçenekleri altında Hero layout (Image behind the text ya da Image beside the text) ve Card edges (Cut corners ya da Square corners) seç. Diğer şablonlar burada kendi seçeneklerini listeler: Neon Grid'in Motion seçeneği Full motion ya da Calm (her şey sabit), Hero glow seçeneği ise Bright (ana sayfanın üstü arka plan renginden vurgu rengine geçer) ya da Koyu (daha koyu bir görünüm için ana renginle vurgu renginin karışımı koyu bir griye geçer); Crosshair'in Hero layout seçeneği Split (yazıların solda, görselin sağda ve üstünde sıradaki maçın) ya da Full-width image; Faceoff'un Hero alignment seçeneği Centered ya da Left, Home roster seçeneği ise Scattered (oyuncularının kartları büyük bir "Meet the squad" yazısının etrafında) ya da Grid; Clutch'ın Hero layout seçeneği Bento (hero alanın bir Latest news panelinin yanında) ya da Full width, Corners seçeneği ise Rounded ya da Square; Varsity'nin Arka plan seçeneği Pinstripe (her sayfanın arkasında soluk çapraz çizgiler) ya da Sade, Hero size seçeneği ise Full (üstünde menü olan uzun bir fotoğraf) ya da Banner (daha kısa bir fotoğraf); Redline'ın Photo tint seçeneği Duotone (fotoğrafların ana renginle boyanır) ya da Natural (kendi renkleri), Panels seçeneği ise Offset (fotoğraflarının ve bölümlerinin arkasına yerleşen koyu bloklar) ya da Flat.
Şunu görmelisin: sitenin görüntüsünün düzeni değişir.
Adım 10: Kaydet
Formun altındaki Kaydet düğmesine bas.
Şunu görmelisin: "Görünüm kaydedildi". Ziyaretçiler bunu henüz görmez — kaydedilen değişiklikler sen yayımlayana kadar taslağında kalır.
Adım 11: Siteni yayımla
Soldaki menüde Yayımla seçeneğine bas ve yayımla — bkz. Siteni yayımla.
Şunu görmelisin: yayımlamadan önce değişiklik listesinde Görünüm, yayımladıktan sonra da sitenin yeni görünümü.
İşe yaradığını nasıl anlarsın
- Şablon sayfasında şablonunun kartında Kullanımda yazar.
- Yayımladıktan sonra sitende renklerin, yazı tiplerin ve logon görünür — tam olarak, hiç kırpılmadan.
- Yazı taşıyan her renkte okunması kolay yazar ya da ziyaretçilerin onun yerine gördüğü okunur tonu kabul etmişsindir.
Bir şey yanlış mı görünüyor?
Renklerimi değiştirdim ama sitem aynı görünüyor
Kaydetmek onları taslağında tutar. Menüde Yayımla seçeneğine bas ve yayımla (11. adım).
Bir renkte "okunması zor" yazıyor
O renkteki yazılar arka planından ya da kartlarından herkesin okuyabileceği kadar ayrılmıyor — normal metin 4,5:1, başlıklar 3:1 ister. Ziyaretçilerin okunması zor rengi asla görmez: siten onun yerine en yakın okunur tonu gösterir ve form bu tonu belirtir. Bu tonu kullanmak için Okunur yap düğmesine bas ya da okunması kolay yazana kadar kendi rengini seç. Otomatik bırakılan bir renk de sorulmadan aynı şekilde ayarlanır. Yayımlarken de bir uyarı çıkar ama yayımlamanı asla engellemez.
Sitem her yerde tek renkte ve okunması zor
Metin ve yüzeyler altında her metin türüne kendi rengini ver (6. adım): örneğin kırmızı Başlıklar, paragraflar için açık gri Metin ve panellerin sayfadan ayrılması için biraz daha açık bir Kartlar rengi. Bir sayfanın bölümlerini farklı renklendirmek için — koyu bir sitede açık renkli bir mağaza, vurgu renginde bir şerit — bkz. Sitenin bölümlerine kendi renklerini ver.
Şablon değiştirmek içeriğimi siler mi?
Hayır. İçeriğin şablona değil sitene aittir: renklerin ve yazı tiplerin yeni şablonun kullandığı yerlere taşınır, şablonun kendi seçenekleri varsayılanlarına döner, gösteremediği bir bölüm ise silinmez, gizlenir. Değiştirmeden önce açılan kutu bu üçünü listeler ve iptal edebilirsin. Sitende hâlâ platformun varsayılan renkleri ve yazı tipleri varsa — hiç palet seçmediysen ya da renk değiştirmediysen — bunun yerine yeni şablonun ilk paleti kullanılır, böylece siten şablonun resmindeki gibi görünür; kutu bunu Renkler ve yazı tipleri altında belirtir. Yedi şablon var: Broadcast, maç günü havasında bir görünüm; Neon Grid, hero alanının arkasında hareketli bir ızgara ve parlayan bir geçiş, üstünde süzülen logon, istatistik sayaçları ve bir video duvarıyla siyah neon bir görünüm; Crosshair, çerçeveli paneller, köşeli parantez etiketleri, büyük bir alt bilgi yazı logosu ve ön planda fotoğraflarla siyah, teknik bir görünüm; Faceoff, her maç kartında logonun rakibinin logosuyla karşı karşıya geldiği, büyük bir hero alanı ve dev bir başlığın etrafına dağılmış kadronla mavi-siyah ve buz camgöbeği bir görünüm; Clutch, beyaz yuvarlak kartlar, geniş büyük harfli başlıklar ve tek bir parlak renkle açık bir görünüm; sıradaki maçın hero alanında ve geniş ekranda her sayfanın üstünde yer alır; Varsity, lacivert şeritler, tek bir altın rengi, kadronun üstünde en iyi turnuva dereceleri ve program tablosu olarak maçlarınla kampüs havasında bir görünüm; ve Redline, neredeyse siyah üzerine tek kırmızı, ana renginle (varsayılan olarak kırmızı) boyanmış fotoğraflar, kare butonlar ve iki logonun VS ile karşılaştığı fotoğraflı satırlar olarak maçların. Clutch'ın başlıkları Archivo Expanded yazı tipindedir; bunu her şablonda Kalın başlık altında seçebilirsin. Bilgisayar ya da tablette Faceoff'un her sayfanın üstündeki Discord'umuza katıl butonu yalnızca Discord bağlantını Sosyal medya altına eklediysen görünür (Sosyal medya hesaplarını ekle). Her şablon canlı yayınını aynı şekilde gösterir: o gün bir geri sayım, canlıdayken ana sayfanın üstünde Twitch oynatıcısı ve diğer her sayfada bir Canlı çubuğu (Yayın planla).
"Bu site sen açtıktan sonra değişti" yazıyor
Başka bir yönetici senden önce kaydetti ve senin değişikliklerinden hiçbiri kaydedilmedi. Yeniden yükle düğmesine bas, sonra değişikliğini tekrar yap.
"Bu logo … Kare bir görsel yükle" yazıyor
Kare logo ve favicon kare olmalı — genişliği ve yüksekliği aynı — ve en az 256 × 256 piksel, çünkü onları asla kırpmıyoruz. Mesaj görselinin boyutunu söyler. Kare bir sürüm hazırla (geniş bir logonun etrafına boş, şeffaf alan ekle), yükle ve tekrar kaydet. Kare olmayan bir logonun yeri Yazı logo.
"Bu logonun kayıtlı bir boyutu yok" yazıyor
O görselin boyutunu bilmiyoruz, bu yüzden kare olup olmadığını kontrol edemiyoruz. Görseli tekrar yükle, yeni kopyayı seç ve kaydet.
Alanlar ve Kaydet soluk görünüyor
Takımının aboneliği sona erdi, bu yüzden abonelik tekrar etkin olana kadar site sayfaları salt okunur. Aboneliği yenile — bkz. Faturalandırmayı yönet.
İlgili makaleler
Hâlâ takıldın mı? Destekle iletişime geç ya da support@spawnfront.com adresine e-posta gönder — bulunduğun sayfayı ve adım numarasını bize yaz.