Ku ta fusni këtë kod në WordPress? Struktura e përgjithshme e skedarëve me temë. Si të futni kodin Html në faqen Html

06.12.2021 Windows Phone

Për më tepër, dëshiroj të sqaroj menjëherë se kodin do ta fusim në vetë artikullin, në mënyrë që lexuesit tanë ta kopjojnë pa humbur kohë duke shtypur vetë tekstin. Kështu, ne do të rrisim komoditetin () të burimit tonë - këtë herë. Dhe artikujt do të duken më profesional dhe të përfunduar - këto janë dy.

Do të doja gjithashtu të vërej se informacioni në këtë artikull do të jetë i dobishëm për njerëzit që ose, siç ju tregojmë, si të bëjnë lloje të ndryshme shtesash në faqe, ose përdoruesit që thjesht duan të ndajnë informacione të dobishme. Dhe nuk ka rëndësi që ky informacion është një kod 🙂 Nga rruga, unë do të zbuloj një sekret të vogël, në këtë projekt ne e shfaqim atë duke përdorur shtojcën Wp-Syntex.

Ju pyesni: "Pse e përdorim këtë të veçantë?" Përgjigja është e thjeshtë - nuk ka shokë për shije dhe ngjyrë. Shaka. Në fakt, ne zgjodhëm këtë shtojcë sepse është i lehtë për t'u përdorur, shton në mënyrë të përsosur stilin vizual në lloje të ndryshme të gjuhëve programuese (css, html, java, javascript, perl, sql, etj.), dhe nuk e mbingarkon tonë server.

Epo, meqenëse e lashë Wp-Syntex, le të përdorim shembullin e tij dhe të tregojmë se si të fusim kodin në artikuj në WordPress.

Së pari ju duhet të instaloni këtë shtojcë. Ne folëm se si ta bëjmë këtë në artikullin rreth . Prandaj, unë nuk do ta përshkruaj këtë veprim këtu.

Si rezultat, do të keni daljen e mëposhtme:

Kodi që dëshironi të shfaqet

Gjithashtu, në vend të php në këtë kod, mund të futni një gjuhë tjetër programimi, si css ose java. Në të njëjtën kohë, stili i pamjes do të ndryshojë.

Funksionet shtesë të Wp-Syntex

Nëse shtoni atributin linjë, domethënë, kodi që do t'ju duhet të futni do të fillojë kështu:

Kodi që dëshironi të shfaqet

Shpresojmë ta keni vënë re ndryshimin?

Ekziston edhe një atribut i vogël që mund t'ju duhet - ky është shpëtoi... Kjo ju lejon të konvertoni kodet e karaktereve html drejtpërdrejt në vetë karakteret. Për shembull, "& gt" konvertohet në ">". Në mënyrë që ky funksion të funksionojë, futni atributin e mëposhtëm në etiketën "pre" hapëse:

shpëtoi = "e vërtetë"

Prandaj, etiketa do të fillojë si kjo:

< pre lang= "php" line= "1" escaped= "true" >

Gjithashtu në internet, gjeta informacione se mund të instaloni një shtesë tjetër (Butoni WP-Syntax), e cila funksionon së bashku me shtojcën tonë dhe shton një buton për futjen e kodit në redaktuesin WP. Nuk isha dembel dhe vendosa të protestoja.

Menjëherë pas instalimit të tij, u alarmova nga fakti se ai nuk ishte përditësuar për një kohë të gjatë dhe nuk ishte testuar me versionin tonë të Wordpress. Epo çfarë të them, frika ime ishte e justifikuar.

Pasi aktivizova butonin WP-Syntax, vendosa të fus një skript java në një nga artikujt tanë. Bëra gjithçka siç tregohej në udhëzimet dhe rekomandimet e malit. Futa skriptin në artikull, e zgjodha dhe klikova butonin "kodi".

Pastaj ai tregoi gjuhën e programimit dhe numrin e linjës nga e cila duhet të fillojë prodhimi i skriptit.

Ju mund të pyesni, pse shkrova për këtë eksperiment në këtë artikull? Me këtë doja të them që kur kërkoni disa informacione në internet, kushtojini vëmendje datës së publikimit. Në fund të fundit, ekziston një probabilitet shumë i lartë që informacioni në artikullin e vjetër të ishte i rëndësishëm disa vite më parë, por për momentin thjesht nuk funksionon, dhe aplikimi ose zbatimi i tij mund të çojë në cenueshmërinë e projektit tuaj.

Në blogun tonë, përpiqem ta mbaj të përditësuar të gjithë materialin, të ndjek vazhdimisht përditësimet dhe, nëse është e nevojshme, të bëj rregullime në artikujt e shkruar tashmë.

Nëse dëshironi të merrni informacione të përditësuara për veten tuaj me e-mail, atëherë ju rekomandoj.

Video "Si të futni kodin HTML në një artikull"

Miq, nëse dikush preferon të shohë se si bëhet kjo, atëherë unë regjistrova një video për ju. Dhe më lejoni t'ju kujtoj se ne kemi gjithashtu një kanal në youtube ku mund të abonoheni gjithashtu.

Artikuj të ngjashëm:

Epo, shpresoj se artikulli doli të mos ishte i ndërlikuar dhe arrita t'ju tregoj në detaje se si mund të futni kodin html në një faqe interneti pa probleme të panevojshme.

Mos e lini pas dore pamjen estetike të blogut tuaj. Në fund të fundit, lexuesi ynë, si në jetë, takohet me rroba dhe largohet sipas mendjes.

Kjo është e gjitha për mua!

Mirupafshim!

Përshëndetje, Anton Kalmykov

Le të flasim për mënyrën se si të futni kodin në një faqe interneti, si të futni kodin html, kodin kundër, kodin e skriptit të palës së tretë në Artisteer. Në vetë programin, kodi mund të futet në dy vende, e para është kur krijoni fundin duke klikuar në butonin "tekst", dhe e dyta është në fund të faqes, kur vendosni cilësimet e eksportit, " Skeda "Përshkrim". Në këtë të fundit, është akoma më i përshtatshëm për të futur pasi të jetë krijuar shablloni.

Si të futni kodin numërues

Kundërkodi mund të futet në fund të faqes në vendin e treguar në foto, ky është vendi më logjik.
Në shabllone Kundërkodi i Joomla-s mund të futet duke hapur faqen index.php të dosjes së shabllonit me notepad. Ne gjejmë në fund të rreshtit:

dhe në vend të rreshtit "Projektuar nga Ekziston një mundësi tjetër fut moduli me kodin në pozicionin e korrigjimit për ta bërë këtë, krijoni një modul të lirë (siç përshkruhet më poshtë) dhe futni kodin në të.

Në shabllone Kodi numërues i WordPress në këtë vend (në fund të faqes) mundeni fut duke hapur skedarin footer.php të shabllonit të bërë dhe duke gjetur rreshtat:

Zëvendësimi i linjës,

Kodi PHP:

Mundësuar nga< a href= "http://wordpress.org/" target= "_blank" >WordPressdhe< a href= "http://www.artisteer.com/?p=wordpress_themes" target = "_blank"> Tema e WordPresskrijuar me Artisteer

Në kodin e njehsorit tuaj.

Në shabllone Kodi i numërimit Drupal mund fut duke hapur faqen page.tpl.php të shabllonit të bërë duke zëvendësuar kodin në fund:

Kodi PHP:

" " ... t ("Drupal"). "". t ("dhe"). "Tema Drupal"... t ("krijuar me"). "Artiste"; ?>.

Në kodin e sportelit ose butonit.

Fut kodin e skriptit, kodi html ju gjithashtu mund të futni në modul, dhe megjithëse këto janë pyetje të përdorimit të një CMS specifike, ne do të ndalemi në disa prej tyre.

Fut kodin HTML në modulin Joomla

Për të futur kodin në Joomla 1.5 (në joomla 1.7 është futur në mënyrë të ngjashme), duhet të krijoni një modul të ri HTML, në panelin e administratorit hapni Extensions -> Module Manager -> butonin krijoni një modul -> zgjidhni kodin HTML të personalizuar -> butonin tjetër. Tjetra, arrijmë te ajo e krijuar nga ne moduli mod_custom Ne vendosim pozicionin, plotësojmë të dhënat. Më poshtë shohim redaktorin. Në redaktues, klikoni butonin HTML:

Dhe futni skriptin ose kodin e banerit që na nevojitet. Shënim: ju lutemi vini re se përdoret redaktori TinyMSE, nëse keni instaluar një redaktues tjetër, atëherë duhet të kaloni në TinyMSE nëse butoni HTML që keni instaluar nuk është i pranishëm.

Ç'kemi djema!

Sot vendosa të prek një temë që nuk do të pushojë kurrë së qeni e rëndësishme midis krijuesve të rinj të faqeve të internetit.

Ekziston gjithmonë nevoja për të personalizuar faqet pasi ato të krijohen. Disa nga cilësimet kryhen duke redaktuar skedarët e shabllonit të instaluar të lëkurës. Për shembull, duhet të futni kodin që shfaq regjistrime të ngjashme. Por ku ta futni atë?

Shumë shpesh fillestarët bëjnë pyetje të tilla. Ata janë të shqetësuar edhe për çështje të tjera të ngjashme, zgjidhja e të cilave, në thelb, është pikërisht e njëjta. Për më tepër, në artikujt e mi të ardhshëm, shpesh do të përdor futjen e kodeve në vende të ndryshme në shabllon. Prandaj, ky material është më i dobishëm se kurrë.

Në këtë artikull, unë do t'ju tregoj se si është shumë e lehtë për ju të përcaktoni vendin në shabllonin tuaj të WordPress ku duhet të futni ndonjë kod. Do të shqyrtoj gjithashtu pika të tjera të rëndësishme që mund t'ju shqetësojnë në fazën fillestare.

Le të fillojmë nga lart dhe të shohim skedarët që mund t'ju duhet të modifikoni nëse dëshironi të futni kode me stilolapsa në vend që të përdorni shtojca, sepse ekziston një opsion i tillë. Unë nuk e mirëpres atë, por për njerëzit më dembelë do t'i përshkruaj shtojca të tilla në artikujt e mëposhtëm.

