სტატიების დირექტორია
在WordPressსტატიის რედაქტირებისას არის საერთო ღილაკი „ბლოკის ციტატა“ ▼
გამოყენებისას ის ამატებს ამარკერი ციტირებული განცხადების ან ხაზგასმის გამოსაყენებლად.
რას ნიშნავს ბლოკკოტირება?
შემდეგი არისჩენ ვეილიანგიციტირების სტილი ბლოგებისთვის:
blockquote XHTML ტეგი არის ძალიან სასარგებლო (თუ ზოგიერთი არასაკმარისად გამოყენებული) ელემენტია.სემანტიკურად, ბლოკციტატი უნდა იყოს გამოყენებული, როცა ციტირებთ უფრო მეტ ტექსტს სხვა წყაროდან (სხვა სპიკერი, სხვა ვებსაიტი და ა.შ.).ეს არის ტექსტის დელიმიტის და სხვა წყაროების ჩვენების გზა.
სტილისტური თვალსაზრისით, თქვენ შეგიძლიათ გააკეთოთ ეს ყველაფერი სპეციალური კლასებით აბზაცის ტეგებზე... მაგრამ ეს სემანტიკურად უსარგებლოა, ასეა? ბლოკციტატებს ნაგულისხმევად აქვთ რამდენიმე სტილი.
ბრაუზერების უმეტესობა ტექსტს ბლოკავს ციტატების ტეგებში, რაც მომხმარებლებს ეხმარება ტექსტის გარკვეულწილად ამოცნობაში.მაგრამ ვინ იტყვის, რომ აქ უნდა გავჩერდეთ?აი, როგორ მოაწყოთ თქვენი ბლოკციტატების სტილი CSS-ით.
შეამოწმეთ test-css.html და დაამატეთ css განყოფილება html სხეულში:
<!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?
აღმოჩნდა, რომ WordPress-ის ზოგიერთი თემა არ ამატებს საცნობარო სტილებს style.css ფაილში.
დააკოპირეთ და ჩასვით შემდეგი ლურჯი ფონის მომრგვალებული კუთხის სტილი თემის style.css ფაილში ▼
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;
}მითითების სტილები განსაზღვრავს ტექსტის ტექსტს (ზომა, ფერი), ფონის ფერს, სივრცეს, საზღვრებს და ა.შ.
საზღვრის სტილი
ეს სტილი შედარებით მარტივია, ანუ დააყენეთ მარცხენა საზღვარი და დააყენეთ სისქე.ფერი აკონტროლებს შრიფტის ფერს, ხოლო ფონის ფერი აკონტროლებს ფონის ფერს (ან პირდაპირ ფონის ჯგუფს).
ზღვარი აკონტროლებს მანძილს ფანჯრის ელემენტამდე, საზღვრის მარცხენა მხარე აკონტროლებს მარცხენა საზღვრის სტილს, ხოლო padding (განსაკუთრებით ბალიშის მარცხენა მხარე) აკონტროლებს მანძილს ტექსტიდან (მარცხნივ) საზღვრამდე.
ეს სტილი ისეთივე მარტივია, როგორც უბრალო ბლოგი.
დააკოპირეთ და ჩასვით შემდეგი ყვითელი ფონის სტილი თემის style.css ფაილში ▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- ზემოთ არის 2 ბლოკციტატის სტილი.
- რამდენიმე იდენტური სტილის დამატება გადაიწერება.
- ასე რომ, გთხოვთ, აირჩიოთ ერთი მათგანი და დაამატეთ იგი თემის style.css ფაილში.
იმედი ჩენ ვეილიანგის ბლოგი ( https://www.chenweiliang.com/ ) გააზიარა „როგორ გამოვიყენოთ ბლოკციტა? HTML ბლოკციტატის ტეგის დემო ეფექტში, დაგეხმაროთ.
კეთილი იყოს თქვენი მობრძანება ამ სტატიის ბმულის გასაზიარებლად:https://www.chenweiliang.com/cwl-2123.html