Pothuajse të gjithë blogerët, krijuesit e përmbajtje ose zhvilluesit e teknologjisë ndonjëherë duhet të shfaqin copa kodi të theksuara në blogun e tyre. Kjo mund të jetë një dhimbje koke në vetvete. Megjithatë, theksimi i një ose më shumë rreshtave në këtë fragment mund të jetë gjithashtu i nevojshëm dhe ky funksionalitet për fat të keq nuk është pjesë e shumicës së integrimeve të kodit. Për fat të mirë, ekziston shtojca SyntaxHighlighter Evolved. Ne do t'ju tregojmë se si ta përdorni atë për ta mbajtur kodin sa më të pastër dhe të lexueshëm.
SyntaxHighlighter Evolution
Instalimi dhe aktivizimi i shtojcës është i thjeshtë. Mund ta gjeni në depon e plugins WP.org por sigurohuni që është bërë mirë nga Alex Mills (Viper007Bond), sepse me të vërtetë, ka shumë rezultate. Ne e dimë, megjithatë, se kjo është e besueshme dhe e azhurnuar. Për më tepër, ky vjen me një bllok të specializuar për redaktorin Gutenberg. Për të mos përmendur një numër parametrash që ju lejojnë të personalizoni përvojën tuaj, gjë që e bën zgjedhjen tonë për këtë lloj detyre.
Në menunë Parameters të pultit tuaj WordPress, do të gjeni një artikull të ri të quajtur SyntaxHighlighter . Shkoni përpara dhe klikoni mbi të. Aty mund të rregulloni çdo gjë të vogël që do t'ju duhet për të futur copëzat në faqen tuaj WordPress.
Cilësimet e sintaksës së peshave të lehta
Faqja e cilësimeve për shtojcën është relativisht e drejtpërdrejtë. Një element i veçantë që na pëlqen në lidhje me këtë shtojcë është se ju merrni një numër të mirë personalizimesh në lidhje me mënyrën se si shfaqet kodi në faqen tuaj. Mund të shtoni klasa CSS në ngulitje, të rregulloni mbushjen e numrit të linjës, zgjidhni themes ngjyrosni, përdorni skedat inteligjente dhe ndërprerjet e rreshtave dhe vendosni se si ngarkohet gjuha individuale e kodimit në të gjithë sitin duke theksuar.
Ne duam të përcaktojmë tre parametra të veçantë që shumica e njerëzve duhet të dinë.
Versioni i prizës, numrat e linjave dhe madhësitë e skedave
E para është se cilin version të shtojcës po ngarkoni. Megjithëse shtesa mbetet e azhurnuar në depo, ju mund të zgjidhni midis versioneve 2.x dhe 3.x të shtojcës , në varësi të mënyrës se si dëshironi të shfaqni kodin tuaj. Të dy janë të sigurt, megjithatë, secili prej tyre ofron veçori specifike që tjetri nuk i ofron (në kohën e shkrimit).
Nëse përdoruesit kopjojnë kodin tuaj është më i rëndësishmi, versioni 3.x do ta bëjë këtë. Sidoqoftë, nëse e juaja është më e dobishme për shfaqje sesa dobia aktuale, atëherë linja e re në versionin 2.x mund të jetë më e mirë për ju, pasi eliminon nevojën për të përdorur shiritat lëvizës. për fragmente të kodeve të mëdha.
Atëherë ju duhet të shfaqni ose jo numrat e linjës. Për pjesë të mëdha të kodit dhe udhëzimeve, numrat e rreshtave janë të paçmuar. Sidoqoftë, kur keni fragmente të shkurtra, nuk është e nevojshme t'i emërtoni përgjithmonë si linja 1 dhe 2. Heqja e tyre mund të përmirësojë dukshëm pamjen e kodit.
Dhe atëherë nuk është madhësia e skedës akoma e diskutueshme. Opsioni i paracaktuar është 4, por mund ta ndryshoni në çdo numër që dëshironi. Përfshirë vlerën e saktë të 2. (Po, e kuptojmë se nuk ka vlerë të saktë. Na pëlqen 2 hapësira për skedat.)
Kodi dhe kodet e shkurtra
Nëse shkoni në fund të faqes Parameters , do të shihni një vrojtim të kodit të madh, si dhe një numër të madh të parametrave të kodit të shkurtër. Koha juaj do të kalonte mirë duke kaluar nëpër to, vetëm për të parë se çfarë mund të bëjë të gjithë shtojcën për të shfaqur fragmentet tuaja. Gjithashtu, çdo ndryshim që keni bërë më lart në shfaqjen e kodit në cilësimet e mësipërme do të pasqyrohet këtu. Kështu që sigurohuni që të godisni save pasi të keni ndryshuar ndonjë nga opsionet.
Ndërsa disa njerëz mund të mos jenë adhuruesit më të mëdhenj të kodeve të shkurtra sepse ato mund t'ju lidhin me shtojca të caktuara, ne mendojmë se këto ia vlen të përdoren sepse janë të zgjuara dhe mbahen mend lehtë. Nëse asgjë tjetër, duhet të mbani mend dy gjëra dhe më pas shtojca do të funksionojë më së miri për ju.
ou ou ou et...bien, vous obtenez</li><li>[highlight 5-9]</li></ul>
Ose disa variacione. Nëse mund të mbani mend, jeni të sigurt për gjërat e ndryshme që mund të bëni me këtë shtojcë. Ndërsa mund të përdorni një identifikues të gjatë, plugin SyntaxHighlighter është ndërtuar aq mirë sa për të thjeshtuar punën tuaj.
Përdorni kode të shkurtra
Kudo që mund të jepni një kod të shkurtër, mund t'i përdorni ato. Në Divi ose redaktorin klasik, mund të përdorni modulin Text ose redaktorin TinyMCE dhe thjesht ngjitni kodin midis kodeve të shkurtra. Për shkak të mënyrës se si funksionon skeda Visual, ne sugjerojmë përdorimin e skedës Tekst për t'i mbajtur këto karaktere formatimi të veçanta.
Nëse jeni përdorues i Gutenberg / Block Editor, gjërat janë kaq të thjeshta. Ju përsëri mund të përdorni bllokun e tekstit për këtë. Edhe më lehtë, bllok HTML me porosi. Si më sipër, ngjisni kodin në etiketat e kodit të shkurtër.
Më mirë akoma, blloku SyntaxHighlighter Evolution është vetvetiu. Instalimi i shtojcës përfshin bllokun e vet Gutenberg; kështu që nëse nuk jeni një kod i shkurtër dhe nuk doni të ngatërroheni me cilësimet, nuk keni pse të bëni. Thjesht gjeni bllokun nën formatimit dhe futeni atë në mesazhin ose faqen tuaj.
Pavarësisht se si e futni kodin, do të shihni të njëjtin renditje në pjesën e përparme të faqes suaj të WordPress.
Për ta përmbledhur
Ju mund të duhet të paraqisni fragmente për audiencën tuaj për shumë arsye. Ndoshta ju shkruani udhëzime mësimore ose postoni zgjidhje për problemet e zakonshme që audienca mund t'i marrë dhe t'i përdorë siç dëshiron? Por ndonjëherë një integrim i GitHub thjesht nuk ofron llojin e përvojës që dëshironi për përdoruesit tuaj. Kjo është kur ju nevojitet një shtojcë si SyntaxHighlighter Evolution.
Në vetëm disa klikime, me një personalizim të vogël dhe një bllok apo kod të shkurtër të Gutenberg, audienca juaj do të eksplorojë kodin tuaj pa probleme.
