Kuidas WordPressis koodiplokke kasutada

WordPress on tugev sisuhaldussüsteem, mis töötab üle poolte kõigist Internetis leiduvatest veebisaitidest. Sisseehitatud CRM muudab veebisaidi loomise lihtsaks isegi siis, kui te pole kunagi varem arvutiprogrammi kirjutanud. Kuigi WordPressi veebisaidil on nii lihtne kuvada tavalist tekstiplokki, ei saa seda öelda arvutikoodi kohta. Kooditükk peab olema piisavalt kuvatud, et vaatajad saaksid seda analüüsida ja mõista. Ja siin tulevadki sisse WordPressi koodiplokid.

Kui soovite teada, kuidas WordPressis koodiplokke kasutada, olete jõudnud õigesse kohta. Selles artiklis tutvustame teile kogu protsessi, et saaksite hakata oma lugejatega koodilõike jagama. Lisateabe saamiseks jätkake lugemist.

Kuidas WordPressis koodiplokke kasutada

Arvutiprogrammi kuvamine tavalise veebilehe tekstina võib olla hukatuslik. Paljudel kasutajatel on raske visualiseerida ja mõista. Õnneks on paljudel WordPressi toimetajatel koodiplokkide funktsioon, mis võimaldab kuvada arvutiprogrammi koodivormingus.

Õnneks on koodiplokkide kasutamine arvutikoodi kuvamiseks suhteliselt lihtne. Alustamiseks peate lülituma WordPressi loomulikule redaktorile, kuna mõnel tekstipistikprogrammil ei pruugi seda funktsiooni olla. Kui olete seda teinud, järgige veebisaidi lehele koodiploki lisamiseks järgmisi samme.

1. Avage veebileht, millele soovite koodiploki lisada, klõpsates nuppu 'Uus'.
   
2. Sisestage '/code' ja vajutage 'Enter'.
   
3. Sisestage või kleepige kood, mida soovite kuvada, ja vajutage sisestusklahvi.
   
4. Lisaks saate kasutada koodiploki tööriistariba, et kohandada just kirjutatud koodi välimust. Näiteks saate rea paksuks muutmiseks kasutada nuppu B või kaldkirjas nuppu 'i'.
   
5. Kui olete oma veebilehe loomise lõpetanud, klõpsake nuppu 'Eelvaade', et näha, kuidas koodiplokk reaalajas versioonis välja näeb.
   
6. Kui olete lõpptulemustega rahul, vajutage nuppu 'Uuenda', et ka teised koodiplokki näeksid.
   

Kuidas muuta oma koodiploki tüpograafiat

Tüpograafia räägib palju ja võib muuta või rikkuda mitte ainult teie koodiploki, vaid ka kogu veebilehe esteetikat. Koodiploki tüpograafia muutmiseks toimige järgmiselt.

1. Tõstke esile koodiplokk, mille tüpograafiat soovite muuta.
   
2. Klõpsake ekraani paremas ülanurgas ikooni 'Seaded'.
   
3. Jaotises „Tüpograafia” määrake oma eelistatud tüpograafia.
   
4. Muudatuste salvestamiseks klõpsake nuppu 'Uuenda'.
   

Saate ploki esteetikat veelgi kohandada, muutes värvi, tausta, tähevahet reavahe.

Näiteks kui teil on tumedateemaline veebisait, võite soovida, et koodiplokil oleks erinev taust.

Kuidas WordPressis koodiplokki kustutada

Koodiplokid ei ole püsivad ja nagu kõik muud WordPressi veebilehe elemendid, saate need kustutada. Siin on, kuidas protsessi edasi minna.

lisage google'i dokumentidesse kohandatud font

1. Avage veebileht või postitus, millel on kustutatav koodiplokk.
   
2. Klõpsake koodiplokil, mille soovite kustutada, et see esile tõsta.
   
3. Koodiploki ülaosas avanevas vidinas klõpsake kolme punkti.
   
4. Valige suvandite hulgast 'Eemalda kood'.
   

Ülaltoodud toiming peaks kogu koodiploki veebilehelt kustutama. Teise võimalusena võite lihtsalt ploki valida ja vajutada klahvi 'Kustuta'. Samuti võite samal ajal vajutada klahve 'Ctrl' + 'Shift' + 'Z' ja see peaks saavutama samad tulemused.

Kuidas redigeerida juba avaldatud koodiplokki

Aeg-ajalt teete kindlasti vigu. Samuti võite komistada parema viisiga idee elluviimiseks koodi kaudu. WordPress võimaldab teil redigeerida juba olemasolevaid koodiplokke, järgides alltoodud juhiseid:

1. Avage leht, millel on koodiplokk, mida soovite muuta.
   
2. Klõpsake nuppu 'Muuda'.
   
3. Koodi redigeerimise lubamiseks klõpsake koodiplokil.
   
4. Kui olete muudatuste tegemise lõpetanud, klõpsake nuppu 'Värskenda'.
   

Kuidas lisada oma WordPressi veebisaidile pistikprogrammi abil koodiplokk

Kui lisate oma veebisaidile sageli koodilõike, võib olla parem hankida abiks mõni tugevam pistikprogramm. Üks populaarne võimas ja suurepärane koodiplokk on SyntaxHighlighter arenenud sisse panema.

Sellel pistikprogrammil on WordPressi redigeerija ees eelis, kuna:

• See tõstab esile koodilõigu ridade arvu
• See toetab mitut programmeerimiskeelt
• See võimaldab teie vaatajatel kuvatavat koodi kopeerida ja kleepida

Pistikprogrammi abil oma veebisaidil koodilõike paremaks haldamiseks tehke järgmist.

mis rakenduse ma just kustutasin

1. Installige ja aktiveerige SyntaxHighlighter arenenud sisse panema.
   
2. Kui soovite koodiploki lisada, avage leht või postitus.
   
3. Lubage redigeerimine ja klõpsake plussnuppu.
   
4. Otsige üles 'SyntaxHighLighter Evolved' ja avage esimene kuvatav tulemus.
   
5. Kleepige või kirjutage kood saadaolevasse koodiplokki.
   
6. Klõpsake ekraani paremas ülanurgas seadete ikooni ja liikuge vahekaardile 'Blokeeri'.
   
7. Määrake, kuidas soovite numeratsiooni kuvada ja milliseid koodiridu soovite esile tõsta.
   
8. Kui soovite koodi klikitavaks muuta, saate sisse lülitada ka valiku „Tee URL-id klikitavaks”.
   

Koodiploki värvi- ja vorminguskeemi muutmiseks toimige järgmiselt.

1. Minge jaotisse 'Seaded' ja liikuge jaotisse 'SyntaxHighlighter'.
   
2. Muutke oma ploki teemat.
   
3. Vajutage nuppu 'Salvesta', et vaadata eelvaadet, kuidas muudatused reaalajas režiimis välja näevad.
   

Täiendavad KKK-d

Kuidas muuta koodiplokk klikitavaks lingiks?

Koodiblokeeringu loomiseks lingi loomiseks WordPressi redaktori abil toimige järgmiselt.

1. Valige koodirida, mida soovite lingina kasutada.

2. Valige hüpikvidinast lingiikoon. Teise võimalusena võite vajutada klaviatuuril klahve 'Ctrl' + 'K'.

3. Sisestage URL, millele soovite koodi linkida, ja vajutage sisestusklahvi.

Kas saan koodi esile tõsta, kasutades WordPressi redaktori pakutavat koodiplokiredaktorit?

Ei, WordPressi loomuliku redaktori pakutav koodiplokk ei võimalda kasutajatel koodi kopeerida ja kleepida. Selleks vajate täiustatud koodiploki redigeerimise pistikprogrammi, näiteks pistikprogrammi SyntaxHighligher Evolved, abi.

Kas Elementoril on koodiplokkide funktsioon?

Elementor on populaarne pukseeritav pistikprogramm, mida kasutatakse WordPressi veebisaitide loomiseks. Kahjuks, kui kasutate veebisaitide loomiseks pistikprogrammi, ei leia te kahjuks plokki, mis lubaks teil veebisaidil arvutiprogramme vormindada. Seetõttu peate ülesande lõpetamiseks lülituma tavapärasele WordPressi redaktorile.

Pange oma veebisait tööle

Olenemata sellest, kas peate programmeerimisblogi või soovite lihtsalt oma veebisaidil koodilõike jagada, on WordPressis koodiplokkide kasutamise teadmine ülimalt oluline. Koodiblokid annavad teie lugejatele lihtsa aja ja suurendavad üldiselt teie veebisaidi kasutuskogemust. Ja nagu näete, on koodiplokkide sisestamine suhteliselt lihtne protsess, eriti WordPressi natiivse redaktori puhul.

Kas olete proovinud kasutada WordPressi pakutavaid koodiplokke? Kuidas on lood SyntaxHighlighter Evolved pistikprogrammiga? Palun jagage meiega oma kogemusi allolevas kommentaaride jaotises.