Në fillim, unë jap një mësim video, pasi pa të do të jetë e vështirë të kuptosh materialin e paraqitur në formatin e tekstit më poshtë.

Tani do të shpjegoj gjithçka në detaje në formatin e tekstit.

Skedarët përgjegjës për daljen e secilit lloj faqeje

Nëse keni lexuar shumë artikuj në bloge të tjera në lidhje me zbatimin e disa funksioneve duke përdorur kode (skriptet), atëherë jeni 100% i sigurt se keni parë fraza të tilla si:

Vendoseni këtë kod në skedarin përgjegjës për shfaqjen e faqes kryesore;
Ngjitni këtë kod në skedarin përgjegjës për shfaqjen e të dhënave dhe të tjerëve.

Ka shumë skedarë në të cilët mund t'ju duhet të futni kode. Por cilat janë këto skedarë? Gjithçka është shumë e thjeshtë.

Dalja e faqes kryesore - index.php;
Dalja e të dhënave - skedar single.php;
Shfaqja e faqeve - skedar page.php;
Shfaqja e arkivave dhe kategorive - archive.php;
Dalja nga fundi - footer.php;
Prodhimi i faqes së kërkimit - search.php;
Dalja e shiritit anësor - sidebar.php;
Skedari i stileve - style.css;
Skedari i daljes me faqe 404 është 404.php.

Tani, kur ju thonë se duhet të futni kodin në një skedar të tillë, do të dini se ku të kërkoni.

Mbetet vetëm për t'iu përgjigjur pyetjes, si të përcaktohet vendi i duhur në secilën prej skedarëve?

Përcaktoni vendin për të futur kodin

Së pari, le të kalojmë nëpër vendet që nuk kanë nevojë të identifikohen. Ata do të jenë të gjithë të njëjtë pavarësisht nga shablloni.

Vendi i parë, i cili është identik për të gjithë shabllonet, është zona në skedarin Header.php. Këto janë etiketat e hapjes dhe mbylljes. .

Disa skripta vendosen gjithmonë midis këtyre etiketave, të cilat duhet të funksionojnë për të gjitha faqet e faqes. Kjo do të thotë, ne vendosëm një skript midis këtyre etiketave, për shembull, butonat social dhe ato funksionojnë në të gjitha faqet e faqes, ku do t'i shfaqim ato.

Këto etiketa janë të vendosura në krye të skedarit Header.php.

Përmbajtja mes tyre do të jetë e ndryshme për të gjithë, pasi gjithçka varet nga shablloni.

Nëse ju thuhet ta ngjisni këtë kod midis etiketave të kokës hapëse dhe mbyllëse, atëherë kopjoni kodin, kërkoni një zonë të ngjashme në skedarin tuaj të shabllonit dhe thjesht ngjisni atë midis atyre etiketave.

Vendi i dytë, i cili është gjithashtu identik për të gjithë shabllonet, është në skedarin footer.php përgjegjës për shfaqjen e futerit.

Skriptet mund të lidhen jo vetëm duke i futur ato midis etiketave në skedarin Header.php. Ju gjithashtu mund t'i ngarkoni ato përmes skedarit footer.php, duke përshpejtuar kështu ngarkimin e faqes së faqes.

Fakti është se kur një faqe fillon të ngarkohet, ajo ngarkohet nga lart poshtë. Nëse të gjithë skriptet janë në krye të faqes, atëherë shfaqja e përmbajtjes së saj do të ngadalësohet, pasi kërkon kohë që skriptet të ngarkohen.

Detyra jonë është të tregojmë përmbajtjen e faqes, sa më shpejt që të jetë e mundur, si për vizitorët ashtu edhe për motorët e kërkimit. Në këtë rast, këshillohet të ngarkoni skriptet në fund të faqes në mënyrë që së pari të shfaqni përmbajtjen dhe më pas të ngarkoni gjithçka tjetër.

Për ta bërë këtë, duhet të hapni skedarin footer.php dhe të futni skriptin përpara etiketës së mbylljes së trupit. Ndodhet në fund të përmbajtjes së skedarit, pasi është përgjegjës për fundin e zonës së faqes.

Siç mund ta shihni, unë solla të gjitha skriptet në këtë zonë, përpara etiketës mbyllëse(e theksuar me një kornizë blu). Meqë ra fjala, i nxora përmes ngarkimit nga skedarët, dhe jo duke vendosur vetë skriptet në këtë zonë. Pas kësaj, e përshpejtova shumë blogun tim. Do të ketë një artikull të veçantë se si ta bëni këtë. Prisni!

Shpresojmë, kur t'ju thuhet të futni kodin në këto zona, do ta përfundoni pa asnjë problem.

Le të kalojmë në një pyetje më komplekse dhe të përpiqemi të mësojmë se si të përcaktojmë vendet në skedarët e tjerë të shablloneve në të cilat janë futur kode të tjera të ndryshme. Në mënyrë tipike, këto kode përfshijnë:

Shfaqja e postimeve të ngjashme;
Shfaqja e formularit të abonimit;
Shfaqja e butonave social dhe kështu me radhë.

