Cum se inserează codul html în pagina html.

Mai mult, aș dori să clarific imediat că vom introduce codul în articolul propriu-zis, astfel încât cititorii noștri să îl poată copia fără a pierde timpul tastând textul în sine. Astfel, vom crește confortul () resursei noastre - de data aceasta. Da, iar articolele vor arăta mai profesioniste și mai finisate - acestea sunt două.

De asemenea, aș dori să remarc că informațiile din acest articol vor fi utile persoanelor care fie, după cum vă spunem, cum să facă diverse tipuri de suplimente pe site, fie utilizatorilor cărora le place doar să partajeze Informatii utile. Și nu contează că această informație este un cod 🙂 Apropo, voi dezvălui un mic secret, pe acest proiectîl scoatem folosind pluginul Wp-Syntex.

Vă întrebați: „De ce îl folosim?” Răspunsul este simplu - nu există tovarăși pentru gust și culoare. Glumă. De fapt, am ales acest plugin pentru că este ușor de utilizat, adaugă perfect stil vizual diverselor limbaje de programare (css, html, java, javascript, perl, sql etc.) și nu ne încarcă serverul.

Ei bine, din moment ce am lăsat să scape despre Wp-Syntex, să-l folosim ca exemplu pentru a arăta cum să inserați cod în articolele WordPress.

Mai întâi trebuie să instalați acest plugin. Am vorbit despre cum să facem acest lucru într-un articol despre . Prin urmare, pentru a descrie această acțiune Nu voi fi aici.

Ca rezultat, veți avea următorul rezultat:

Codul care doriți să fie afișat

De asemenea, în loc de php în acest cod, puteți introduce un alt limbaj de programare, cum ar fi css sau java. În același timp, stilul aspect se va schimba.

Caracteristici suplimentare ale Wp-Syntex

Dacă adăugați atributul etichetei de deschidere „pre”. linia, adică codul pe care va trebui să-l lipiți va începe astfel:

Codul care doriți să fie afișat

Sper că observați diferența.

Mai există un mic atribut de care ai putea avea nevoie - acesta este scăpat. Vă permite să convertiți codurile de caractere html direct în caracterele în sine. De exemplu, „>” se va converti în „>”. Pentru a câștiga funcţie dată, în eticheta de deschidere „pre”, introduceți următorul atribut:

scapat="true"

În consecință, eticheta va începe astfel:

< pre lang= "php" line= "1" escaped= "true" >

Tot pe Internet, am găsit informații că puteți instala un alt plugin (WP-Syntax Button), care funcționează împreună cu pluginul nostru și adaugă un buton de inserare de cod în editorul WP. Nu am fost prea leneș și am decis să-l testez.

Imediat după instalare, am fost alertat de faptul că nu a fost actualizat de mult timp și nu a fost testat cu versiunea noastră de WordPress. Ei bine, ce să spun, temerile mele erau justificate.

După activarea butonului WP-Syntax, am decis într-unul dintre articolele noastre că am încercat să inserez un script java. Am făcut totul așa cum a fost indicat în muntele de instrucțiuni și recomandări. Am lipit scriptul în articol, l-am evidențiat și am apăsat butonul „cod”.

După aceea, a indicat limbajul de programare și numărul liniei de la care ar trebui să înceapă ieșirea scriptului.

Vă puteți întreba de ce am scris despre acest experiment în acest articol? Prin aceasta, am vrut să spun că atunci când căutați câteva informații pe Internet, fiți atenți la data publicării. La urma urmei, există o probabilitate foarte mare ca informațiile din articolul vechi să fie relevante acum câțiva ani și mai departe acest moment pur și simplu nu funcționează, iar utilizarea sau implementarea acestuia ar putea expune proiectul la vulnerabilități.

Pe blogul nostru, încerc să țin tot materialul la zi, să monitorizez constant actualizările și, dacă este necesar, să fac ajustări la articolele deja scrise.

Dacă doriți să primiți informații actualizate despre e-mail atunci il recomand.

Videoclipul „Cum să inserați codul HTML într-un articol”

