WordPress este un sistem robust de gestionare a conținutului care alimentează peste jumătate din toate site-urile web de pe internet. CRM-ul încorporat facilitează crearea unui site web, chiar dacă nu ați mai scris niciodată un program de calculator. Deși este atât de ușor să afișați un bloc de text normal pe un site web WordPress, nu același lucru se poate spune despre codul computerului. O bucată de cod trebuie să fie afișată în mod adecvat pentru ca spectatorii să o analizeze și să o înțeleagă. Și aici intervin blocurile de cod WordPress.
Dacă doriți să știți cum să utilizați blocurile de cod în WordPress, ați ajuns în locul potrivit. În acest articol, vă vom prezenta întregul proces, astfel încât să puteți începe să partajați fragmente de cod cu cititorii dvs. Continuați să citiți pentru a afla mai multe.
Cum să utilizați blocurile de cod în WordPress
Afișarea unui program de calculator ca text normal de pagină web poate fi dezastruoasă. Mulți utilizatori le va fi greu de vizualizat și de înțeles. Din fericire, mulți editori WordPress au o funcție de blocare de cod care vă permite să afișați un program de calculator într-un format de cod.
Din fericire, utilizarea blocurilor de cod pentru a afișa codul computerului este relativ ușoară. Pentru a începe, va trebui să treceți la editorul nativ WordPress, deoarece este posibil ca unele pluginuri de text să nu aibă această funcție. După ce ați făcut acest lucru, urmați acești pași pentru a adăuga un bloc de cod pe pagina unui site web:
- Deschideți pagina web la care doriți să adăugați un bloc de cod făcând clic pe butonul „Nou”.
- Tastați „/code” și apăsați „Enter”.
- Introduceți sau inserați codul care doriți să fie afișat și apăsați tasta „Enter”.
- Puteți utiliza în continuare bara de instrumente pentru blocarea codului pentru a personaliza aspectul codului pe care tocmai l-ați scris. De exemplu, puteți folosi butonul „B” pentru a face o linie îngroșată sau butonul „i” pentru a o pune în cursiv.
- După ce ați terminat de creat pagina dvs. web, faceți clic pe butonul „Previzualizare” pentru a vedea cum va arăta blocul de cod într-o versiune live.
- Dacă sunteți mulțumit de rezultatele finale, apăsați butonul „Actualizare” pentru ca și alții să vadă blocul de cod.
Cum să schimbați tipografia blocului dvs. de cod
Tipografia spune multe și poate face sau distruge estetica nu numai a blocului dvs. de cod, ci și a întregii pagini web. Pentru a schimba tipografia blocului de cod, urmați acești pași:
- Evidențiați blocul de cod a cărui tipografie doriți să o modificați.
- Faceți clic pe pictograma „Setări” din colțul din dreapta sus al ecranului.
- În secțiunea „Tipografie”, specificați tipografia preferată.
- Faceți clic pe butonul „Actualizare” pentru a salva modificările.
Puteți personaliza în continuare estetica blocului schimbând culoarea, fundalul, spația dintre litere și spațierea între linii.
De exemplu, dacă aveți un site web cu tematică întunecată, este posibil să doriți, de asemenea, ca blocul de cod să aibă un fundal diferit.
Cum să ștergeți un bloc de cod în WordPress
Blocurile de cod nu sunt permanente și, la fel ca orice alte elemente ale unei pagini web WordPress, le puteți șterge. Iată cum să procedați în acest proces:
- Deschideți pagina web sau postarea care are blocul de cod pe care doriți să îl ștergeți.
- Faceți clic pe blocul de cod pe care doriți să îl ștergeți pentru a-l evidenția.
- Pe widgetul care apare chiar în partea de sus a blocului de cod, faceți clic pe cele trei puncte.
- Din opțiuni, selectați „Eliminați codul”.
Acțiunea de mai sus ar trebui să ștergă întregul bloc de cod de pe pagina web. Alternativ, puteți pur și simplu să selectați blocul și să apăsați tasta „Șterge”. De asemenea, puteți apăsa tastele „Ctrl” + „Shift” + „Z” în același timp și ar trebui să obțineți aceleași rezultate.
Cum să editați un bloc de cod deja publicat
Din când în când, ești obligat să faci erori. De asemenea, s-ar putea să dai peste o modalitate mai bună de a executa ideea prin cod. WordPress vă permite să editați blocuri de cod deja existente urmând instrucțiunile de mai jos:
- Deschideți pagina care are blocul de cod pe care doriți să îl editați.
- Faceți clic pe „Editați”.
- Faceți clic pe blocul de cod pentru a activa editarea codului.
- După ce ați terminat de făcut modificările, faceți clic pe butonul „Actualizare”.
Cum să adăugați un bloc de cod pe site-ul dvs. WordPress folosind un plugin
Dacă adăugați adesea fragmente de cod pe site-ul dvs. web, atunci ar fi mai bine să obțineți un plugin mai robust care să vă ajute. Un bloc de cod popular, puternic și excelent este SyntaxHighlighter a evoluat conecteaza.
Acest plugin are un avantaj față de editorul nativ WordPress deoarece:
- Evidențiază numărul de linii dintr-un fragment de cod
- Suportă mai multe limbaje de programare
- Permite spectatorilor să copieze și să lipească codul afișat
Iată cum să utilizați pluginul pentru a gestiona mai bine fragmentele de cod de pe site-ul dvs.:
- Instalați și activați SyntaxHighlighter a evoluat conecteaza.
- Deschideți pagina sau postați dacă doriți să adăugați un bloc de cod.
- Activați editarea și faceți clic pe butonul plus.
- Căutați „SyntaxHighLighter Evolved” și deschideți primul rezultat care apare.
- Lipiți sau scrieți codul în blocul de cod disponibil.
- Faceți clic pe pictograma setări din colțul din dreapta sus al ecranului și navigați la fila „Blocați”.
- Specificați cum doriți să apară numerotarea și ce linii de cod doriți să fie evidențiate.
- De asemenea, puteți activa opțiunea „Faceți clic pe adresele URL” dacă doriți să faceți clic pe codul dvs.
Pentru a schimba culoarea și schema de formatare a blocului de cod, urmați acești pași:
- Accesați „Setări” și navigați la secțiunea „SyntaxHighlighter”.
- Schimbați tema blocului dvs.
- Apăsați pe „Salvați” pe „Previzualizare” pentru a previzualiza cum vor arăta modificările în modul live.
Întrebări frecvente suplimentare
Cum faci ca un bloc de cod să fie un link pe care se poate face clic?
Pentru a face ca un cod să blocheze un link folosind editorul WordPress, urmați acești pași:
1. Selectați linia de cod pe care doriți să acționeze ca link.
poți înregistra pe google meet
2. Din widgetul pop-up, selectați pictograma link. Alternativ, puteți apăsa tastele „Ctrl” + „K” de pe tastatură.
3. Introduceți adresa URL la care doriți să se conecteze codul și apăsați tasta „Enter”.
Pot evidenția codul folosind editorul de blocuri de cod oferit de editorul WordPress?
Nu, blocul de cod oferit de editorul nativ WordPress nu permite utilizatorilor să copieze și să lipească codul. Pentru a face acest lucru, veți avea nevoie de ajutorul unui plugin avansat de editare a blocurilor de cod, cum ar fi pluginul „SyntaxHighligher Evolved”.
Elementor are o funcție de blocuri de cod?
Elementor este un plugin popular de tip drag-and-drop care este folosit pentru construirea de site-uri web WordPress. Din păcate, dacă utilizați pluginul pentru a crea site-uri web, nu veți găsi un bloc care vă permite să formatați programe de calculator pe site-ul dvs. Prin urmare, trebuie să treceți la editorul convențional WordPress pentru a finaliza sarcina.
Puneți-vă site-ul în funcțiune
Indiferent dacă conduceți un blog de programare sau pur și simplu doriți să partajați fragmente de cod pe site-ul dvs. web, este foarte important să știți cum să utilizați blocurile de cod în WordPress. Blocurile de cod le vor oferi cititorilor tăi un timp ușor și, în general, vor crește experiența utilizatorului site-ului tău. Și după cum puteți vedea, inserarea blocurilor de cod este un proces relativ ușor, mai ales cu editorul nativ WordPress.
Ați încercat să utilizați blocurile de cod oferite de WordPress? Dar pluginul SyntaxHighlighter Evolved? Vă rugăm să ne împărtășiți experiența dumneavoastră în secțiunea de comentarii de mai jos.