Të gjitha këto futen pas pjesës kryesore të përmbajtjes, pra pas përfundimit të artikullit. Secili ka një kod të ndryshëm shabllon dhe, për rrjedhojë, një përgjigje universale për pyetjen "Ku përfundon kodi im i prodhimit të artikullit?" thjesht jo.

Por ju lehtë mund të përcaktoni fundin e kodit, pas së cilës ju duhet të zbatoni funksionin që ju nevojitet. Unë e kam treguar tashmë pjesërisht këtë metodë në artikullin në lidhje me zgjedhjen e një shablloni WordPress (). Më pas përdora funksionalitetin standard të shfletuesit të Internetit.

Për të kuptuar më mirë të gjithë thelbin e kësaj metode, ju rekomandoj të shikoni videon në fillim të këtij postimi. Në të tregova se si ndodh gjithçka në kohë reale. Epo, tani do të përpiqem ta përshkruaj atë sa më qartë që të jetë e mundur.

Do ta tregoj duke përdorur shfletuesin Google Chrome si shembull. Në shfletues të tjerë, ky funksion është gjithashtu i disponueshëm, mund të quhet pak më ndryshe.

Google Chrome - shikoni kodin e elementit;
Firefox - eksploroni një element;
Opera - inspektoni një element.

Parimi në 3 shfletues është i ngjashëm. Tani do t'ju tregoj se si të përcaktoni se ku të shfaqni çdo zonë në çdo shabllon.

Shkoni te pamja e kodit të elementit (Google Chrome). Klikoni me të djathtën në një zonë të zbrazët të faqes.

Pas kësaj, në fund të faqes shfaqet një panel, i cili tregon të gjithë kodin burimor të faqes, të cilin mund ta modifikojmë dhe të shikojmë se si struktura dhe pamja e shabllonit do të ndryshojë në kohë reale. Por ndryshimet e të dhënave nuk ruhen. Për ta bërë këtë, ju duhet të modifikoni vetë skedarët e shabllonit.

Kështu duket ky panel.

Me shigjetën, tregova një xham zmadhues (lupë), duke klikuar mbi të cilin mund të inspektojmë strukturën e shabllonit dhe të përcaktojmë se nga cilat blloqe përbëhet shablloni ynë. Unë e quaj këtë funksion inspektor.

Pasi të klikojmë në inspektor, mund ta lëvizim miun mbi faqen tonë dhe do të shohim që të gjithë elementët mbi të cilët kalojmë pezull fillojnë të theksohen me një sfond me ngjyrë. Si shembull, unë do të tregoj një pamje nga artikulli në lidhje me zgjedhjen e një shablloni. Aty qëndrova mbi titullin e postimit.

Nëse duhet të fusim kodin pas daljes së artikullit tonë, atëherë nuk do të jetë e vështirë të hamendësojmë se duhet të inspektojmë zonën e shabllonit tonë dhe të gjejmë një bllok që përmban të gjithë përmbajtjen e artikullit. Ju mund të kërkoni për fundin dhe fillimin e bllokut. Kjo do të thotë, ju mund të inspektoni shabllonin nga poshtë dhe nga lart.

Por ja një vërejtje ... Ne duhet të gjejmë jo vetëm rreshtat e artikullit, por blloqet në të cilat ndodhet vetë përmbajtja, pasi nuk ka artikuj në skedarët e shablloneve. Ekziston vetëm kodi që shfaq përmbajtjen dhe është i mbyllur në blloqe. Është pas etiketës së bllokut mbyllës

dhe do t'ju duhet të ngjitni kodin.

Pra, çfarë po bëjmë? Klikoni në ikonën e xhamit zmadhues dhe filloni të inspektoni zonën në të cilën ndodhet artikulli ynë. Ju duhet të gjeni një pjesë të tillë të faqes kur theksohet zona e të gjithë artikullit. Ky do të jetë blloku që shfaq përmbajtjen.

Për shembull, kam krijuar një artikull të ri me përmbajtje të vogël për të treguar se si do të theksohet ky bllok.

Ju gjithashtu duhet të vërtiteni për të gjetur bllokun që përmban përmbajtjen tuaj. Kur rri pezull, ju shihni një këshillë të vogël veglash që tregon emrin e këtij blloku.

Kur gjeni një pjesë të tillë të shabllonit, shtypni butonin e mausit dhe kjo pjesë bëhet aktive. Një linjë kodi me këtë bllok do të theksohet automatikisht në panelin e pamjes së kodit të elementit.

Siç mund ta shihni, ky bllok ka saktësisht të njëjtin emër si në udhëzuesin e mjetit hover.

Kur e dimë emrin e bllokut në të cilin shfaqet pjesa kryesore e artikullit, mund të shkojmë te skedari i kërkuar dhe të fusim kodin që na nevojitet pas këtij blloku. Le të marrim një skedar postimi (single.php) si shembull.

E hap atë në Notepad dhe kërkoj një rresht në kod që fillon saktësisht njësoj si në panelin e pamjes së kodit të elementit.

Është shumë i përshtatshëm për të punuar në redaktorin e Notepad, pasi kur klikoni në etiketën hapëse të bllokut, theksohet edhe etiketa mbyllëse (treguar në imazhin e mësipërm). Etiketa fundore tregon se ky është fundi i daljes së përmbajtjes. Është pas tij që ne mund të fusim butonat tanë socialë, postimet përkatëse dhe funksione të tjera.