Prieteni, dacă cineva preferă să vadă cum se face asta, atunci am înregistrat un videoclip pentru voi. Și vă reamintesc că avem și un canal de youtube la care vă puteți abona.

Articole similare:

Ei bine, sper că articolul s-a dovedit a nu fi dificil și am putut să vă spun în detaliu cum puteți introduce codul html în site fără probleme inutile.

Nu neglijați estetica blogului dvs. La urma urmei, cititorul nostru, ca și în viață, se întâlnește după haine, dar se întâlnește cu mintea.

Asta e tot pentru mine!

Pa! Pa!

Cu stima, Anton Kalmykov

Salutare dragi cititori!

Să vorbim despre codul programului de pe site. Adesea, un webmaster trebuie să introducă un cod pe una sau mai multe pagini ale unui site. WordPress vă permite să utilizați php, java, html, css etc. cod în două moduri: ca comenzi executabile interpretate de motorul site-ului și ca text lizibil și copiabil. În acest articol, vom analiza exemple despre cum să inserați codul într-o pagină WordPress, astfel încât acesta să fie afișat corect și frumos pentru vizitatori.

Cod sub formă de text: de ce este necesar

Necesitatea de a scoate cod în WordPress nu este obișnuită. Este sigur să spunem că proprietarii de bloguri medicale, de construcții sau culinare sunt puțin probabil să aibă o astfel de întrebare. Ce nu se poate spune despre autorii proiectelor dedicate unor subiecte precum crearea și, designul și programarea web, dezvoltarea de aplicații etc.

Necesitatea de a publica linii individuale de cod uneori nu se limitează la simpla adăugare a fragmentului dorit pe site. Dorința însoțitoare de „a face frumos” se bazează pe utilizarea evidențierii sintaxei codului și pe anumite metode de implementare. Evidențierea codului pe site poate facilita foarte mult percepția datelor de către vizitatorii care sunt obișnuiți să folosească editori avansati precum .

Dacă doar lipiți codul într-un articol, WordPress îl va interpreta și îl va distorsiona atunci când este publicat. Prin urmare, un astfel de tip de date trebuie întotdeauna prelucrat. Este posibil să se rezolve această problemă căi diferite: prin scrierea manuală a etichetelor necesare pe pagină, folosind butonul încorporat în editorul WordPress și folosind diverse plugin-uri.

Cum să adăugați cod la un articol fără un plugin

WordPress oferă administratorului site-ului propriul instrument, care face parte din sistemul de management al conținutului, pentru a rezolva această problemă.

Un bloc format din una sau mai multe linii de cod adăugate în editorul de conținut vizual, WordPress înlocuiește toate caracterele din etichete atunci când treceți la modul text< и >simboluri < Și >

Pentru a arăta CMS-ului că o anumită bucată de cod ar trebui să fie afișată pe pagină „ca atare”, aceasta în editor de text WordPress trebuie să fie evidențiat și „împachetat” cu o etichetă folosind butonul de pe bara de instrumente:


Va arata asa pe pagina:











Nume 1
Nume 2


Valoarea 1
Valoarea 2


Pentru a insera cod într-o pagină WordPress cu indentări specificate, atunci când treceți de la un editor de conținut vizual la un editor de text, puteți utiliza eticheta html 
Păstrarea oricăror spații suplimentare folosite pentru a forma indentări.  Conținutul elementului ȘI În mod implicit, este afișat în fonturi monospațiate de browsere.
Un exemplu despre cum să inserați cod html într-o pagină fără pluginuri folosind o etichetă în WordPress 

 

 
 Nume 1
 Nume 2
 
 
 Valoarea 1
 Valoarea 2
 

A eticheta 
Sunt aplicabile atributele universale, în special atributul stil Este folosit pentru a defini elementul cu CSS.  Următorul exemplu arată cum valorile atributelor stil setați culoarea textului afișat, culoarea de fundal a blocului, grosimea, culoarea și raza marginii blocului:

