WordPress'te bir Blockquote için Span Etiketlerini Kullanma

Yayılma etiketleri, WordPress gönderilerinizin herhangi bir bölümüne CSS stilini uygulamanıza izin verir - bunları özel CSS komutları olarak düşünün. Bir metin bölümünün etrafına sarıldığında, bu özel komutlar “yayılma” içindeki her şeye uygulanır. Etkili bir şekilde, kendi etiketlerinizi icat etmenize olanak sağlar. Bunun böyle bir uygulaması, temanızın varsayılan blok komutu komutuna ek olarak kullanabileceğiniz, kullanıcı tarafından tanımlanan bir blok alıntı etiketi oluşturmaktır.

1.

WordPress yönetici alanınıza giriş yapın. Soldaki ana menüden “Görünüm” e ve ardından “Editör” e tıklayın. Bu seçenekler mevcut değilse, “Yönetici” izinlerine sahip olmadığınızdan dolayı. Yükseltme isteğinde bulunmak için site sahibiyle görüşün veya bu adımları sizin için tamamlamalarını isteyin.

2.

Sağdaki dosya listesinden “style.css” üzerine tıklayın. Bu dosyanın kodu, merkezi düzenleme bölmesinde görünecektir. Dosyanın en üstüne yeni bir satır başlatın ve ardından aşağıdaki kodu ekleyin:

.bq {ekran: blok; kenar sol: 30px; border-sol-style: solid; border-sol-color: red; dolgu sol: 5px; }

Tek önemli bölüm, birden fazla metin satırının yayılma etiketlerine göre stillendirilmesini sağlayan "display: block;" satırıdır. Kodun geri kalanı blok alıntıyı 30 piksele girer, teklifin soluna kırmızı bir çizgi yerleştirir ve sonra metni bu çizginin sağına beş piksel yerleştirir. Tercihlerinize uyacak şekilde yeni kod düzenleyin veya ekleyin. İşiniz bittiğinde “Dosyayı Güncelle” ye tıklayın.

3.

Ana menüden "Gönderiler" veya "Sayfalar" ı tıklayın ve yeni blok alıntıyı eklemek istediğiniz belgeyi seçin. Alıntı etiketlerini, alıntı yapmak istediğiniz bölümün etrafına sarın:

Bu benim teklifim

4.

Ekranın sağ üst köşesindeki “Güncelle” ye tıklayın, ardından sonuçları görmek için “Sayfayı görüntüle” ye tıklayın. Span etiketleri, az önce oluşturduğunuz “bq” sınıfındaki tüm kodu aralarındaki metne uygular. Sonuçlardan memnunsanız, bq span etiketini istediğiniz metne uygulamaya devam edebilirsiniz. Değilse, style.css sayfasına geri dönün ve bq sınıfını düzenleyin, ardından tekrar kontrol edin. Memnun kalana kadar tekrarlayın.

Bahşiş

• Yayılma etiketleri yalnızca metinle sınırlı değildir; CSS'nin normal olarak uygulanabileceği her şeyi biçimlendirebilirsiniz.

Uyarı

• “Style.css” dosyasına yaptığınız tüm değişiklikler anında web sitenizin tamamına uygulanacaktır - bu dosyadaki diğer kodların hiçbirini düzenlememeye dikkat edin.