Salutari. În acest tutorial vreau să vă învăț cum să schimbați designul citatelor în wordpress. Pentru început, să ne dăm seama ce citări sunt în text.
Conceptul de citat în wordpress
Pentru a evidenția o parte importantă de text dintr-un articol, WordPress are un lucru atât de cool precum citatele (nu cele despre care au fost analizate). Pe bara de instrumente, acest buton arată astfel.
Toată lumea știe cum să-l folosească - butonul stâng al mouse-ului înconjoară textul pe care vrem să-l evidențiem și apăsați acest buton. De fapt, acum vedeți acest text în designul citatelor.
Toate șabloanele sunt diferite și, în consecință, designul citatelor este, de asemenea, diferit. În unele cazuri, nu este deloc frumos și pe care vrei să-l schimbi. Apoi voi învăța cum să o repar.
Începem treaba.
Vă avertizez că vom lucra cu un limbaj precum CSS. Principalul lucru este să înțelegeți întregul principiu a ceea ce se întâmplă și atunci nu va fi dificil.
Găsim fișierul și stilul dorit.
Trebuie să găsiți fișierul style.css în tema activă. Pentru a face acest lucru, mergem la aspect, iar apoi la editor, găsim style.css. Următorul pas este să găsești stilul pentru blockquote. Ne uităm la succesiunea tuturor acțiunilor din imagine.
Calea către fișierul style.css în sine
Cerere de căutare. Căutarea se deschide apăsând CNTRL + F, apoi lipiți interogarea.
Liniile de cod găsite, sunt necesare.
Schimbăm aspectul.
Trebuie să înțelegi exact ce vrei să vezi. Va sfatuiesc sa nu inventati poze si altele asemenea. Maximul care se poate face
Schimba fundalul.
Dimensiunea și designul fontului.
Un cadru (solid, intermitent, puncte), poate fi pe o parte sau pe ambele.
Fără poze și altele asemenea, altfel va fi, nu aveți nevoie de probleme inutile. Vă ofer un set standard.
Stilul pentru ghilimele bloc cu o paranteză de deschidere.
Culoare de fundal.
Accident vascular cerebral, am făcut doar pe stânga, dacă doriți, puteți face din toate părțile, sau din două.
Blocați umbra.
Indentează astfel încât întregul bloc să nu se lipească de textul articolului.
Dimensiunea fontului și proprietatea acestuia.
Stilul fontului, am făcut italic.
Culoarea fontului.
Umbra textului.
Stilul bretele de închidere.
Limbajul CSS este foarte simplu și intuitiv, puteți citi rândurile și înțelege totul singur. Puteți adăuga, dimpotrivă, elimina, dar repet, nu introduce poze, pentru că este o adaptare. Dacă aveți cunoștințe, atunci aplicați sau întrebați în comentarii.
A doua modalitate este cu un plugin pentru formatarea citatelor pe un blog WordPress
Dintre toată abundența, mi-a plăcut unul, acest WP-NOTE este simplu și nu greu. Se instalează din panoul de administrare prin căutarea pluginurilor.
Acum să învățăm cum să-l folosim.
Are 5 opțiuni de design pentru diferite situații. În primul rând, vă voi spune cum să o scrieți. Când scriu un articol, textul care va fi evidențiat trebuie să fie inclus în etichete speciale, îl voi arăta cu un exemplu [ notă ], vezi captura de ecran.
În mod clar, arăt toate etichetele și transcrierile lor.
Utilizați pentru sănătate. Nu folosesc acest plugin, blockquote răspunde la toate pentru mine și este un plugin drăguț și ușor.
Două elemente sunt folosite pentru a crea ghilimele în HTML: elementul bloc <Ыockquote>
și element inline . Etichetă <Ыockquote>
folosit pentru a afișa ghilimele lungi care ocupă un paragraf întreg și pentru a-l afișa indentat de la marginile din stânga și din dreapta. Această etichetă vă permite să plasați textul compact în centrul paginii. Poate conține și alte elemente de formatare a textului.
Element folosit pentru citatele scurte care fac parte din paragraful curent. În general, browserele încapsulează conținutul unui element între ghilimele. De obicei, un citat nu include întreruperi de rând, iar citatul este considerat un element la nivel de text.
Ambele elemente pot avea un atribut CITA, a cărui valoare este adresa URL a fragmentului citat.
Exemplu: ghilimele lungi și scurte
Incearca-l tu insuti "
poate fi determinat cu ușurință folosind un fir vertical de plumb.
După cum a spus A. A. Milne, unii oameni vorbesc cu animalele.
Zenitul este cel mai înalt punct de pe cer pentru un observator. în direcția verticală, care, după cum se știe, poate fi determinat cu ușurință folosind un fir vertical de plumb.
După cum a spus A. A. Milne, unii oameni vorbesc cu animalele.
Etichetă
O abreviere este o abreviere a cuvintelor adoptate în scris sau un cuvânt alcătuit din mai multe părți ale altor cuvinte (universitate, institut de cercetare, comitet executiv etc.). Când utilizați orice acronim sau abreviere în text, utilizați eticheta . Folosind atributul „title”, puteți seta un tooltip cu decodarea abrevierei. În același timp, roboții de căutare indexează exact versiunea completă a transcripției, definită în atributul „title”. Pentru a distinge abrevierile de textul obișnuit, acestea sunt subliniate cu o linie punctată.
Exemplu: abreviere
Incearca-l tu insuti "
NASA face niște experimente spațiale incredibile.
Ex. Stephen Hawking este un fizician teoretician și cosmolog.
NАSА!} găzduiește unele incredibile experimente spațiale.
Ex. Stephen Hawking este un fizician teoretician și cosmolog.
Etichetă
Etichetă folosit pentru a indica informații de contact, adrese și numere de telefon. Poate conține o adresă poștală, precum și o adresă de e-mail sau un număr de telefon. Majoritatea browserelor afișează conținutul elementului font italic.
Exemplu: Adresa
Incearca-l tu insuti "
Tutorial HTML Belyi Maksim Maksimovici Northwestern Institute of Technology Universitatea de Stat de Tehnologie și Design din Teplogorsk [email protected]
Etichete și
Etichetă utilizat atunci când se face referire la o sursă primară, cum ar fi o carte, un site web sau o lucrare academică, pentru a indica sursa la care se face referire. Folosit adesea în bibliografie, atunci când se atribuie drepturi de autor sau se menționează numele proprietarului unei resurse. Browserele afișează conținutul elementului font italic.
Etichetă folosit pentru a indica definiția unui termen nou. Explicația unui termen nou (un concept științific sau un nume cu profil îngust) din text se numește „definiție”. Element poate fi folosit dacă un termen nou apare în text pentru prima dată și definiția acestuia este dată imediat. Browserul afișează un astfel de text cu caractere cursive.
Exemplu: surse și definiții
Incearca-l tu insuti "
Vizionarea Dragonului Roșu al lui Stephen Hopkins.
Momentul corpului este o mărime vectorială, direcția vectorului său este aceeași cu direcția vitezei
Peste zece mii de bilete au fost vândute doar în prima lună a viziona un film Dragon rosu Stephen Hopkins.
impulsul corpului este o mărime vectorială, direcția vectorului său este aceeași cu direcția vitezei
Etichetă
Etichetă controlează direcția textului afișat. Are un atribut dir obligatoriu care ia valorile ltr (de la stânga la dreapta) și rtl (de la dreapta la stânga).
Exemplu: Direcția textului
Incearca-l tu insuti "
Dacă browserul dvs. acceptă algoritmul bidirecțional (bdo), rândul următor va fi scris de la dreapta la stânga (rtl)
Acest text este scris de la dreapta la stânga.
Sarcini
Sarcina finală
În această lecție, v-ați familiarizat cu câteva elemente de formatare mai logice care determină nu aspectul textului, ci tipul acestuia și, în funcție de browser, aplică unul sau altul tip de formatare externă. Toate elementele discutate mai sus sunt containere și necesită o etichetă de închidere. Este posibil ca unele dintre aceste elemente să nu schimbe deloc aspectul textului, astfel încât discuția lor a fost concentrată pe modul în care definesc sensul textului, mai degrabă decât pe modul în care îl formatează.
Este timpul să revizuiți ceea ce ați învățat și să finalizați patru sarcini simple:
Citat scurt
Decide singur »
Folosind codul boolean HTML, adăugați ghilimele în jurul cuvântului: „Teorie”.
Citat scurt
Teoria prezice noi fenomene și noi legi.
Citat scurt
Teorie prezice noi fenomene şi noi legi.
citat lung
Decide singur »
Pune următorul text în interiorul unui element care îl va face un citat indentat la stânga. Specificați adresa URL a resursei de la care provine acest citat: „http://www.world.org”.
citat lung
O caracteristică a vitezei și direcției de mișcare este o mărime fizică - viteza.
Definiția elementului a fost modificată
și . Articolul explică ce înseamnă acest lucru pentru dezvoltatori.
Schimbări de definiție
Element
reprezintă conținut care este un citat dintr-o altă sursă, eventual, inclusiv menționarea acestei surse, care ar trebui să fie plasate în interiorul elementelor
