在WordPressMakale düzenlemede ortak bir "Alıntıyı Engelle" düğmesi vardır ▼
Kullanıldığında, bir ekler Alıntılanan bir ifadeyi çağırmak veya vurgulamak için işaretleyin.
Blok alıntı ne anlama geliyor?
Bir sonrakiChen WeiliangBlog alıntı stili:
Blockquote XHTML etiketi çok kullanışlı (eğer biraz az kullanılmışsa) bir öğedir. Anlamsal olarak, başka bir kaynaktan (başka bir konuşmacı, başka bir web sitesi vb.) daha uzun bir metinden alıntı yaptığınızda blok alıntı kullanılmalıdır. Bu, metni ayırmanın ve diğer kaynaklarla birlikte görüntülemenin bir yoludur.
Stil açısından, tüm bunları paragraf etiketlerindeki özel sınıflarla yapabilirsiniz... ama bu anlamsal olarak işe yaramaz olur, değil mi? Blockquotes varsayılan olarak bazı stillerle birlikte gelir.
Çoğu tarayıcı, kullanıcıların metni bir şekilde tanımlamasına yardımcı olan, blok alıntı etiketleri içindeki metni girintili hale getirir. Ama burada durmamız gerektiğini kim söyleyebilir? CSS kullanarak blok alıntılarınızı nasıl şekillendireceğiniz aşağıda açıklanmıştır.
test-css.html'yi test edin ve css bölümünü html gövdesine ekleyin:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test CSS blockquote</title> </head> <blockquote> <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br> Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p> </blockquote> </body> </html>
Blockquote nasıl kullanılır?
Bazı WordPress temalarının style.css dosyasına referans stilleri eklemediğini buldum.
Aşağıdaki mavi arka plan yuvarlatılmış köşe stilini kopyalayıp temanın style.css dosyasına yapıştırın▼
blockquote, q {
font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
color: #000;
margin: 1em;
margin-left: 2em;
margin-right: 2em;
padding: 3px;
max-width: 95%;
quotes: "\201C""\201D""\2018""\2019";
background: #C3F3F7;
border-radius: 20px;
}Alıntı stilleri gövde metnini (boyut, renk), arka plan rengini, boşlukları, kenarlıkları vb. belirler.
sınır stili
Bu stil nispeten basittir, yani sol kenarlığı ayarlayın ve kalınlığı ayarlayın. Renk, yazı tipi rengini kontrol eder ve arka plan rengi, arka plan rengini (veya doğrudan arka plan grubunu) kontrol eder.
Kenar boşluğu pencere öğesine olan mesafeyi kontrol eder, kenarlığın sol tarafı sol kenarlık stilini kontrol eder ve dolgu (özellikle sol kenar boşluğu dolgusu) metinden (sol) kenarlığa olan mesafeyi kontrol eder.
Bu tarz basittir ve yalnızca basit bir blog gerektirir.
Aşağıdaki sarı arka plan stilini kopyalayıp temanın style.css dosyasına yapıştırın▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Yukarıdakiler 2 blok alıntı stilidir.
- Birden fazla aynı stilin eklenmesi üzerine yazılacaktır.
- Bu yüzden lütfen bunlardan birini seçin ve temanın style.css dosyasına ekleyin.
Umut Chen Weiliang Blogu ( https://www.chenweiliang.com/ ) "blockquote nasıl kullanılır?" diye paylaştı Blockquote etiketinin HTML'deki demo etkisi", size yardımcı olacaktır.
Bu makalenin bağlantısını paylaşmaya hoş geldiniz:https://www.chenweiliang.com/cwl-2123.html
En son güncellemeleri almak için Chen Weiliang'ın blogunun Telegram kanalına hoş geldiniz!
📚 Bu rehber çok büyük değer içeriyor, 🌟Bu nadir bir fırsat, kaçırmayın! ⏰⌛💨
İsterseniz paylaşın ve beğenin!
Paylaşımlarınız ve beğenileriniz bizim sürekli motivasyonumuz!