Posibilitățile de formatare a blocurilor afișate pe pagină folosind atribute sunt destul de largi, dar nu nelimitate.  Utilizarea etichetelor considerate este justificată atunci când în pagină sunt adăugate linii simple sau fragmente mici de cod ca exemple.  DESPRE design frumosîn acest caz, nu este nevoie să spunem, rezultatul inserării va fi extrem de minimalist, dar pentru mulți acest lucru este suficient.
Formatarea complexă care vă permite să implementați evidențierea sintaxei este rezultatul pluginurilor, care vor fi discutate mai jos.
Pluginuri de inserare de cod pentru WordPress
Oferim o gamă de mai multe plugin-uri din depozitul oficial WordPress care vă permit să afișați frumos orice cod (php, java, html, css): rând cu linie și cu evidențierea corespunzătoare a elementelor.
SyntaxHighlighter a evoluat

Un plugin obișnuit pentru inserarea codului în WordPress, avansat și puternic, pe pagina de setări a căruia puteți aplica una dintre cele șapte teme de design disponibile și, dacă este necesar, puteți alege să afișați numerotarea liniilor și barele de instrumente, să faceți clic pe URL-urile, să restrângeți câmpul de cod. , setați împachetarea automată a liniilor lungi și etc.  Există, de asemenea, o previzualizare vizuală a ieșirii, există o decodare a atributelor utilizate.
În plugin SyntaxHighlighter a evoluat Este oferit tot ce ai putea avea nevoie.  Este foarte ușor să inserați cod într-un articol WordPress folosindu-l, pentru aceasta trebuie să permiteți pluginului să proceseze eticheta în setări 
Sau utilizați codurile scurte adecvate:
exemplu exemplu exemplu exemplu
sintaxa wp

Un alt plugin care a fost recunoscut pe merit de webmasteri de mult timp.  În prezent, statisticile depozitului oficial arată peste 10 mii de instalări active.  Din păcate, pluginul nu a fost actualizat de un an, dar continuă să-și îndeplinească funcțiile declarate.
sintaxa wp nu are propria pagină de setări.  Acest plugin WordPress pentru editarea codului, mai precis, pentru introducerea acestuia și schimbarea aspectului evidențierii sintaxei, folosește eticheta 
Cu atributul de selecție a limbii:

 
exemplu
exemplu
exemplu
Lista limbilor acceptate este dată pe pagina de plugin.
Atribut liniaîn etichetă este folosită pentru a afișa numerotarea liniilor, valoarea acesteia corespunde numărului de rând de la care începe numărătoarea inversă.  Dacă codul conține obiecte html, se recomandă utilizarea atributului scăpat cu sens Adevărat ca optiune:
exemplu

Un exemplu de ieșire și evidențiere a codului CSS folosind pluginul:
 1