Sapo futa butonat social atje së bashku me formularin për t'u regjistruar për përditësime.

Kështu shfaqen në faqe.

Në mënyrë të ngjashme, ai futet në skedarë të tjerë shabllonesh (faqe, kategori, arkiva ...).

Pa praktikë, kjo metodë e futjes nuk ka gjasa të zotërohet nga teksti dhe imazhet. Prandaj, merrni dhe provojeni. Jam i sigurt se gjithçka do të funksionojë. Gjithashtu për të ndihmuar videon në fillim të artikullit.

Rreth përcaktimit të vendit në skedarin e shabllonit për futjen e mëvonshme të asaj të dëshiruar në të, kur e kuptuam.

Ka një moment të fundit, e cila ia vlen të shenjtërohet në këtë pikë.

Ka shumë cilësime që kërkojnë ndërhyrje në skedarin funksione.php të shabllonit. Por, si të futni kode në të, gjithashtu duhet të kuptoni.

Si rregull, në të gjitha blogjet shkruajnë se futja duhet të bëhet në fund të skedarit përpara etiketës mbyllëse?>.

Por, çka nëse kjo etiketë nuk është në skedar? Për shembull, unë thjesht nuk e kam atë. Si të jesh në një situatë të tillë? Mungesa e një etikete fundore nuk do të thotë që skedari është i pavlefshëm. Blogu funksionon. Kështu që gjithçka është në rregull.

Në këtë rast, unë propozoj të bëjmë të kundërtën - futeni në kodin që në fillim të skedarit, përpara etiketës hapëse. Hidhini një sy imazhit më poshtë.

Etiketa hapëse theksohet me të kuqe dhe kodi që është futur theksohet me blu.

Ky është një opsion. Ju gjithashtu mund të ngjitni kodin në fund të skedarit, por përpara kodit të fundit. Në këtë rast, duhet të kuptoni të paktën pak se ku fillon kodi i fundit, në mënyrë që të mos e ndërpreni atë.

Kjo eshte e gjitha. Nëse papritmas keni të njëjtën situatë me mungesën e një etikete mbyllëse në skedarin funsctions.php, do të dini se si të vazhdoni.

Përcaktimi i stileve vizuale në një shabllon

Gjithashtu, ne vetë mund të shikojmë stilet e dizajnit për elementët e faqes dhe t'i ndryshojmë ato, si dhe të shtojmë tonën. I njëjti inspektor i elementeve ndihmon me këtë.

Kur gjejmë elementin e kërkuar dhe klikojmë mbi të, stilet për bllokun (elementin) e zgjedhur shfaqen në zonën e djathtë të panelit të pamjes së kodit. Unë do t'ju tregoj stilet për të njëjtin bllok artikujsh të diskutuar më lart.

Nëse duam t'i modifikojmë këto stile në kohë reale dhe të shohim se si do të duket ky apo ai element, ne mund t'i ndryshojmë ato pikërisht në këtë panel. Thjesht klikoni mbi vlerat e stileve të dëshiruara dhe ndryshoni ato.

Por ndryshimet do të jenë të vlefshme vetëm deri në rifreskimin e faqes së parë. Për të aplikuar këto stile, duhet t'i shtoni ato në fletën e stilit të shabllonit. Në një nga imazhet e mësipërme, tregova me një kornizë blu një zonë që tregon emrin e skedarit në të cilin janë shkruar këto stile, si dhe vijën e saktë nga e cila fillojnë.

Prandaj, hapni stilin style.css dhe kërkoni rreshtin 890 në rastin tim.

Këtu mund t'i modifikoni ato. Ruani skedarin dhe ngarkoni atë në host.

Vini re se unë redaktoj të gjithë skedarët në kompjuterin tim. Në këtë rast, unë përdor programe të jashtme, të cilat bëjnë të mundur zhbërjen e çdo ndryshimi nëse lind ndonjë problem. E njëjta gjë vlen edhe për eksperimente të ndryshme me kode dhe skripta - gjithçka është aktive.

Unë rekomandoj fuqimisht që të kryeni gjithashtu një redaktim të ngjashëm të çdo skedari në kompjuterin tuaj. Për ta bërë këtë, së pari duhet të shkarkoni skedarët në kompjuterin tuaj nga hosti juaj duke përdorur një klient ftp. Kam shkruar për këtë në. Dhe pastaj thjesht hapni skedarët me çdo redaktues të përshtatshëm për ju që mund t'i hapë ato. Unë përdor Notepad për këtë qëllim.

Kjo përfundon artikullin. Këtu është një proces kaq i ndërlikuar për të përcaktuar se ku të futni një kod ose skript. Në pamje të parë, kjo procedurë mund të duket e ndërlikuar. Por gjithçka është shumë e thjeshtë. Do të provoni disa herë dhe nuk do të bëni pyetje të tilla.

