Cum să inserați cod într-un articol pe wordpress frumos și eficient

Cum să inserați cod într-un articol pe wordpress frumos și eficient

Vremea, apropo, a devenit în sfârșit una de iarnă. Cu câteva zile înainte de Anul Nou au fost băltoacii pe stradă, dar acum există zăpadă, iar temperatura este minus 20. Sunt mulțumită de asta. Îmi place această iarnă.







Dar astăzi nu pe asta. Astăzi am decis să vă spun în sfârșit cum să inserați codul într-un articol despre wordpress. Deja de mai multe ori am promis să scriu despre asta, iar acum a venit acest moment.

Să înțelegem mai întâi, de ce acest lucru este în general necesar și cine poate veni la îndemână.

Mi se pare că acest lucru poate fi util doar pentru cei care își păstrează blogurile pe teme legate de crearea site-urilor, cu diferite limbi de programare și alte subiecte conexe.

Cineva va întreba: "De ce puneți codul într-un mod special, îl puteți lipi doar ca un text simplu și nu vă deranjează deloc?"

Într-adevăr, acest lucru nu este absolut necesar, ci datorită acestui fapt:

Algoritmul general pentru plasarea codului este următorul:

După cum puteți vedea, procesul nu este cel mai simplu, dar nici nu este complicat.

Pasul 1. Mai întâi trebuie să instalați pluginul wp-syntax. Puteți face acest lucru prin panoul de administrare al WordPress. Complexitatea aici prin definiție nu ar trebui să apară.

Pasul 2. Dacă plug-in-ul este instalat, introduceți pur și simplu codul de care aveți nevoie în spațiul rezervat acestuia.

Pasul 3. Apoi treceți la modul "text". Ne găsim codul. La început, puneți eticheta de deschidere

, și în cele din urmă am pus închiderea 
.







Pasul 4. În interiorul etichetei de deschidere

 Totuși, trebuie să specificați limba. Acest lucru se face astfel:

. 

În loc de html, puteți înlocui alte limbi, de exemplu, php sau css. Pentru fiecare limbă, acest plug-in are propriul stil de afișare.

De fapt, în acest stadiu puteți opri deja, salvați modificările și vedeți cum arată codul dvs. în articol.

Dar vă recomand să adăugați încă două proprietăți în etichetă

:

De exemplu, "<» шифруется так «<», а «>"Ca și acest" gt "

Pentru ca codul să fie afișat corect, adăugați proprietatea escaped = "true".

Și dacă doriți să adăugați numerotarea liniilor, aveți nevoie de o proprietate ca linia = "1".

Sunt sigur că linia are alte valori, cu excepția edinichki, dar nu am fost în căutarea de informații cu privire la acest subiect, deoarece nu am nevoie de ea, am pus întotdeauna yedinichku sau nu utilizați această funcție.

Este important. Escaped și Line sunt introduse în eticheta de deschidere

.

În cele din urmă, ar trebui să arate ceva de genul:

KOD

Notă. Citatele trebuie să fie setate utilizând tastatura engleză. La mine este o cheie cu scrisoarea rusă "E".

Aici, în general, asta e tot. Utilizați acest design, iar codul de pe site-ul dvs. va arăta spectaculos și frumos. Cititorii vă vor aprecia eforturile.

Cu credincioșie! Abdullin Ruslan

Apropo, nu stiam despre escaped = "true", va trebui sa o folosesc, dar m-am saturat sa caut un semn mai mic in cod si sa il inlocuiesc. Și folosesc o versiune puțin diferită - Bootstrap și codul Google-prettify. Se deschide pur și simplu codul cu acest tag pre class = "prettyprint". Ei bine, trebuie să descărcați câteva scenarii și să le conectați la pagină). Limba de programare definește scriptul, dar îl puteți specifica în mod explicit, dacă este specific.

Și cumva nu am încercat nici măcar diferite versiuni ale acestor plug-in-uri. S-a găsit sintaxa wp și imediat pe ea și sa oprit.

Am încercat să găsesc mai multe opțiuni pentru ca totul să se întâmple automat apăsând un buton, dar nu am găsit nimic.

Dacă cineva știe, vă rugăm să partajați)))

De asemenea, am vrut să fac acest lucru cu ajutorul unui plug-in.

Dar rezultatul nu mi-a fost potrivit.

Paralel a adaptat site-ul pentru dispozitivele mobile. Nu am putut face față derulării orizontale.

Căutările pe Internet au fost încununate cu succes.

Am dat peste stilul citărilor. Acum fac textul așa cum vreau.

Să nu-și amintească totul, ci să facă rapid, a făcut o "foaie ieftină" pe blogul său sub forma unui domeniu de nivel 3.

Mulțumiri speciale pentru "citate". Eu însumi nu am reușit să-mi dau seama și să-mi dau seama.







Articole similare

Trimiteți-le prietenilor: