Kaip lengvai parodyti kodą savo “WordPress” svetainėje

Ar norite rodyti kodą savo „WordPress“ tinklaraščio žinutėse? Jei bandėte pridėti kodą, kaip įprastas tekstas, tada „WordPress“ jo tinkamai nerodys.


„WordPress“ paleidžia jūsų turinį naudodama kelis valymo filtrus kiekvieną kartą, kai išsaugote įrašą. Šie filtrai yra skirti įsitikinti, kad kas nors neįves kodo naudodamas pašto redaktorių, kad nulaužtų jūsų svetainę.

Šiame straipsnyje parodysime tinkamus būdus, kaip lengvai parodyti kodą savo „WordPress“ svetainėje. Mes parodysime skirtingus metodus, ir jūs galite pasirinkti tą, kuris geriausiai atitinka jūsų poreikius.

Kaip lengvai parodyti kodą „WordPress“ žinutėse

1 būdas. Parodykite kodą naudodami numatytąją redaktorių programoje „WordPress“

Šis metodas rekomenduojamas pradedantiesiems ir vartotojams, kuriems nereikia labai dažnai rodyti kodo.

Tiesiog redaguokite tinklaraščio įrašą ar puslapį, kuriame norite rodyti kodą. Įrašo taisymo ekrane pridėkite naują kodo bloką prie savo įrašo.

Pridėkite kodo bloką prie savo „WordPress“ įrašų

Dabar galite įvesti kodo fragmentą bloko teksto srityje.

Pridėkite kodą į savo tinklaraščio įrašą

Po to galite išsaugoti savo tinklaraščio įrašą ir jį peržiūrėti, kad pamatytumėte veikiantį kodų bloką.

„WordPress“ rodomas PHP kodas

Priklausomai nuo jūsų „WordPress“ temos, kodų blokas jūsų svetainėje gali atrodyti kitaip.

2 būdas. Rodyti kodą „WordPress“ naudojant papildinį

Taikydami šį metodą, mes naudosime „WordPress“ papildinį, norėdami parodyti kodą jūsų tinklaraščio žinutėse. Šis metodas rekomenduojamas vartotojams, kurie savo straipsniuose dažnai rodo kodą.

Jis suteikia šiuos pranašumus, palyginti su numatytuoju kodų bloku:

  • Tai leidžia lengvai parodyti bet kurį kodą bet kuria programavimo kalba
  • Tai rodo kodą su sintaksės paryškinimu ir eilučių numerius
  • Jūsų vartotojai gali lengvai išstudijuoti kodą ir jį nukopijuoti

Pirmiausia turite įdiegti ir suaktyvinti „SyntaxHighlighter Evolved“ papildinį. Norėdami gauti daugiau informacijos, skaitykite mūsų nuoseklų vadovą, kaip įdiegti „WordPress“ papildinį.

Suaktyvinę galite eiti į priekį ir redaguoti tinklaraščio įrašą, kuriame norite parodyti kodą. Įrašo redagavimo ekrane prie savo įrašo pridėkite „SyntaxHighlighter Code“ bloką.

„SyntaxHighlighter“ kodo blokas

Dabar įrašų redagavimo priemonėje pamatysite naują kodo bloką, kuriame galėsite įvesti savo kodą. Pridėję kodą, turite pasirinkti bloko parametrus iš dešiniojo stulpelio.

„SyntaxHighlighter“ kodo bloko nustatymai

Pirmiausia turite pasirinkti savo kodo kalbą. Po to galite išjungti linijų numerius, pateikti pirmosios eilutės numerį, pažymėti bet kurią norimą eilutę ir išjungti funkciją, kad nuorodas būtų galima spustelėti.

Baigę išsaugokite įrašą ir spustelėkite peržiūros mygtuką, kad pamatytumėte, kaip jis veikia.

Kodas rodomas paryškinant sintaksę

Papildinys pateikiamas su daugybe spalvų schemų ir temų. Norėdami pakeisti spalvų temą, turite apsilankyti Nustatymai »„ SyntaxHighlighter “ puslapis.

„SyntaxHighlighter“ nustatymai

Nustatymų puslapyje galite pasirinkti spalvotą temą ir pakeisti „SyntaxHighlighter“ nustatymus. Galite išsaugoti nustatymus, kad puslapio apačioje pamatytumėte kodų bloko peržiūrą.

Kodo bloko peržiūra

„SyntaxHighlighter“ naudojimas su klasikiniu redaktoriumi

Jei vis dar naudojate seną klasikinį „WordPress“ redaktorių, tada štai kaip naudotumėte „SyntaxHighlighter“ papildinį, kad pridėtumėte kodą prie savo „WordPress“ tinklaraščio įrašų.

Tiesiog apvyniokite savo kodą ant kvadratinių skliaustų su kalbos pavadinimu. Pvz., Jei ketinate pridėti PHP kodą, tada pridėsite jį taip:

[php]
<?php
privati ​​funkcija get_time_tags () {
$ time = get_the_time (‘d M, Y’);
grąžinti laiką;
}
?>
[/ php]

Panašiai, jei norėjote pridėti HTML kodą, apvyniokite jį aplink HTML trumpąjį kodą taip:

[html]
Nuorodos pavyzdys
[/ html]

3 būdas. Neautomatiškai rodyti kodą „WordPress“ (nėra papildinio ar bloko)

Šis metodas skirtas pažengusiems vartotojams, nes jis reikalauja daugiau darbo ir ne visada veikia taip, kaip numatyta.

Tai tinka vartotojams, kurie vis dar naudoja seną klasikinį redaktorių ir nori parodyti kodą nenaudodami papildinio.

Pirmiausia turite perduoti savo kodą naudodamiesi internetiniu HTML subjektų kodavimo įrankiu. Tai pakeis jūsų kodo žymėjimą į HTML subjektus, kurie leis pridėti kodą ir apeiti „WordPress“ valymo filtrus.

Nukopijuokite ir įklijuokite savo kodą teksto rengyklėje ir apvyniokite jį aplink bei žymas.

Kodo pridėjimas rankiniu būdu klasikiniame redaktoriuje

Jūsų kodas atrodytų taip:

Tai yra pavyzdinis saitas

Dabar galite išsaugoti savo įrašą ir peržiūrėti kodą veikdami. Jūsų naršyklė konvertuos HTML subjektus, o vartotojai galės pamatyti ir nukopijuoti teisingą kodą.

Kodo pateikimas rankiniu būdu „WordPress“

Tikimės, kad šis straipsnis padėjo jums išmokti lengvai parodyti kodą savo „WordPress“ svetainėje. Taip pat galbūt norėsite pamatyti mūsų galutinį sąrašą geidžiamiausių „WordPress“ patarimų, gudrybių ir įsilaužimų.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map