Sigurisht, ju mund të futni kode dhe skripta në blogun tuaj duke përdorur shtojca speciale, të cilat patjetër do t'i konsideroj në artikujt e mëposhtëm. Por, për të shmangur përdorimin e tyre, mund të bëni veprime të tilla pa to, gjë që unë rekomandoj. Duke e bërë këtë, ju do të shpëtoni nga ngarkesa e panevojshme në sit, duke e përshpejtuar atë dhe duke e bërë atë më të përshtatshëm për përdorim nga vizitorët tuaj.

Te gjithe shoket. Kjo përfundon. Pres pyetjet tuaja në komente. Le ta kuptojmë. Shihemi në materiale të reja.

Përshëndetje, Konstantin Khmelev.

Kemi publikuar një libër të ri, "Marketingu i përmbajtjes në mediat sociale: Si të hyni në krye të abonentëve dhe të bini në dashuri me markën tuaj".

Ka shumë mjete atje për t'ju ndihmuar të përmirësoni faqen tuaj të internetit, të përmirësoni biznesin tuaj në internet dhe të përmirësoni angazhimin e klientit. Shumë nga këto mjete janë falas. Por, çka nëse nuk jeni zhvillues uebi dhe nuk dini si t'i instaloni ato në faqen tuaj? Kjo është një pengesë e madhe.

Sado ironike që mund të tingëllojë, një biznes që zhvillon mjete të dobishme për faqen tuaj ka gjithashtu një pengesë për prosperitetin e tij - nevojën për të imponuar instalimin e kodit të tij tek përdoruesit.

Le të përpiqemi të zgjidhim dy probleme njëherësh duke folur për mënyrat më të zakonshme për të futur kodin / fragmentet (fragmentet) JavaScript për faqet e internetit:

Në WordPress.
Panele administratori të shkruara vetë (duke përdorur FTP të shkollës së vjetër).
Në Squarespace.
Në Shopify.

Ne do të prekim Wix në fund të artikullit. Në shumicën e rasteve, kjo platformë nuk lejon instalimin e kodeve apo fragmenteve JavaScript, por ofron një alternativë në formën e integrimeve për shërbime të ndryshme.

Ku të merrni kodin e instalimit

Le të shohim se ku mund të gjejmë kodin e instalimit duke përdorur shërbimin Crazy Egg si shembull.

Procesi është standard: futim të dhënat e regjistrimit, pas ngarkimit futemi në pult. Atje po kërkojmë një seksion me një kod.

Si të futni kodin në një faqe WordPress

Ju mund të përdorni një shtojcë të veçantë - Tracking Code Manager.

Për të futur Menaxherin e Kodit të Gjurmimit, shkoni te paneli i administratorit të faqes dhe kërkoni seksionin e shtojcave në panelin e kontrollit.

Zgjidhni funksionin "Shto të re".

Një shirit kërkimi do të shfaqet në të djathtë. Futni "Tracking Code Manager", pastaj klikoni "Instalo Tani".

Pas përfundimit të instalimit, duhet të siguroheni që shtojca të jetë aktivizuar. Le të shkojmë te cilësimet.

Kliko "Shto kod të ri gjurmimi".

Mund të bëni pa shtojcën Tracking Code Manager. Në këtë rast, opsioni ynë është të ngjisni kodin në skedarin header.php të temës së WordPress (më shumë për këtë më vonë).

Si të instaloni kodin në WordPress.com

Një faqe WordPress dhe një sajt WordPress.com janë dy gjëra të ndryshme.

Një sajt WordPress është një sajt që menaxhohet nga një CMS i instaluar në serverin e vet. Kjo do të thotë që keni paguar për emrin e domenit (myname.com) dhe për pritjen.

Faqja e WordPress.com është falas. Ju mund të regjistroni një faqe interneti në të pa paguar për pritjen. Në këtë rast, URL-ja e faqes do të jetë: myname.wordpress.com. Ka disa hapa shtesë që duhet të ndërmerrni për të ndryshuar emrin e domenit tuaj.

Kur drejtoni faqen tuaj në WordPress.com, ju jeni të kufizuar në zgjedhjen e kodeve JavaScript dhe fragmenteve që mund të instaloni. Arsyeja është në protokollin e sigurisë - zhvilluesit nuk i lejojnë përdoruesit të fusin kode në platformë. Për shembull, zhvilluesit e MySpace lejuan. Natyrisht, kjo është arsyeja pse faqja ra nga vendi i 5-të në botë në 1967 në gjashtë vjet.

Në të njëjtën kohë, WordPress.com u ofron përdoruesve bonuse të ndryshme për drejtimin e një biznesi. Për shembull, integrimi me Google Analytics ose aftësia për të shtuar butona të mediave sociale. Por në disa raste, kjo mund të mos jetë e mjaftueshme.

Si të instaloni kodet dhe fragmentet JavaScript në një panel administratori të personalizuar

Duke përdorur FTP. Do të duhet të kthehemi te bazat.

Në ditët e sotme, shumë faqe janë të shkruara vetë. Faqja e shkruar vetë është krijuar nga e para, nuk përdor CMS për menaxhimin e përmbajtjes.

Le të imagjinojmë se ne kemi vetëm një faqe të tillë. Do të jetë pak më e vështirë të vendosni kodin në të sesa në WordPress, sepse do të duhet të mbani mend për FTP.

