Genişletilebilir yazı özetlerini nasıl oluşturabilirim?

Bu yöntemle, her yazının ilk kısmından istediğiniz uzunlukta metin görüntülemeyi seçip, bunu yazının tamamı hakkında merak uyandırmak için kullanabilirsiniz. Böylece yazının geri kalanını okumak isteyen kullanıcılar tüm metni görmek için bir bağlantıya tıklayabilir. Bir sayfada çok
sayıda uzun makaleniz varsa bu yöntem oldukça kullanışlıdır. Bu özelliğin çalışması için
yazı sayfalarının etkinleştirilmiş olması gerektiğini aklınızda bulundurun.

Bu özellikte bir araya gelen üç öğe vardır: Koşullu CSS, her yazı için bir "devamı" bağlantısı ve bu özelliği kullanan yazılar için bir değişiklik. Şimdi adım adım bu özelliklerin üzerinden geçelim.

Koşullu CSS

Yazıların farklı sayfalarda görüntülenme biçimini değiştirmek için koşullu etiketler kullanacağız.
Kullandığınız şablonun türüne bağlı olarak aşağıdaki kodu stil sayfanıza ekleyin:

(klasik şablonlar için)

<MainOrArchivePage> span.fullpost {display:none;} </MainOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage>

(düzenler için)

<b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if>

Stil sayfanız genellikle şablonunuzun üst kısmına yakın bir yerde, <style> ve </style> etiketlerinin arasındadır. Stil sayfanız ayrı bir dosyadaysa, koşullu etiketlerin çalışabilmesi için bu satırları yine de şablonunuza eklemeniz gerekir. Bunların çevresine <style> etiketlerini eklediğinizden emin olun.

Burada yaptığımız, yalnızca yazı sayfalarında (kalıcı bağlantılar) görüntülenecek "fullpost" adı verilen bir sınıfı tanımlamaktı. Her yazının bir bölümü, daha sonra göreceğimiz gibi bu sınıfı kullanır.

"Devamı" Bağlantıları

Aşağıdaki kodu şablonunuzda <$BlogItemBody$> veya <data:post.body/> etiketinden sonra gelen bir yere ekleyin:

(klasik şablonlar için)

<MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">Devamı!</a> </MainOrArchivePage>

(düzenler için)

<b:if cond='data:blog.pageType != "item"'><br /> <a expr:href='data:post.url'>Read more!</a> </b:if>

Bu bağlantı yalnızca ana sayfada ve arşiv sayfalarında görüntülenir ve okuyucunuzu yazınızın tam metnini içeren yazı sayfasına yönlendirir. "Devamı!" metnini istediğiniz gibi değiştirebilirsiniz.

Yazı Değişiklikleri

İhtiyacımız olan son parça, asıl yazınızın içine eklenecek küçük bir koddur. Bu özelliği kullanmak
istediğiniz her yazıda bu kodun olması gerekir:

<span class="fullpost"></span>

Bu kodu her yazı için ayrı ayrı yazmak istemiyorsanız, yazı şablonuna da ekleyebilirsiniz. Özet metni span etiketlerinin dışına ve yazının geri kalanını bu etiketlerin içine gireceksiniz. Örneğin:

Yazımın başlangıcı burada. <span class="fullpost">Yazımın geri kalanı da burada.</span>

Bundan sonra bir okuyucu blogunuzu ziyaret ettiğinde, bu yazı şu şekilde görünür:

Yazımın başlangıcı burada.

Devamı!

Bağlantıya tıkladığında, yazının tümünü görebileceği yazı
sayfasına gider:

Yazımın başlangıcı burada. Yazımın geri kalanı da
burada.

Notlar:

Tüm şablon değişikliklerinde olduğu gibi, başlamadan önce şablonunuzun bir yedek kopyasını kaydettiğinizden emin olmalısınız. Kodunuzun tamamını kopyalayıp sabit diskinizde bir metin dosyasına yapıştırın. Böylece, bir şeyler yanlış gittiğinde bu dosyadaki kodu yedek olarak kullanabilirsiniz.

Bunun gibi yazı özetleri oluşturmak için alternatif bir yol da yazıların tamamında
göster/gizle yöntemini kullanmaktır. Her yöntemin kendine özgü avantajları ve dezavantajları vardır.

Bu yöntemin avantajları: Yalnızca özelleştirilebilir başlıklar yerine özelleştirilebilir özetler. Bazı yazılara uygulanırken, bazılarına uygulanamayabilir (örneğin, bu yöntemi yalnızca daha uzun yazılarınıza uygulamayı isteyebilirsiniz).

Dezavantajları: Yalnızca şablonda değil, yazıların kendisinde değişiklik yapılmasını gerektirir. Ancak "devamı" bağlantısı şablonda bulunur. Yani yazının kesilmiş olup olmadığına bakılmaksızın görüntülenecektir. (Bu özelliğin değiştirilmesi okuyucunun araştırmasına bırakılmıştır.)

Blogger Destek