2
3
4
5
6
7
8
.block ( chenar : 2px #8E0505 ; culoare : #2D0000 ; /*culoare text*/ padding : 2px ; /*indentație*/ text-align: stânga; /*alinierea textului*/ font-family : arial;  dimensiunea fontului: 14px;  )
Blocare ( chenar: 2px #8E0505; culoare: #2D0000; /*culoarea textului*/ padding: 2px; /*padding*/ text-align: left; /*text-alignment*/ font-family: arial; font-size : 14px;)
Când treceți de la editorul html la modul vizual, eticheta WordPress interpretează eticheta 
Și codul nu este afișat corect.  Prin urmare, atunci când editați articole cu inserții de bloc de cod, trebuie să utilizați editorul de conținut în modul html.
Cod Prettify

Un plugin ușor, fără configurare, care vă permite să introduceți cod pe un site WordPress folosind evidențierea automată, fără a fi nevoie să specificați limba.  Implementează evidențierea pentru etichete 
ȘI Pe pagina.  O soluție simplă bazată pe module Biblioteca Google Code Pretty pentru cei care nu doresc să se aprofundeze în particularitățile formatării sintaxei blocurilor afișate pe site cu codul de program.
Concluzie
Soluțiile bazate pe plugin discutate în articol sunt doar o mică parte din ceea ce oferă depozitul. Pluginuri WordPress.  Făcând clic pe link-urile meniului consolei „Plugin-uri – Adăugați noi” la pagina de căutare Cuvinte cheie a evidentiaȘi Sintaxă puteți găsi câteva zeci de plugin-uri similare care vă permit să proiectați frumos cod de programare.  Este important să înțelegeți cât de adecvat și necesar va fi un astfel de plugin pe site.  Poate că în cazul dvs. va fi mai ușor să introduceți manual codul într-o pagină WordPress într-un editor de text folosind etichete 
ȘI .
Uneori trebuie să inserați anumite informații într-un articol, cum ar fi un banner sau un formular.  Aceste lucruri sunt cod html.  La lipiți codul htmlîntr-un articol sau pagină, nu sunt necesare cunoștințe speciale.  Acest lucru se face foarte simplu.  Știți deja că codul html este doar text.  Când creați un articol sau o pagină, selectați modul Text.  Apoi lipiți codul de care aveți nevoie.  Salvăm.  Și totul este gata!
Există o altă modalitate, vă permite să introduceți oricare cod html la orice pagină web.
Aceasta este o etichetă  .  Principiul este primul , apoi codul dvs., apoi.  dau un exemplu Codul dvs. HTMLUnde
stilul este responsabil pentru stilul, dimensiunea, culoarea textului din interiorul etichetei,
marja: 10px  dimensiunea indentului,
latime: 300px  dimensiunea lățimii,
înălțime: 120px;  dimensiunea înălțimii.

P.S.  Un pic de antrenament a creierului
Pe malul iazului stăteau trei broaște.  Unul dintre ei a decis să sară în iaz.  Câte broaște au rămas pe mal?
Poate că veți fi interesat de:

Cum se conectează buletinul informativ la site
2014-03-09T04:38:56+00:00 Speranţă WordPress cod html, introduceți codul htmlUneori trebuie să inserați anumite informații într-un articol, cum ar fi un banner sau un formular.  Aceste lucruri sunt cod html.  Pentru a introduce cod html într-un articol sau pagină, nu sunt necesare cunoștințe speciale.  Acest lucru se face foarte simplu.  Știți deja că codul html este doar text.  În timpul creării...
Nadezhda Trofimova [email protected] Blogul administratorului site-ului
Ați putea fi interesat și de:
Cum se elimină /categoria/ din URL-ul wordpress
Cum se elimină categoria din adresa URL wordpress și de ce este necesară?  Cum împiedică acest prefix promovarea site-ului.
 
Cum să dezactivați și să activați editorul de fișiere în consola wordpress
Editarea WP-config.php m-a interesat cumva, dar se vede de ceva vreme.  Totuși, a trebuit.  Intru în consola site-ului meu, dar nu există nici un editor de fișiere acolo.  Ştii...
 
Cum să personalizați tema wordpress Islemag
Islemag este una dintre cele mai bune teme gratuite de acolo.
 
Cum să derulezi WordPress la o versiune mai veche
Salutare cititori ai blogului meu.  Ei bine, a venit momentul și m-am confruntat cu o problemă la actualizarea unei noi versiuni de WordPress, și anume de la WordPress 5 la WordPress 4.7.
 
Cum să accelerezi un site web wordpress dezactivând API-ul HeartBeat
Salutare tuturor.  Continuăm subiectul grăbirii unui site pe wordpress.  În articolul Cum să accelerezi wordpress prin minimizarea CSS, HTML și Javascript, am eliminat excesul din fișiere, dar...

Desigur, nu toată lumea are nevoie de aceste informații, ci doar de cei care, pe paginile lor, împărtășesc cititorilor cele mai bune practici în alegerea codului (citiți curajul site-ului) și unele dintre upgrade-urile acestuia prin... ei bine, înțelegeți Prin intermediul interventie in "genetica"!  Ceea ce ai crezut?
Privind în perspectivă, până am început povestea principală, pot să vă spun că voi continua să chinuiesc, despre ce voi scrie și care, foarte probabil, vă poate fi de folos dacă aveți și propria dvs. resursă de creativitate la tastatură pe Web .  Și de aceea, vă recomand să urmăriți lansarea de noi articole, pentru a nu rata lansarea unui boboc.  Mai ales dacă nu ai făcut-o încă, mă întreb de ce?
Și acum, dragii mei frumoși, începe - povestea.
Poate apărea o întrebare rezonabilă, dar împrumutul trebuie, în general, să se deranjeze cu introducerea codului?  De ce trebuie să faceți un fel de evidențiere a codului și de ce nu îl puteți lipi, cum ar fi textul, de exemplu?
Și totul este simplu - dacă încerci să inserezi codul exact așa, atunci în loc să-l afișeze, va începe uneori să ruleze și să facă toate funcțiile pentru care a fost destinat, în plus, chiar acolo unde îl inserezi.  Din toate aceste „farmece” site-ul poate „pluti”, se poate „răuci”, iar articolul în sine se transformă în ceva de neînțeles și ceva la mijloc - urât!  Da, și codul în sine în forma sa „goldă”, un „spectacol” nu foarte lizibil, care pentru un aspect nepregătit poate reprezenta o substanță indigerabilă, din care, privitorul poate chiar să dezvolte o reticență de a înțelege orice și de a pătrunde în esență. a ceea ce se întâmplă.  Pe scurt, nu este!  Da, poți vedea singur dacă te uiți, de exemplu, la imaginea din cod:

Pentru a o face „a”, există mai multe opțiuni, și mai precis 3. Voi încerca să descriu totul, așa cum am promis la început, iar dvs. decideți care dintre ele vă va fi mai convenabil și mai plăcut de implementat și perceput.
Cum să inserați codul html în corpul unui articol frumos și corect.
Opțiunea #1 - evidențierea codului prin plugin-ul WP-Syntax.
Mai precis, această opțiune este implementată printr-o grămadă de două plugin-uri - pentru ușurință în utilizare.  Prima parte a pachetului se numește: WP-Syntax și îndeplinește funcția principală.  Iar a doua parte este una de service și se numește WP-Syntax Button, care implementează munca prin apăsarea unui buton, pe care tocmai acest buton îl adaugă pe tabloul de bord al editorului wordpress.  Descărcați ambele părți ale acestui pachet fie printr-o căutare în panoul de administrare al blogului după nume, fie din paginile depozitului motorului.  Pagina de depozit pentru WP-Syntax este aici.  Și pagina pentru WP-Syntax Button .  Nu suntem în autobuz, nu?
Instalarea este standard - găsită, descărcată, activată.  Vă rugăm să rețineți că pluginul Button nu a fost actualizat de mai mult de doi ani și nu există date despre compatibilitatea acestuia cu dvs. versiune noua WordPress, care vă poate alerta.  Dacă sunteți îngrijorat de această circumstanță, atunci nu puteți descărca butonul și vă descurcați doar cu prima parte a pachetului - și acest lucru va funcționa, dar mai puțin convenabil.  De la mine, pot spune că folosesc setul complet și totul funcționează.
Dacă instalați totul, atunci veți avea un nou buton „Cod” pe panoul editorului.

Pentru a insera codul prin acest plugin, trebuie mai întâi să-l introduceți în modul vizual (normal, unde tastați), să îl selectați cu mouse-ul, apoi să faceți clic pe butonul „Cod” și să selectați limba care se potrivește cu codul dvs. din meniul drop-down listă.  În același timp, puteți seta numerotarea liniilor specificând numărul primei în Număr linie.  Odată selectat, apăsați pe Inserare.

În același timp, după salvarea/actualizarea postării/paginii, veți vedea ceva ca această imagine cu codul dvs. de imagine frumos inserat, de exemplu:
Dacă nu ați instalat partea WP-Syntax Button, atunci va trebui să utilizați această combinație de cod pentru a introduce codul:
Introdu codul tau aici

Unde, Limba este limba codului dvs.  Această combinație trebuie introdusă în editorul HTML și introduceți codul în interior.  Lista limbilor acceptate se află pe această pagină de plugin.  Opțiunea de a introduce un astfel de cod nu este foarte convenabilă, dar cineva poate avea nevoie de el.  Rezultatul va fi cam așa:
 1
Introdu codul tau aici
Opțiunea #2 - Evidențierea sintaxei prin pluginul SyntaxHighlighter Evolved, al cărui nume este exact ceea ce este tradus.  Îl puteți descărca căutând numele în panoul de administrare a blogului sau din această pagină de plugin.  Instalarea este standard.  Acest plugin funcționează ca cel anterior, dar într-un mod mai puțin convenabil.
După instalare, veți avea opțiunea de meniu Settings> SyntaxHighlighter, unde vor fi toate setările acestuia.  Da, am uitat să spun că pluginul este în engleză și în non-rusă - un dezavantaj.  Dacă ceva nu este clar, atunci folosește traducerea paginii.
Setările pluginului pot fi lăsate implicite - sunt funcționale.  Sau puteți seta valorile, ca în imagine cu un exemplu de setări:

Dacă te confuzi, atunci în setări există butonul de resetare la Setări implicite - resetați setările la cele originale.  Și, de asemenea, în partea de jos a paginii, sub butoane, există o previzualizare a afișajului codului - vă puteți juca în siguranță și alege propria versiune a setărilor și a ieșirii codului.  Există o listă de limbi acceptate și multe altele descriere detaliata setările sale - totul este în rusă, vă veți da seama.
Pentru a insera cod html sau php într-o postare de site cu acest plugin, trebuie să aplicați una dintre construcțiile din exemplul din pagina de setări a pluginului (în partea de jos):

Când scrieți o postare, comutați la editorul HTML, selectați parametrul dorit limba din exemplu, lipiți-o și inserați codul în interior.  Se va dovedi cam așa:
Aici introduceți codul lung
Opțiunea numărul 3 - introduceți codul html sau php fără un plugin.
Pentru a face fără plugin și a introduce codul html în corpul blogului, trebuie să-l încadrați în următorul cod:
INTRODUCEȚI CODUL AICI
Unde, înălțimea și lățimea sunt, respectiv, înălțimea și lățimea câmpului de ieșire cu codul în pixeli, culoarea este culoarea.  Puteți alege culoarea cu pipeta în, despre care am scris deja.  Lățimea și înălțimea pot fi ajustate în funcție de parametrii site-ului dvs.  Ieșirea va fi cam așa:
Ca aspect și funcționalitate, este, desigur, mai puțin frumos, dar nu încarcă blogul pluginuri suplimentare deși nu-l folosesc eu însumi.  L-am adus pentru o schimbare.
Cred că acum decideți cum să inserați frumos codul html într-un blog.
Aici îmi voi încheia discursul.  Sper că am făcut ceva bun pentru tine astăzi. Mulțumesc că ai citit.
Puțin pozitiv:

Făcând clic pe butoanele sociale și comentariile sunt binevenite!
Urmăriți butoanele, spuneți-le prietenilor despre articol - acesta este pentru bani!

Doriți să aflați cum să încorporați codul pe site WordPress este mai ușor totul pentru a putea fi copiat direct din articol?
Am vrut să mă ocup de asta.
Când rulați site-ul dvs. pe CMS (motor) WordPress, trebuie să îl îmbunătățiți constant și să adăugați noi și caracteristici utile gasit pe alte bloguri similare.
Nu poți rămâne în urmă!
Pentru aceasta, uneori este necesară introducerea acolo cod suplimentar.  Am publicat în mod special un articol detaliat pe site-ul meu, unde vorbesc despre toate modificările pe care le-am făcut temei (șablonului) WordPress pentru ca acestea să nu se piardă.  Într-adevăr, în cazul unei modificări a șablonului, aceste ajustări vor trebui efectuate din nou.
De asemenea, am un blog special care este instalat pe blogul meu.  Apropo, acolo puteți găsi link-uri către articole care descriu pentru ce sunt aceste plugin-uri și cum să le instalați și să le configurați cel mai bine.
Sunt bucuros să vă împărtășesc informații utile pe care am reușit să le aflu.  Și încerc să enunț totul într-un limbaj simplu și ușor de înțeles, astfel încât să fie accesibil chiar și pentru începători.
Dar, uneori, trebuie să adaug ilustrații care arată cum am schimbat codul pe site-ul meu.
Până acum, am folosit un singur mod de a face acest lucru: am inserat - o fotografie a ecranului computerului meu.
Dar în imagine puteți vedea bine codul, dar nu îl puteți copia.  În acest caz, trebuie introdus manual.  Și, prin urmare, sunt posibile erori și neînțelegeri.
Prin urmare, pentru a le ușura cititorilor, am decis să-mi dau seama cum să inserez codul într-un site WordPress, astfel încât toată lumea să îl poată copia cu ușurință.

Multe se referă la pluginuri: 
Sintaxa WP împreună cu Butonul de sintaxă WP; 
SyntaxHighlighter a evoluat; 
Evidențiator de sintaxă automată.
Am găsit o descriere a modului de inserare a codului fără un plugin.  Pentru a face acest lucru, am folosit eticheta xmp (deschidere și închidere).  Dar acum este învechit, iar în locul lui în HTML este recomandat să folosiți eticheta pre (deschidere și închidere).
Dar nu am reușit să inserez codul programului în articol folosind doar etichetele speciale pre sau xmp.  De asemenea, am încercat să le pun într-un container div.  Și am copiat fraza completă de pe site-urile care au recomandat-o.
Experimentul a eșuat.  Codul nu a fost salvat la editare în modul HTML.  Când schimbați filele (Vizual/Text), pur și simplu a dispărut din textul articolului.  Din anumite motive, acest lucru nu funcționează.  Cine știe, scrie.
Am găsit informații că acest lucru se poate face numai după instalarea pluginului WP Syntax.  Acestea.  încă nu fără un plugin.  Aveam instalată cea mai nouă versiune de WordPress (la acea vreme - 4.3.1).
Dar poți să faci și asta.  Au văzut codul introdus pe un site, au dat clic pe el Click dreapta mouse pentru a selecta meniul contextual„vezi codul elementului” și s-a uitat la cod.  Deci puteți afla cum este introdus.
Astfel, am stabilit că pe unul dintre site-urile pe care le cunosc, codul a fost introdus folosind plugin-ul Crayon Syntax Highlighter.
Am găsit acest plugin căutând în panoul de administrare și instalându-l pe blogul de formare.
S-a dovedit a fi foarte ușor de folosit.  Nu am schimbat nicio setare, deși sunt destul de multe.  Am lăsat totul implicit (configurat de autor însuși).
După instalarea și activarea pluginului, în modul de editare a articolelor, în meniu apare un buton special, făcând clic pe care puteți introduce codul pe site-ul WordPress.


Apare o fereastră pentru lipirea codului.

Și apoi toată lumea poate selecta și copia singur acest fragment de cod pentru a îmbunătăți funcțiile propriului blog.
Codul este foarte colorat.  Elementele sale sunt evidențiate în culori diferite.  Este posibil să personalizați toate acestea pentru dvs.
Totul s-a dovedit a fi atât de simplu încât am decis să nu caut ce e mai bun.
Și acum, dragi cititori, puteți copia cu ușurință codul de pe site-ul meu.
De exemplu, acesta.
Cod funcție pentru a ascunde autentificarea administratorului site-ului WordPress în comentarii
 add_filter("clasa_comentarii", "clasa_udalit_avtora_commentariya");  function udalit_class_avtora_kommentariya($klassi)( foreach($klassi as $kluch=>$klass) : if (strstr($klass, "comment-author-")): unset($klassi[$kluch]); endif; endforeach; returnează $classy; )
 

 add_filter("clasa_comentarii" , „udalit_class_avtora_commentariya”)
;
funcţie delete_class_avtora_commentary($ elegant ) (
foreach ($klassi ca $kluch => $class ):