| Amacı | Cloudbeds Websites editöründe Site Teması üzerinden site genelindeki renkleri, butonları, tipografiyi, görsel stilini ve arka planları yönetmek. |
| En uygun olan | Cloudbeds Websites’in görsel stilini yöneten Yönetici/Genel Müdür ve Yönetici kullanıcılar. |
| Ne zaman kullanılır | Bireysel bileşenleri veya sayfaları tek tek stil vermek yerine, site genelinde tutarlı tasarım ayarları uygulamak istediğinde. |
| Gereksinimler | Bir Cloudbeds Websites ve Cloudbeds Websites editörünü açma erişimi. |
| Beklenen sonuç | Siten, sadece gerektiği yerlerde bireysel geçersiz kılmalar uygulanarak, tutarlı küresel tasarım ayarlarını kullanır. |
Giriş
Cloudbeds Websites editöründe Site Temasını kullanarak web sitenin genel görsel stilini tek bir yerden yönetebilirsin. Site Teması, renklerin, butonların, tipografinin, görsel stilinin ve arka planların sayfalar arasında tutarlı kalmasına yardımcı olur.
Site genelinde geniş kapsamlı bir tasarım değişikliği yapmak istediğinde Site Teması’nı kullan. Bireysel bir bileşene veya sayfaya doğrudan yapılan değişiklikler, ilgili Site Teması ayarını geçersiz kılar.
İçindekiler
- Site Temasına Erişim
- Genel stiller ve geçersiz kılmaları anlama
- Tema renklerini özelleştir
- Buton stillerini özelleştir
- Tema metnini özelleştir
- Görsel stillerini özelleştir
- Arka planları özelleştir
- Diğer Site Teması seçenekleri
Site Temasına Erişim
Site için genel tasarım ayarlarını yönetmek istediğinde, Cloudbeds Websites editörünün sol panelinden Site Temasını aç.
- Cloudbeds Websites editöründe Cloudbeds Web Siteni aç.
- Sol panelde, Tema simgesini seç.
- Genel tasarım ayarlarını güncellemek için müsait Site Teması bölümlerini kullan.
Site Teması paneli, Renkler, Butonlar, Metin, Genişlik & Boşluk, Görseller ve Arka Planlar için genel kontroller içerir:
Site Temasının üst kısmı, genel Renkler, Butonlar ve Metin kontrollerini gösterir:
Daha aşağıda, Site Teması başlık stillerinin yanı sıra Genişlik & Boşluk, Görseller ve Arka Planlar bölümlerini içerir:
Genel stiller ve geçersiz kılmaları anlama
Site Temasında yapılan değişiklikler tüm web sitesine uygulanır, böylece her sayfada aynı ayarı düzenlemek zorunda kalmadan tutarlı bir görsel stil koruyabilirsin.
Bireysel bir bileşene veya sayfaya doğrudan yapılan değişiklikler, ilgili Site Teması ayarını geçersiz kılar. Önce genel temanı ayarla, sonra sadece gerektiği yerlerde bireysel geçersiz kılmaları uygula.
Tema renklerini özelleştir
Renkler bölümünü, sitede kullanılan genel renk paletini oluşturmak ve yönetmek için kullan.
- Site Teması'nda, Renkler bölümünü genişlet.
- Güncellemek istediğin renk paletini seç.
- Bir HEX veya RGB değeri gir veya renk seçmek için damlalık aracını kullan.
- Gerekirse kalan tema renkleri için işlemi tekrarla.
- Bir tema renginin adını değiştirmek için, renk adının üzerine gel ve kalem simgesini seç, ardından yeni adı gir.
Buton stillerini özelleştir
Butonlar bölümünü kullanarak web sitesinde kullanılan genel Birincil ve İkincil buton stillerini yönetebilirsin.
- Site Teması'nda, Butonlar bölümünü genişlet.
- Güncellemek istediğin Birincil veya İkincil buton stilini seç.
- Site tasarımına uyacak şekilde mevcut buton ayarlarını düzenle.
Tema metnini özelleştir
Metin bölümünü kullanarak varsayılan metin, paragraf metni ve başlık seviyeleri için genel tipografiyi yönetebilirsin.
- Site Teması'nda, Metin bölümünü genişlet.
- Güncellemek istediğin metin türünü seç:
- DFLT: Paragraf veya başlık stili atanmamış widget'lardaki metin için temayı ayarlar. Bağlantı görünümü de burada özelleştirilebilir.
- PAR: Paragraf veya metin widget içeriği için temayı ayarlar.
- H1-H6: 1'den 6'ya kadar başlık seviyeleri için temayı ayarlar.
- Yazı tipi, kalınlık, boyut, metin ölçeklendirme, renk, yazı tipi formatı, metin yönü, satır yüksekliği, harf aralığı, tümü büyük harf ve metin gölgesi gibi mevcut metin ayarlarını düzenle.
Markanla uyumlu ve okunması kolay yazı tipleri seç. Başlık boyutları ve kalınlıklarını tutarlı tut ve arka planla net kontrast oluşturan metin renkleri kullan.
Görsel stillerini özelleştir
Görseller bölümünü kullanarak görsel bileşenleri için genel stilleri yönetebilirsin. Mevcut kontroller arasında görsel düzeni, kenarlık stili, yuvarlatılmış köşeler ve gölge efektleri olabilir.
Medya varlıklarını yüklemek, düzenlemek ve yeniden kullanmak için bkz. Cloudbeds Websites'te görselleri ve medyayı yönetme.
Arka planları özelleştir
Arka Planlar bölümünü kullanarak varsayılan site arka planını tanımlayabilir veya belirli bir sayfaya farklı bir arka plan uygulayabilirsin.
Varsayılan arka planı ayarla
- Site Teması'nda, Arka Planlar bölümünü genişlet.
- Varsayılan Arka Plan bölümünü genişlet.
- Renk veya Görsel seçeneğini seç.
-
Belirli bir sayfa için arka plan ayarla
- Site Teması'nda, Arka Planlar bölümünü genişlet.
- Sayfa Başına Arka Plan bölümünü genişlet.
- Özelleştirmek istediğin sayfayı seç.
- Renk veya Görsel seçeneğini seç.
- O sayfa için kullanmak istediğin arka planı seç.
Diğer Site Teması seçenekleri
Site Teması panelinde ayrıca Genişlik ve Boşluk kontrolleri bulunur. Bu kontroller, mevcut Editör 2.0 arayüzünde diğer global Site Teması kategorileriyle birlikte görünür.
İlgili makaleler
Artık global Site Teması ayarlarını nasıl yöneteceğini bildiğine göre, daha geniş Cloudbeds Websites Editör tanıtımı ve gezinme için bu kaynakları kullanabilirsin:
Yorumlar
Yorum yazmak için lütfen oturum açın: oturum aç.