Menaxherët FTP si FileZilla ju lejojnë të tërhiqni dhe lëshoni skedarë dhe imazhe nga një faqe interneti në një server. Duke përdorur programin, mund të shtoni skedarë në server ose t'i shkarkoni ato, të zëvendësoni skedarët e vjetër me të rinj, të fshini të dhënat e panevojshme, të ndryshoni emrat e dokeve.

Nuk ka asgjë të komplikuar në protokollin e transferimit të të dhënave: pas 20 minutash mund të ndiheni si profesionist. Për shumicën e njerëzve, pjesa më e vështirë është thjesht kontaktimi me serverin.

Nëse keni ndonjë problem me serverin, kontaktoni kompaninë tuaj pritëse. Mund të zgjasë një orë, por pas 60 minutash do të dini gjithçka që duhet të dini. Zakonisht rekomandoj regjistrimin e bisedave të tilla përmes ScreenRecorder. Ose të paktën bëni shënime me dorë.

Pasi të keni hyrë në serverin FTP, sigurohuni që ta bëni. Nëse bëni një gabim, skedarët e rëndësishëm nuk do të shkojnë askund. Ju mund të bëni një kopje rezervë thjesht duke zvarritur dhe hedhur të gjithë skedarët nga serveri në kompjuterin tuaj.

Në mënyrë tipike, API-ja e menaxherit FTP ka dy kolona. Për shembull, në imazhin më poshtë, në kolonën e majtë, shihni skedarët që janë ruajtur në kompjuterin tuaj. Në të djathtë - skedarë nga serveri.

Për të ndryshuar ose shtuar skedarë, thjesht tërhiqni dhe lëshoni ato nga një kolonë në tjetrën.

Paralajmërim

Zëvendësimi i skedarëve është i rrezikshëm. Mund të zëvendësoni lehtësisht një version të ri të një skedari me një të vjetër dhe të humbni më shumë të dhëna aktuale, të fshini aksidentalisht diçka të rëndësishme ose të bëni një gabim tjetër. Kopja rezervë ju lejon të mbroni nga gabime të tilla dhe të mbroheni nga problemet e panevojshme. Mos harroni të ruani të gjithë skedarët në një dosje të veçantë në kompjuterin tuaj përpara se të bëni ndonjë ndryshim.

Si të futni kodin duke përdorur header.php

Le të themi se kemi një faqe interneti që përdorim WordPress për të menaxhuar. Për të futur kodin, duhet të gjejmë skedarin header.php ose një skedar tjetër të quajtur kokë ose kokë.
Kreu nevojiten për të aktivizuar një kod ose fragment JavaScript në të gjitha faqet e sajtit. Ju mund të përdorni një program falas si Sublime Text për të hapur skedarin. Me ndihmën e tij, ju duhet të hapni një skedar që është i ruajtur në kompjuterin tuaj, dhe jo një skedar të ngjashëm në server.

Kur hapim skedarin në Sublime Text, mund të shohim ylberin nga kodi i ngjyrave. Mos kini frikë, gjithçka është e thjeshtë atje.

Të gjitha faqet ndahen në dy seksione - Koka dhe trupi. Titujt shënohen me kod HTML dhe... Trupi - dhe.

Shumica e gjërave që e bëjnë faqen të funksionojë dhe shfaq tekstin janë në mes të këtyre dy seksioneve. Ju mund të përdorni kërkimin e faqeve për të gjetur këto etiketa.
Në shumicën e rasteve, mund të futni kodin menjëherë përpara etiketës mbyllëse.

Pasi të keni futur kodin ose fragmentin, ruajeni skedarin dhe ngarkoni atë në server. Gati.

Tani në lidhje me panelet e administratorëve të shkruar vetë. Nëse faqja juaj është ndërtuar me dorë dhe nuk mund të gjeni skedarin e kokës ose të kokës, ka shumë të ngjarë që do t'ju duhet të futni kodin manualisht në secilën faqe. Më shpesh, kjo nuk shkakton shumë vështirësi.

Imazhi i mësipërm është një sajt hipotetik HTML që përbëhet nga katër skedarë HTML. Nëse do të donim të fusnim ndonjë kod në të, do të duhej t'i hapnim të gjithë këta skedarë një nga një dhe të fusnim kodin ose fragmentin në etiketat e secilit prej tyre. Pas kësaj, procesi është standard: ne i ruajmë skedarët dhe i ngarkojmë në server në vend të atyre të vjetër.

Si të futni kodin në një faqe interneti Squarespace

Squarespace e ka bërë të lehtë për përdoruesit e tij. Ju mund të përdorni "injeksionin e kodit" për të futur kodin ose fragmentin JavaScript. Në meny, shkoni te skedarët Cilësimet> Të avancuara> Injektimi i kodit. Mund të shtoni kod në ose fundi i faqes.

Ne gjejmë cilësimet.

Lëvizni poshtë dhe klikoni në "Avancuar".

Ne zgjedhim "Injeksionin e kodit".

Ngjitni kodin dhe ruani ndryshimet.

Si të futni kodin në Shopify

Në panelin e kontrollit, gjeni seksionin me Dyqanet Online dhe zgjidhni Temat.

Për të hyrë në skedën e dëshiruar, klikoni në "Veprimet" dhe zgjidhni "Ndrysho HTML / CSS".

Na duhen fragmente.

Duke klikuar mbi opsionin do të hapet një kuti dialogu me aftësinë për të shtuar një fragment të ri.

Jepni një emër fragmentit dhe klikoni në butonin Krijo fragment.

Fut kodin e fragmentit në zonën "pjesë e ndjekjes.liquid". Kliko ruaj.

Si të futni kodin nëse faqja juaj është në Wix

Wix u bë shpejt një ndërtues i njohur i faqeve në internet. Ashtu si WordPress.com, ai vendos kufizime për përdoruesit e tij në aftësinë për të futur kode.

Por Wix ofron një zgjidhje në formën e Tregut të aplikacioneve Wix. Aty mund të gjeni një sërë miniaplikacionesh për marketing, media sociale dhe analitikë. Meqë ra fjala, aty mund të votoni edhe për widget-in më të nevojshëm.

Pershendetje te dashur miq. Sot, në vazhdim të temës, duke përshpejtuar shpejtësinë e ngarkimit të blogut, le të flasim për mundësinë e zëvendësimit të shtojcave me skriptet "të lehta". Skriptet, ndryshe nga shtojcat, kanë një ngarkesë shumë më të ulët në server, dhe për këtë arsye shpejtësia e ngarkimit të faqes do të jetë më e lartë. Sot ka shumë shtojca dhe ato janë në gjendje të zgjidhin shumë probleme të blogerëve. Por shpesh, këto shtojca mund të zëvendësohen me skripta më të shpejtë. Dhe ndonjëherë mund të çaktivizoni plotësisht shtojcat e panevojshme. Dhe sa më pak shtojca të palëve të treta, aq më e lartë është shpejtësia e ngarkimit të faqes ose blogut.

Nëse analizoni shpejtësinë e ngarkimit të faqes, mund të shihni se cilat shtojca ngadalësojnë shpejtësinë e ngarkimit të faqes tuaj. Çfarë shërbimesh të përdor për verifikim kam shkruar. Në rastin tim, frena më e madhe është një shtojcë që ju lejon të shfaqni shembuj të kodit burimor në artikuj, me theksimin e sintaksës për këtë kod. Ky plugin quhet SyntaxHighlighter.

Rezultati i testit nuk u përshtat as në faqe. Sigurisht, theksimi i kodit është shumë i bukur, por nëse e kuptoni, nuk bëhet fjalë për theksimin. Në përgjithësi, efikasiteti i kodit është i rëndësishëm. Dhe nëse kodi është futur sapo, atëherë ekziston një probabilitet i lartë i mosfunksionimit të tij.

Dhe sot do t'ju tregoj se si ta zëvendësoni shtojcën SyntaxHighlighter me kod të rregullt dhe madje të futni një buton në panelin e redaktimit të blogut tuaj.

Si të futni një kod në një artikull pa një shtojcë

Dihet që në WordPress, për të shfaqur një shembull të kodit burim në një artikull, kur shtypni një artikull nga redaktori vizual, mjafton të shkoni në testin dhe të vendosni kodin e kërkuar në etiketa.

Kodi juaj

Por një kod i tillë vështirë se do të dallohet në pjesën më të madhe të tekstit të artikullit tuaj. Dhe kështu mund të shtoni stile të shumta, të themi, ngjyrën e sfondit, ngjyrën e shkronjave, kufirin, e kështu me radhë. Në këtë mënyrë kodi juaj do të paraqitet më qartë në formën e një shembulli.

Si të ndryshoni pamjen e kodit të shfaqur

Kjo është mjaft e thjeshtë për t'u bërë.

opsioni 1

Mund t'i caktoni etiketës

Klasa, për shembull, class = "cod" dhe vendosni stilet e kërkuara në skedarin style.css.

.cod (gjerësia: automatike; ngjyra e sfondit: whitesmoke; kufiri: 1px solid # C7C3C3; rreze-kufi: 5px; ngjyra: # 167dec;)

Opsioni 2

Ju mund të vendosni stile drejtpërdrejt kur futni kodin. Do të duket diçka si kjo:

Kodi juaj

Dhe në shembullin e parë dhe të dytë, nëse kodi i futur del jashtë kufijve të artikullit, duhet të shtoni vetinë e tejmbushjes: auto; e cila do t'ju lejojë të manipuloni elementin e bllokut.

Këto metoda janë të mira për të gjithë, por unë do të doja diçka më të thjeshtë. Në përgjithësi, përsëri përtacia - motori i përparimit ju bën të gjeni diçka që do ta lehtësojë këtë proces.

Si të shtoni butonin "Fut kodin" në panelin tuaj të redaktimit të WordPress

Një buton i thjeshtë në panelin e redaktimit të WordPress do ta bëjë këtë proces më të lehtë. Dhe duket kështu.

Nëse dëshironi të vendosni një buton të tillë mbi veten tuaj, atëherë do t'ju duhen disa minuta kohë dhe disa skedarë nga unë. Pra, le të fillojmë.