Kā lietot koda blokus programmā WordPress

WordPress ir spēcīga satura pārvaldības sistēma, kas nodrošina vairāk nekā pusi no visām tīmekļa vietnēm internetā. Iebūvētais CRM ļauj ērti izveidot vietni pat tad, ja jūs nekad iepriekš neesat rakstījis datorprogrammu. Lai gan WordPress vietnē ir tik vienkārši parādīt parastā teksta bloku, to nevar teikt par datora kodu. Koda daļai ir jābūt atbilstoši parādītai, lai skatītāji to varētu analizēt un saprast. Un šeit parādās WordPress kodu bloki.

Ja vēlaties uzzināt, kā lietot koda blokus programmā WordPress, esat nonācis īstajā vietā. Šajā rakstā mēs iepazīstināsim jūs ar visu procesu, lai jūs varētu sākt koplietot koda fragmentus ar saviem lasītājiem. Turpiniet lasīt, lai uzzinātu vairāk.

Kā lietot koda blokus programmā WordPress

Datorprogrammas attēlošana kā parasta tīmekļa lapas teksts var būt postoša. Daudziem lietotājiem būs grūti iztēloties un saprast. Par laimi, daudziem WordPress redaktoriem ir koda bloku funkcija, kas ļauj parādīt datorprogrammu koda formātā.

Par laimi koda bloku izmantošana datora koda parādīšanai ir salīdzinoši vienkārša. Lai sāktu darbu, jums būs jāpārslēdzas uz vietējo WordPress redaktoru, jo dažiem teksta spraudņiem šīs funkcijas var nebūt. Kad tas ir izdarīts, veiciet šīs darbības, lai vietnes lapai pievienotu koda bloku:

1. Atveriet tīmekļa lapu, kurai vēlaties pievienot koda bloku, noklikšķinot uz pogas 'Jauns'.
   
2. Ierakstiet “/code” un nospiediet “Enter”.
   
3. Ievadiet vai ielīmējiet kodu, kuru vēlaties parādīt, un nospiediet taustiņu “Enter”.
   
4. Varat arī turpmāk izmantot kodu bloka rīkjoslu, lai pielāgotu tikko ierakstītā koda izskatu. Piemēram, varat izmantot pogu “B”, lai rindiņu padarītu treknrakstā, vai pogu “i”, lai to izceltu slīprakstā.
   
5. Kad esat pabeidzis tīmekļa lapas autorēšanu, noklikšķiniet uz pogas Priekšskatījums, lai redzētu, kā koda bloks izskatīsies tiešraidē.
   
6. Ja esat apmierināts ar gala rezultātiem, nospiediet pogu “Atjaunināt”, lai arī citi redzētu koda bloku.
   

Kā mainīt koda bloka tipogrāfiju

Tipogrāfija runā daudz un var padarīt vai sabojāt ne tikai jūsu koda bloka, bet arī visas tīmekļa lapas estētiku. Lai mainītu koda bloka tipogrāfiju, veiciet šīs darbības:

1. Iezīmējiet koda bloku, kura tipogrāfiju vēlaties mainīt.
   
2. Noklikšķiniet uz ikonas “Iestatījumi” ekrāna augšējā labajā stūrī.
   
3. Sadaļā “Tipogrāfija” norādiet vēlamo tipogrāfiju.
   
4. Noklikšķiniet uz pogas “Atjaunināt”, lai saglabātu izmaiņas.
   

Varat vēl vairāk pielāgot bloka estētiku, mainot krāsu, fonu, burtu atstarpi starp rindiņām.

Piemēram, ja jums ir tumšas tēmas vietne, iespējams, vēlēsities, lai koda blokam būtu cits fons.

Kā izdzēst koda bloku pakalpojumā WordPress

Kodu bloki nav pastāvīgi, un tāpat kā citus WordPress tīmekļa lapas elementus varat tos izdzēst. Lūk, kā rīkoties šajā procesā:

kā padarīt privātu serveri uz

1. Atveriet tīmekļa lapu vai ziņu, kurā ir koda bloks, kuru vēlaties dzēst.
   
2. Noklikšķiniet uz koda bloka, kuru vēlaties dzēst, lai to iezīmētu.
   
3. Logrīkā, kas tiek parādīts tieši koda bloka augšpusē, noklikšķiniet uz trim punktiem.
   
4. No opcijām atlasiet “Noņemt kodu”.
   

Iepriekš veiktajai darbībai ir jāizdzēš viss koda bloks no tīmekļa lapas. Alternatīvi, jūs varat vienkārši atlasīt bloku un nospiest taustiņu 'Dzēst'. Varat arī vienlaikus nospiest taustiņus 'Ctrl' + 'Shift' + 'Z', un tam vajadzētu sasniegt tādus pašus rezultātus.

Kā rediģēt jau publicētu koda bloku

Reizēm jūs noteikti pieļaujat kļūdas. Varat arī paklupt uz labāku veidu, kā īstenot ideju, izmantojot kodu. WordPress ļauj rediģēt jau esošos koda blokus, izpildot tālāk sniegtos norādījumus:

1. Atveriet lapu, kurā ir koda bloks, kuru vēlaties rediģēt.
   
2. Noklikšķiniet uz 'Rediģēt'.
   
3. Noklikšķiniet uz koda bloka, lai iespējotu koda rediģēšanu.
   
4. Kad esat pabeidzis izmaiņas, noklikšķiniet uz pogas “Atjaunināt”.
   

Kā pievienot koda bloku savai WordPress vietnei, izmantojot spraudni

Ja savai vietnei bieži pievienojat koda fragmentus, iespējams, vislabāk ir iegūt jaudīgāku spraudni, kas jums palīdzētu. Viens populārs spēcīgs un lielisks kodu bloks ir SyntaxHighlighter Evolved iespraust.

Šim spraudnim ir priekšrocības salīdzinājumā ar vietējo WordPress redaktoru, jo:

• Tas izceļ rindiņu skaitu koda fragmentā
• Tā atbalsta vairākas programmēšanas valodas
• Tas ļauj jūsu skatītājiem kopēt un ielīmēt parādīto kodu

Tālāk ir norādīts, kā izmantot spraudni, lai labāk pārvaldītu koda fragmentus savā vietnē.

kā ekrāna spoguli uz

1. Instalējiet un aktivizējiet SyntaxHighlighter Evolved iespraust.
   
2. Atveriet lapu vai ziņu, ja vēlaties pievienot koda bloku.
   
3. Iespējojiet rediģēšanu un noklikšķiniet uz pluszīmes pogas.
   
4. Meklējiet “SyntaxHighLighter Evolved” un atveriet pirmo parādīto rezultātu.
   
5. Ielīmējiet vai ierakstiet kodu pieejamajā koda blokā.
   
6. Noklikšķiniet uz iestatījumu ikonas ekrāna augšējā labajā stūrī un dodieties uz cilni “Bloķēt”.
   
7. Norādiet, kā vēlaties parādīt numerāciju un kuras koda rindiņas vēlaties izcelt.
   
8. Varat arī ieslēgt opciju “Padarīt vietrāžus URL klikšķināmus”, ja vēlaties, lai kods būtu klikšķināms.
   

Lai mainītu koda bloka krāsu un formatējuma shēmu, rīkojieties šādi:

1. Atveriet sadaļu “Iestatījumi” un pārejiet uz sadaļu “SyntaxHighlighter”.
   
2. Mainiet bloka motīvu.
   
3. Noklikšķiniet uz 'Saglabāt' uz 'Priekšskatījums', lai priekšskatītu, kā izmaiņas izskatīsies tiešraides režīmā.
   

Papildu bieži uzdotie jautājumi

Kā koda bloku padarīt par noklikšķināmu saiti?

Lai koda bloķētu saiti, izmantojot WordPress redaktoru, rīkojieties šādi:

1. Atlasiet koda rindiņu, kuru vēlaties izmantot kā saiti.

2. Uznirstošajā logrīkā atlasiet saites ikonu. Varat arī nospiest tastatūras taustiņus “Ctrl” + “K”.

3. Ievadiet URL, uz kuru vēlaties izveidot saiti ar kodu, un nospiediet taustiņu “Enter”.

Vai varu izcelt kodu, izmantojot kodu bloku redaktoru, ko nodrošina WordPress redaktors?

Nē, koda bloks, ko nodrošina vietējais WordPress redaktors, neļauj lietotājiem kopēt un ielīmēt kodu. Lai to izdarītu, jums būs nepieciešama uzlabota koda bloka rediģēšanas spraudņa palīdzība, piemēram, spraudnis SyntaxHighligher Evolved.

Vai Elementor ir koda bloku funkcija?

kā mainīt lietotājvārdu tiktok

Elementor ir populārs vilkšanas un nomešanas spraudnis, ko izmanto WordPress vietņu veidošanai. Diemžēl, ja izmantojat spraudni vietņu izveidei, jūs neatradīsit bloku, kas ļautu formatēt datorprogrammas jūsu vietnē. Tāpēc, lai pabeigtu uzdevumu, jums ir jāpārslēdzas uz parasto WordPress redaktoru.

Izveidojiet savu vietni

Neatkarīgi no tā, vai izmantojat programmēšanas emuāru vai vienkārši vēlaties koplietot koda fragmentus savā vietnē, ir ļoti svarīgi zināt, kā lietot koda blokus programmā WordPress. Kodu bloki nodrošinās jūsu lasītājiem vieglu laiku un kopumā uzlabos jūsu vietnes lietošanas pieredzi. Un, kā redzat, koda bloku ievietošana ir salīdzinoši vienkāršs process, it īpaši ar vietējo WordPress redaktoru.

Vai esat mēģinājis izmantot WordPress piedāvātos kodu blokus? Kā ar spraudni SyntaxHighlighter Evolved? Lūdzu, dalieties ar mums savā pieredzē komentāru sadaļā zemāk.