სალამი. ამ ტუტორიალში მინდა გასწავლოთ, თუ როგორ უნდა შეცვალოთ ციტატების დიზაინი wordpress-ში. დასაწყისისთვის, მოდით გაერკვნენ, რა ციტატებია ტექსტში.
ციტატის კონცეფცია wordpress-ში
სტატიაში ტექსტის ზოგიერთი მნიშვნელოვანი ნაწილის ხაზგასასმელად, WordPress-ს აქვს ისეთი მაგარი რამ, როგორიცაა ციტატები (არა ის, რაც გაანალიზებულია). ინსტრუმენტთა პანელზე ეს ღილაკი ასე გამოიყურება.
ყველამ იცის, როგორ გამოიყენოს იგი - მაუსის მარცხენა ღილაკი ატრიალებს ტექსტს, რომელიც გვინდა გამოვყოთ და დააჭირეთ ამ ღილაკს. სინამდვილეში ახლა თქვენ ხედავთ ამ ტექსტს ციტატების დიზაინში.
ყველა შაბლონი განსხვავებულია და, შესაბამისად, ციტატების დიზაინიც განსხვავებულია. ზოგიერთ შემთხვევაში, ის საერთოდ არ არის ლამაზი და რომლის შეცვლაც გსურთ. მერე ვისწავლი როგორ გამოვასწორო.
ჩვენ ვიწყებთ მუშაობას.
გაფრთხილებთ, რომ ჩვენ ვიმუშავებთ ისეთ ენაზე, როგორიცაა CSS. მთავარია გავიგოთ რა ხდება მთელი პრინციპი და მერე არ გაუჭირდება.
ჩვენ ვპოულობთ ფაილს და სასურველ სტილს.
თქვენ უნდა იპოვოთ style.css ფაილი აქტიურ თემაში. ამისათვის მივდივართ გარეგნობაზე, შემდეგ კი რედაქტორზე ვპოულობთ style.css. შემდეგი ნაბიჯი არის სტილის პოვნა დაბლოკვის ციტატა. ჩვენ ვუყურებთ სურათზე ყველა მოქმედების თანმიმდევრობას.
თავად style.css ფაილის გზა
ძებნის მოთხოვნა. ძიება იხსნება CNTRL + F დაჭერით და შემდეგ ჩასვით შეკითხვა.
ნაპოვნია კოდის ხაზები, ისინი საჭიროა.
ჩვენ ვცვლით დიზაინს.
თქვენ უნდა გესმოდეთ, რისი ნახვა გსურთ. გირჩევ არ მოიგონო რაიმე ნახატი და მსგავსი. მაქსიმუმი რაც შეიძლება გაკეთდეს
Ფონის შეცვლა.
შრიფტის ზომა და დიზაინი.
ჩარჩო (მყარი, წყვეტილი, წერტილოვანი), შეიძლება იყოს ერთ მხარეს ან ორივეზე.
არავითარი სურათები და მსგავსი, თორემ ასე იქნება, ზედმეტი პრობლემები არ გჭირდება. მე გთავაზობთ სტანდარტულ კომპლექტს.
ინსულტი მხოლოდ მარცხნივ გავიკეთე, სურვილის შემთხვევაში შეგიძლიათ ყველა მხრიდან, ან ორიდან.
ჩრდილის დაბლოკვა.
შეწევა ისე, რომ მთელი ბლოკი არ მიეკრას სტატიის ტექსტს.
შრიფტის ზომა და მისი საკუთრება.
შრიფტის სტილი, მე გავაკეთე დახრილი.
Შრიფტის ფერი.
ტექსტის ჩრდილი.
დახურვის სამაგრის სტილი.
CSS ენა ძალიან მარტივი და ინტუიციურია, შეგიძლიათ წაიკითხოთ სტრიქონები და თავად გაიგოთ ყველაფერი. შეგიძლიათ დაამატოთ, პირიქით, ამოიღოთ, მაგრამ ვიმეორებ, სურათები არ ჩადოთ, რადგან ეს ადაპტაციაა. თუ თქვენ გაქვთ ცოდნა, მაშინ მიმართეთ, ან ჰკითხეთ კომენტარებში.
მეორე გზა არის WordPress ბლოგზე ციტატების ფორმატირების დანამატი
ყველა სიმრავლიდან მე მომეწონა ერთი, ეს WP-NOTE არის მარტივი და არა მძიმე. ის დაინსტალირებულია ადმინისტრატორის პანელიდან დანამატების ძიებით.
ახლა ვისწავლოთ როგორ გამოვიყენოთ იგი.
მას აქვს 5 დიზაინის ვარიანტი სხვადასხვა სიტუაციებისთვის. ჯერ გეტყვით როგორ დაწეროთ. სტატიის დაწერისას ტექსტი, რომელიც მონიშნული იქნება, უნდა იყოს ჩასმული სპეციალურ ტეგებში, ვაჩვენებ მაგალითით [ შენიშვნა ], იხილეთ სკრინშოტი.
ცხადია, მე ვაჩვენებ ყველა ტეგს და მათ ჩანაწერებს.
გამოიყენეთ ჯანმრთელობისთვის. მე არ ვიყენებ ამ დანამატს, blockquote პასუხობს ყველაფერს ჩემთვის და ეს არის ლამაზი და მსუბუქი დანამატი.
HTML-ში ციტატების შესაქმნელად გამოიყენება ორი ელემენტი: ბლოკის ელემენტი <Ыockquote>
და ინლაინ ელემენტი . მონიშნეთ <Ыockquote>
გამოიყენება გრძელი ციტატების საჩვენებლად, რომლებიც იკავებს მთელ აბზაცს და აჩვენებს მას მარცხენა და მარჯვენა კიდეებიდან ჩაღრმავებული. ეს ტეგი საშუალებას გაძლევთ კომპაქტურად მოათავსოთ ტექსტი გვერდის ცენტრში. ის შეიძლება შეიცავდეს ტექსტის ფორმატირების სხვა ელემენტებს.
ელემენტი გამოიყენება მოკლე ციტატებისთვის, რომლებიც მიმდინარე აბზაცის ნაწილია. ზოგადად, ბრაუზერები ახვევენ ელემენტის შინაარსს ბრჭყალებში. როგორც წესი, ციტატა არ შეიცავს ხაზების წყვეტებს და ციტატა განიხილება ტექსტის დონის ელემენტად.
ორივე ელემენტს შეიძლება ჰქონდეს ატრიბუტი ციტირება, რომლის მნიშვნელობა არის ციტირებული ფრაგმენტის URL.
მაგალითი: გრძელი და მოკლე ციტატები
თავად სცადე"
ადვილად შეიძლება განისაზღვროს ვერტიკალური ქლიავის ხაზის გამოყენებით.
როგორც A.A. Milne-მა თქვა, ზოგიერთი ადამიანი ცხოველებს ესაუბრება.
ზენიტი დამკვირვებლისთვის ცის უმაღლესი წერტილია. ვერტიკალური მიმართულებით, რომელიც, როგორც ცნობილია, ადვილად შეიძლება განისაზღვროს ვერტიკალური ქლიავის ხაზის გამოყენებით.
როგორც A.A. Milne-მა თქვა, ზოგიერთი ადამიანი ესაუბრება ცხოველებს.
მონიშნეთ
აბრევიატურა არის წერილობით მიღებული სიტყვების ან სხვა სიტყვების რამდენიმე ნაწილისგან შემდგარი სიტყვა (უნივერსიტეტი, კვლევითი ინსტიტუტი, აღმასრულებელი კომიტეტი და ა.შ.). ტექსტში რაიმე აკრონიმის ან აბრევიატურის გამოყენებისას გამოიყენეთ ტეგი . "სათაურის" ატრიბუტის გამოყენებით, შეგიძლიათ დააყენოთ ინსტრუმენტული რჩევა აბრევიატურის დეკოდირებით. ამავდროულად, საძიებო რობოტები ინდექსს უკეთებენ ტრანსკრიპტის სრულ ვერსიას, რომელიც განსაზღვრულია "სათაური" ატრიბუტში. აბრევიატურების ჩვეულებრივი ტექსტისგან გასარჩევად, ისინი ხაზგასმულია წერტილოვანი ხაზით.
მაგალითი: აბრევიატურა
თავად სცადე"
NASA აკეთებს წარმოუდგენელ კოსმოსურ ექსპერიმენტებს.
მაგ. სტივენ ჰოკინგი არის თეორიული ფიზიკოსი და კოსმოლოგი.
NАSА!}მასპინძლობს რამდენიმე წარმოუდგენელს კოსმოსური ექსპერიმენტები.
მაგ.სტივენ ჰოკინგი არის თეორიული ფიზიკოსი და კოსმოლოგი.
მონიშნეთ
მონიშნეთ გამოიყენება საკონტაქტო ინფორმაციის, მისამართებისა და ტელეფონის ნომრების მითითებისთვის. ის შეიძლება შეიცავდეს საფოსტო მისამართს, ასევე ელექტრონული ფოსტის მისამართს ან ტელეფონის ნომერს. ბრაუზერების უმეტესობა აჩვენებს ელემენტის შინაარსს დახრილი შრიფტი.
მაგალითი: მისამართი
თავად სცადე"
HTML სახელმძღვანელო ბელი მაქსიმ მაქსიმოვიჩი ჩრდილო-დასავლეთის ტექნოლოგიური ინსტიტუტი ტეპლოგორსკის ტექნოლოგიისა და დიზაინის სახელმწიფო უნივერსიტეტი ელ [ელფოსტა დაცულია]
ტეგები და
მონიშნეთ გამოიყენება რომელიმე პირველადი წყაროს მითითებისას, როგორიცაა წიგნი, ვებგვერდი ან აკადემიური ნაშრომი, მითითებულ წყაროზე მითითებისთვის. ხშირად გამოიყენება ბიბლიოგრაფიაში, საავტორო უფლებების მინიჭებისას ან რესურსის მფლობელის სახელის ხსენებისას. ბრაუზერები აჩვენებს ელემენტის შინაარსს დახრილი შრიფტი.
მონიშნეთ გამოიყენება ახალი ტერმინის განმარტების აღსანიშნავად. ტექსტში ახალი ტერმინის (მეცნიერული ცნების ან ვიწრო პროფილის სახელწოდების) ახსნას ეწოდება „დეფინიცია“. ელემენტი შეიძლება გამოყენებულ იქნას, თუ ახალი ტერმინი პირველად ჩნდება ტექსტში და მისი განმარტება დაუყოვნებლივ არის მოცემული. ბრაუზერი აჩვენებს ასეთ ტექსტს დახრილი შრიფტით.
მაგალითი: წყაროები და განმარტებები
თავად სცადე"
უყურებს სტივენ ჰოპკინსის წითელ დრაკონს.
სხეულის იმპულსი არის ვექტორული სიდიდე, მისი ვექტორის მიმართულება იგივეა სიჩქარის მიმართულებით
მხოლოდ პირველ თვეში ათი ათასზე მეტი ბილეთი გაიყიდა ფილმის ყურება წითელი დრაკონისტივენ ჰოპკინსი.
სხეულის იმპულსიარის ვექტორული სიდიდე, მისი ვექტორის მიმართულება იგივეა სიჩქარის მიმართულებით
მონიშნეთ
მონიშნეთ აკონტროლებს ნაჩვენები ტექსტის მიმართულებას. მას აქვს საჭირო dir ატრიბუტი, რომელიც იღებს მნიშვნელობებს ltr (მარცხნიდან მარჯვნივ) და rtl (მარჯვნიდან მარცხნივ).
მაგალითი: ტექსტის მიმართულება
თავად სცადე"
თუ თქვენი ბრაუზერი მხარს უჭერს ორმხრივ ალგორითმს (bdo), შემდეგი სტრიქონი დაიწერება მარჯვნიდან მარცხნივ (rtl)
ეს ტექსტი იწერება მარჯვნიდან მარცხნივ.
Დავალებები
საბოლოო დავალება
ამ გაკვეთილზე თქვენ გაეცანით უფრო ლოგიკურ ფორმატირების ელემენტებს, რომლებიც განსაზღვრავენ არა ტექსტის გარეგნობას, არამედ მის ტიპს და იმის მიხედვით, თუ რომელი ბრაუზერი იყენებს ამა თუ იმ ტიპის გარე ფორმატირებას. ზემოთ განხილული ყველა ელემენტი არის კონტეინერი და მოითხოვს დახურვის ტეგს. ზოგიერთმა ამ ელემენტმა შესაძლოა საერთოდ არ შეცვალოს ტექსტის გარეგნობა, ამიტომ აქცენტი გაკეთდა იმაზე, თუ როგორ განსაზღვრავენ ისინი ტექსტის მნიშვნელობას და არა იმაზე, თუ როგორ აფორმებენ მას.
დროა გადახედოთ ნასწავლს და დაასრულოთ ოთხი მარტივი დავალება:
მოკლე ციტატა
თავად გადაწყვიტე »
HTML ლოგინის გამოყენებით, დაამატეთ ბრჭყალები სიტყვის გარშემო: "თეორია".
მოკლე ციტატა
თეორია პროგნოზირებს ახალ ფენომენებს და ახალ კანონებს.
მოკლე ციტატა
თეორია პროგნოზირებს ახალ მოვლენებს და ახალ კანონებს.
გრძელი ციტატა
თავად გადაწყვიტე »
ჩასვით შემდეგი ტექსტი ელემენტის შიგნით, რომელიც მას მარცხნივ ჩაღრმავებულ ციტატად აქცევს. მიუთითეთ რესურსის URL, საიდანაც ეს ციტატა მოდის: "http://www.world.org".
გრძელი ციტატა
მოძრაობის სიჩქარისა და მიმართულების მახასიათებელია ფიზიკური სიდიდე - სიჩქარე.
ელემენტის განმარტება შეიცვალა
და . სტატია განმარტავს, რას ნიშნავს ეს დეველოპერებისთვის.
განმარტების ცვლილებები
ელემენტი
წარმოადგენს შინაარსს, რომელიც არის ციტატა სხვა წყაროდან, შესაძლოა, მათ შორის ამ წყაროს ხსენება, რომელიც უნდა იყოსმოთავსებულია ელემენტების შიგნით