1001site kataloğundaki stiller
Stil, bilinen bir platforma dayalı önceden tasarlanmış bir web sitesi şablonudur: renkler, yazı tipleri, düğme ve kart şekilleri ve animasyonlar. 1001site kataloğu 1.000 stil içerir. Bir şablon seçin, "Uygula"ya tıklayın ve web siteniz o stilde tasarlanacaktır.
Bu ürün kimler için uygundur?
Tasarımcıya ihtiyaç duymadan güzel bir web sitesine sahip olmak isteyen herkes için. Stili istediğiniz kadar değiştirebilirsiniz.
Stil seçimi nerede yapılır?#
- Hesabınızda: Ayarlar → Ana Sayfa ve Menü → "Site Stili" → "Stil Seç" (veya "Başka Bir Stil Seç"). Veya kılavuzun 2. adımını izleyin.
- 1001site.com dizin web sitesinde: stili açın ve kartın altındaki "Panonuza uygulayın" seçeneğine tıklayın. Zaten giriş yaptıysanız, stil hemen uygulanacaktır.
- Katalogda, kayıt olduktan sonra "Al" → "Her Şey Dahil" seçeneğini seçin. Stil kaydedilecek ve ödeme yapıldıktan sonra uygulanacaktır.
Adımlar#
Adım 1. Kataloğu açın#
"Site Stili" bölümünde "Stil Seç"e tıklayın. Kartların bulunduğu bir pencere açılacaktır. Örnek sitenin videosunu görmek için bir kartın üzerine gelin.
Adım 2. Bir stil bulun#
Arama, marka adı, renk, yazı tipi ve kategoriye göre yapılır. Örneğin: "apple", "minimal", "dark", "shop".
Adım 3. Uygula'ya tıklayın#
Birkaç saniye içinde stil uygulanacak: renkler, yazı tipleri, yuvarlamalar, gölgeler ve animasyonlar. Seçilen stilin adı ve önizlemesi "Site Stili" bloğunda görünecektir. "Sonucu gör" bağlantısına tıklayarak siteyi açın.
Stili değiştiren nedir?#
| Ne | Nasıl |
|---|---|
| Renkler | Arka plan, kartlar, metin, vurgu. Varsayılan açık veya koyu tema (örnekte olduğu gibi). |
| Yazı Tipleri | Örnek yazı tipine benzer bir yazı tipi Google Fonts'tan seçilir. |
| Biçim | Düğmelerin ve kartların yuvarlaklaştırılması, düz kartlar veya gölgeli kartlar, yoğunluk |
| Animasyonlar | Dört setten biri: sakin, yumuşak, ışıltılı, dinamik |
| Ev | "Ana sayfayı tasarla" seçeneği etkinleştirilirse, site adı ve stil sloganının yer aldığı bir ana başlık bloğu sayfanın üst kısmına eklenecektir. |
Bu stil, metninizi, ürünlerinizi, kategorilerinizi, sayfalarınızı veya CSS'nizi etkilemez. CSS düzenlemeleriniz stil bloğunun yanına kaydedilir.
Stil ve yapay zeka asistanı#
Stil seçildikten sonra, yapay zeka asistanı, o stilin tasarım referansına (kompozisyon, görseller, tipografi ve metin tonu) dayanarak ana sayfayı ve sayfaları oluşturur. Bu, tasarımcılar için de geçerli olan aynı prensiptir: stil → tasarım sistemi → sayfalar.
Stili değiştir veya kaldır#
- Değiştir: "Diğerini Seç" → yenisini seç → "Uygula." Önceki stil bloğu eklenir değil, değiştirilir.
- Kaldır: Stil önizlemesindeki çöp kutusu simgesini kaldırın. Bu, stilin CSS'sini ve adını kaldırır. Renkler ve yazı tipleri olduğu gibi kalır; bunları Markalama bölümünde ayarlayabilir veya asistandan "tasarımı sıfırla" seçeneğini kullanabilirsiniz.
Stil dosyaları#
Katalogdaki her stilin, yapay zeka araçları tarafından anlaşılabilecek dosyaları vardır:
- DESIGN.md (eksiksiz ve kompakt) — stil açıklaması: rollere sahip renkler, yazı tipleri, boyutlar, girintiler, yapılması/yapılmaması gereken kurallar.
- Tailwind v4, Tailwind için bir temadır.
- CSS Değişkenleri - CSS değişkenleri.
- Tasarım Token'ları — Token'ları içeren JSON.
Dosyalar, stil kataloğu sayfasından kopyalanabilir veya indirilebilir. Bunları Claude, ChatGPT, Cursor veya asistanımıza vermek çok kolay: "Bunu bu stilde yap." Stil Kataloğuna bakın.
Tarifeler#
Web sitenize stil uygulama özelliği ücretli planlarda mevcuttur. Planınız yoksa, stil kaydedilir ve ödeme yapıldıktan sonra otomatik olarak uygulanır.
Sorular ve Cevaplar#
Stil uygulandı, ancak site örnekteki gibi görünmüyor. Neden?#
Bu stil, renkleri, yazı tiplerini, şekilleri ve animasyonları kapsar. Sayfa yapısı ve fotoğraflar size aittir. Ana sayfanın örnekteki gibi görünmesini sağlamak için yapay zeka asistanına şu komutu verin: "Ana sayfayı sitenin stiline uygun olarak tasarlayın: kahraman, avantajlar, galeri, iletişim."
Bir stili birden fazla siteye uygulayabilir miyim?#
Evet, stil mevcut siteye uygulandı. Kontrol panelinizden siteler arasında geçiş yapın ve stili tekrar uygulayın.
Rengi manuel olarak değiştirdim ve ardından stili uyguladım. Hangisi daha iyi?#
Stil. Stildeki renkler, manuel olarak belirlenen renkleri geçersiz kılacaktır. "Kod ve Widget'lar" bölümündeki özel CSS kodları geçerliliğini koruyacaktır.
Bu örnekleri nereden alıyorsunuz?#
Popüler web sitesi stillerinin açık kataloğundan. Videolar ve posterler sunucumuzda saklanmaktadır.