Bir blogun farklı üyeleri için nasıl farklı yazı stilleri kullanabilirim?
Blogger varsayılan olarak, bir blogdaki her yazının yanına yazarın görünen adını ekler. Grup bloglarında bu özelliği, farklı kullanıcılar tarafından yazılan yazılar için farklı bir görünüm oluşturmak için kullanabilirsiniz. Örneğin bir kullanıcı yazılarında kırmızı, bir diğeriyse
mavi renk kullanabilir veya yazıları farklı arka plan renklerine ya da farklı türlerde kenar çizgisine sahip olabilir. CSS'de yapabileceğiniz her şeyi, belirli bir kullanıcının yazılarına da uygulayabilirsiniz. Aşağıda renklerle ilgili basit bir örnek anlatılmaktadır.
Bir blogu paylaşan, Ayten ve Buğra adlı iki kullanıcımızın olduğunu varsayalım. Bu kişiler yazı
gönderdiğinde, girişleri aşağıdaki gibi aynı görünmektedir:
Ancak şimdi bunun çok sıkıcı olduğuna karar verdik. Bu nedenle Ayten'in tüm yazılarının mavi, Buğra'nınkilerin de sarı arka plana sahip olmasını sağlayacağız. İlk olarak, şablonunuza gidin ve Blog Yazıları bölümünü bulun.
Burada, klasik bir şablonunuzun olmasına veya Düzenler'i kullanmanıza bağlı olarak bir <$BlogItemBody$>
veya <data:post.body/>
etiketi göreceksiniz. Bu etiket bir
girişe ait metni ekler. Bunun etrafına, class (sınıf) olarak yazarın görünen adını içeren bir span etiketi yerleştireceğiz. Böylece, Ayten'in girişleri class="Ayten"
,
Buğra'nın girişleri de class="Buğra"
biçiminde olacaktır. Bu değişiklik şu şekilde görünür:
(klasik şablonlar için)
<span class="<$BlogItemAuthorNickname$>">
<$BlogItemBody$>
</span>
(düzenler için)
<span class="<data:post.author/>">
<data:post.body/>
</span>
Şimdi Ayten ve Buğra'yı stil sayfamıza ekleyerek, bu sınıfların bir anlamının olmasını sağlayacağız. Stil sayfasını şablonunuzun üst kısmına doğru, <style>
etiketlerinin arasında bulabilirsiniz. Aşağıdaki Ayten ve Buğra satırlarını ekleyin:
.Ayten {color:blue;}
.Buğra {background:yellow;}
Şimdi değişikliklerinizi kaydedin. Hepsi bu kadar! Bloga yeniden baktığınızda, Ayten ve Buğra aşağıdaki gibi kendi biçimlerine sahip olacaktır:
Notlar:
- Bu biçimlendirmeyi yalnızca blog yazısına değil, yazı başlığına, yayınlayan satırına veya bir yazının başka herhangi bir bölümüne uygulayabilirsiniz.
- Biçimlendirmeyle ilgili daha fazla fikir edinmek için lütfen şu makaleye bakın:
CSS ile başka neler yapabilirim? - Kullanıcılar görünen adlarını değiştirirse veya yeni kullanıcı eklerseniz, şablonunuzdaki stil sayfasını değiştirmeniz gerekir.
0 Yorum Ekle: