Metoda de inserare a codului html este ușor diferită, în funcție de locul exact în care trebuie să-l lipiți. În consecință, vom lua în considerare diferite opțiuni.
Pentru a introduce codul html pe site, și în special în textul unui articol pe una dintre paginile site-ului, accesați panoul administrativ, selectați și deschideți articolul dorit pentru editare. Apoi, modul editor vizual trebuie schimbat în modul de editare. Când lucrați cu un sistem CMS, pentru a schimba modul, apăsați pur și simplu . Apoi copiați și inserați codul html în locul planificat.
Adesea, după lipire, doriți să formatați puțin codul, de exemplu, setați textul să înfășoare codul de pe cealaltă parte. Există o modalitate ușoară de a face acest lucru folosind proprietățile CSS.
Folosind eticheta
Pentru ca atunci când salvează un articol, editorul vizual să nu decupeze modificările care, în opinia sa, nu sunt cod html, este mai bine să-l dezactivezi la introducerea codului. Eliminarea modificărilor de către editor este concepută pentru a preveni amenințarea cu posibile coduri rău intenționate.
Cum se dezactivează editorul vizual?
În panoul administrativ, faceți clic pe „Site” - „Setări generale” - „Site” iar în linia „Editor vizual” selectați „Fără editor”. Acum va fi posibil să editați și să inserați codul html în modul cod html. După ce ați lipit codul și ați salvat modificările, editorul vizual poate fi reactivat.
Dacă doriți să reeditați articolul, va trebui reintrodus și codul html. Uneori este necesar ca codul html să fie afișat pe fiecare dintre paginile site-ului. Inserarea codului html astfel incat sa fie afisat pe fiecare dintre paginile site-ului.
Pentru a rezolva această problemă, utilizați notepad sau alt editor pentru a introduce fișierul principal al site-ului (prestabilit este index.php sau index.html). Într-un fișier deschis, alegeți locația preferată pentru a lipi codul. Pentru comoditate, puteți specifica o expresie în căutare, situată în locul în care trebuie să lipiți codul, astfel încât să îl puteți găsi mai repede. Apoi copiați codul și inserați-l unde doriți. Dacă este necesar, codul poate fi formatat în același mod în care a fost descris pentru formatarea codului în articol.
Salutare tuturor cititorilor și abonaților! cei care nu au avut timp să devină unul - vă rog, pentru a fi primii care află de la mine despre noi postări de pe site-ul Video Blog
Așa că, zilele trecute, am întâmpinat o problemă, nu am putut introduce codul html în pagină, am căutat prin Google, Yandex și chiar prin căutare prin e-mail, dar nu am găsit un răspuns specific la întrebarea mea despre cum să o fac ca aceasta.
este foarte ușor să faci asta, trebuie doar să folosești eticheta textarea + să folosești parametri suplimentari pentru înălțime, lățime și umplutură
Să punem ordine cum și ce. Pe wordprese, puteți pur și simplu să puneți codul necesar în editorul vizual și acesta va fi afișat astfel:
Dar după cum puteți vedea, codul nu este afișat frumos și nu este foarte convenabil să îl copiați. Deci, pentru a implementa astfel de sarcini, trebuie să utilizați eticheta:
.
De asemenea, amintiți-vă că această etichetă trebuie inserată într-un editor de text nu numai pe motorul wordpress, ci pe orice motor.
Este necesar să luați în considerare și să utilizați etichete suplimentare care adaugă parametrii de indentare din linia de sus stil=marja: 2px; De asemenea, parametrul de înălțime: înălțime: 40px; și, desigur, parametrul lățime: latime: 660px
Acum voi rezuma ceea ce am scris. La deschiderea codului
Și, în sfârșit, așa cum am promis, atașez o fișă cheat:
Cum se inserează codul html în pagina html?
—————————————
Copiați eticheta în blocnotes și între inserați codul de mai jos, în timp ce înlocuiți linkul către site-ul dvs. și linkul către bannerul dvs
Note de subsol:
*
- o etichetă care vă permite să încorporați orice etichetă HTML pe orice pagină web
*stil- un parametru responsabil pentru stilul, dimensiunea, culoarea textului din interiorul etichetei
* marja: 5px- parametrul de indentare
* latime: 660px- parametrul de lățime
* înălțime: 80px;- parametrul de înălțime
Asta e tot dragi prieteni, abonați-vă la fluxul RSS și, de asemenea, la canalul meu de youtube
Bună dispoziție tuturor. 🙂
Despre autor
Mulți probabil nu înțeleg de ce mi-am numit blogul Ridicare socială de la întuneric la soare Apoi o să spun și să explic. Pentru mine, internetul este un lift în care mă plonjez la nivelul de aptitudini, abilități și câștiguri de care am nevoie; dar social, pentru că este pentru oameni, pentru societate, pentru cei care își doresc, pentru cei care seamănă foarte mult cu viziunea mea. Întuneric- asta e un nemernic, sau cu alte cuvinte, fundul unei vieți obișnuite în care am fost, în care mulți acum, da, probabil jumătate din oamenii din țara noastră sunt în nenorocitul ăsta, care cred că acesta este un pescăruș, dar nu ... Soarele- aceasta este ceea ce dă viață absolut tot ceea ce trăiește pe planetă, inclusiv noi. Dacă nu ar exista soare, nu ar exista viață. Soarele este energia pentru viață. Și pentru a rezuma totul, InternetLIFT- aceasta este o oportunitate pentru utilizatorii de internet obișnuiți care lucrează pentru unchiul lor, au probleme financiare, visează să se îmbogățească, dar nu știu de unde să înceapă. Internet Lift este o platformă care îi va ajuta pe cei care doresc să devină puțin sau semnificativ cunoscători în complexitatea și schemele de câștig. Ei vor putea învăța de unde să înceapă, unde să meargă și cum să devină propriul tău șef. Sper că sfaturile și articolele mele ne vor ajuta și pe tine și pe mine. De când într-o zi vei înțelege de ce eu blog, dacă știi ceva, este valoros doar când îți amintești. Iar când înregistrați și distribuiți, va rămâne pentru totdeauna, inclusiv în memoria voastră!!!Desigur, nu toată lumea are nevoie de aceste informații, ci doar cei care pe paginile lor împărtășesc cititorilor cele mai bune practici în alegerea codului (citiți curajul site-ului) și unele dintre upgrade-urile acestuia prin... ei bine, înțelegeți Prin intervenție în "genetica"! Ceea ce ai crezut?
Privind în perspectivă, până am început povestea principală, pot să vă spun că voi continua să chic, despre ce voi scrie și care, foarte probabil, vă poate fi de folos dacă aveți și propria dvs. resursă de creativitate la tastatură pe Web . Și de aceea, vă recomand să urmăriți lansarea de noi articole, pentru a nu rata lansarea unui boboc. Mai ales dacă nu ai făcut-o încă, mă întreb de ce?
Și acum, dragii mei frumoși, începe - povestea.
Poate apărea o întrebare rezonabilă, dar împrumutul trebuie, în general, să se deranjeze cu introducerea codului? De ce trebuie să faceți un fel de evidențiere a codului și de ce nu îl puteți lipi, cum ar fi textul, de exemplu?
Și totul este simplu - dacă încerci să inserezi codul exact așa, atunci în loc să-l afișeze, va începe uneori să ruleze și să facă toate funcțiile pentru care a fost destinat, în plus, chiar acolo unde îl inserezi. Din toate aceste „farmece” site-ul poate „pluti”, se poate „răuci”, iar articolul în sine se transformă în ceva de neînțeles și ceva la mijloc - urât! Da, și codul însuși în forma sa „goală”, un „spectacol” nu foarte lizibil, care pentru o privire nepregătită poate reprezenta o substanță nedigerabilă, din care, privitorul poate chiar să dezvolte o reticență de a înțelege orice și de a pătrunde în esență. a ceea ce se întâmplă. Pe scurt, nu este! Da, poți vedea singur dacă te uiți, de exemplu, la imaginea din cod:
Pentru a-l face „,” există mai multe opțiuni, și mai precis 3. Voi încerca să descriu totul, așa cum am promis la început, iar dvs. decideți care dintre ele vă va fi mai convenabil și mai plăcut de implementat și perceput.
Cum să inserați codul html în corpul unui articol frumos și corect.
Opțiunea #1 - evidențierea codului prin plugin-ul WP-Syntax.
Mai precis, această opțiune este implementată printr-o grămadă de două plugin-uri - pentru ușurință în utilizare. Prima parte a pachetului se numește: WP-Syntax și îndeplinește funcția principală. Iar a doua parte este una de service și se numește Butonul WP-Syntax, care implementează munca prin apăsarea unui buton, pe care tocmai acest buton îl adaugă pe tabloul de bord al editorului wordpress. Descărcați ambele părți ale acestui pachet fie printr-o căutare în panoul de administrare al blogului după nume, fie din paginile depozitului motorului. Pagina de depozit pentru WP-Syntax este aici. Și pagina pentru WP-Syntax Button . Nu suntem în autobuz, nu?
Instalarea este standard - găsită, descărcată, activată. Vă rugăm să rețineți că pluginul Button nu a fost actualizat de peste doi ani și nu există date despre compatibilitatea acestuia cu noua dvs. versiune de WordPress, ceea ce vă poate alerta. Dacă sunteți îngrijorat de această circumstanță, atunci nu puteți descărca butonul și vă descurcați doar cu prima parte a pachetului - și acest lucru va funcționa, doar că mai puțin convenabil. De la mine, pot spune că folosesc setul complet și totul funcționează.
Dacă instalați totul, atunci veți avea un nou buton „Cod” pe panoul editorului.
Pentru a lipi codul prin acest plugin, trebuie mai întâi să-l lipiți în modul vizual (normal, unde tastați), să îl selectați cu mouse-ul, apoi să faceți clic pe butonul „Cod” și să selectați limba care se potrivește cu codul dvs. din meniul drop-down listă. În același timp, puteți seta numerotarea liniilor specificând numărul primelor din Line Number. Odată selectat, apăsați pe Inserare.
În același timp, după salvarea/actualizarea postării/paginii, veți vedea ceva de genul acestei imagini cu codul dvs. de imagine frumos inserat, de exemplu:
Dacă nu ați instalat partea WP-Syntax Button, atunci va trebui să utilizați această combinație de cod pentru a introduce codul:
Introdu codul tau aici
Unde, Limba este limba codului dvs. Această combinație trebuie introdusă în editorul HTML și introduceți codul în interior. Lista limbilor acceptate se află pe această pagină de plugin. Opțiunea de a introduce un astfel de cod nu este foarte convenabilă, dar cineva poate avea nevoie de el. Rezultatul va fi cam asa:
| 1 | Introdu codul tau aici |
Opțiunea #2 - Evidențierea sintaxei prin pluginul SyntaxHighlighter Evolved, al cărui nume este exact ceea ce este tradus. Îl puteți descărca căutând numele în panoul de administrare a blogului sau din această pagină de plugin. Instalarea este standard. Acest plugin funcționează ca și precedentul, dar într-un mod mai puțin convenabil.
După instalare, veți avea opțiunea de meniu Settings> SyntaxHighlighter, unde vor fi toate setările acestuia. Da, am uitat să spun că pluginul este în engleză și în non-rusă - un dezavantaj. Dacă ceva nu este clar, atunci folosește traducerea paginii.
Setările pluginului pot fi lăsate implicite - sunt funcționale. Sau puteți seta valorile, ca în imagine cu un exemplu de setări:
Dacă sunteți confuz, atunci în setări există un buton Resetare la valorile implicite - resetarea setărilor la cele originale. Și, de asemenea, în partea de jos a paginii, sub butoane, există o previzualizare a afișajului codului - vă puteți juca în siguranță și alege propria versiune a setărilor și a ieșirii codului. Există o listă de limbi acceptate și o descriere mai detaliată a setărilor sale - totul este în rusă, vă veți da seama.
Pentru a insera cod html sau php într-o postare a site-ului cu acest plugin, trebuie să aplicați una dintre construcțiile din exemplul din pagina de setări a pluginului (în partea de jos):
Când scrieți o postare, treceți la editorul HTML, selectați opțiunea de limbă dorită din exemplu, inserați-o și inserați codul în interior. Se va dovedi cam așa:
Aici introduceți codul lung
Opțiunea numărul 3 - introduceți codul html sau php fără un plugin.
Pentru a face fără plugin și pentru a introduce codul html în corpul blogului, trebuie să-l încadrați în următorul cod:
INTRODUCEȚI CODUL AICI
Unde, înălțimea și lățimea sunt, respectiv, înălțimea și lățimea câmpului de ieșire cu codul în pixeli, culoarea este culoarea. Puteți alege culoarea cu pipeta în, despre care am scris deja. Lățimea și înălțimea pot fi ajustate în funcție de parametrii site-ului dvs. Ieșirea va fi cam așa:
Este, desigur, mai puțin atractiv ca aspect și funcționalitate, dar nu încarcă blogul cu pluginuri inutile, deși eu însumi nu folosesc această metodă. L-am adus pentru o schimbare.
Cred că acum decideți cum să inserați frumos codul html într-un blog.
Aici îmi voi încheia discursul. Sper că am făcut ceva bun pentru tine astăzi. Mulțumesc că ai citit.
Puțin pozitiv:
Făcând clic pe butoanele sociale și comentariile sunt binevenite!
Urmăriți butoanele, spuneți-le prietenilor despre articol - acesta este pentru bani!
„V-am spus cum să vă înregistrați pe site-ul liveinternet și să obțineți codul de contor html.Pentru a introduce codul, vom folosi minunatul plugin Sourcerer. Acest plugin este conceput pentru site-urile realizate pe platforma joomla și servește la introducerea oricăror coduri, cum ar fi (PHP, HTML, CSS, JavaScript).
Aș dori să notez imediat că versiunea gratuită a acestui plugin este ușor redusă în funcționalitate. Dar acest lucru nu afectează în niciun fel funcțiile principale. Descărcați pluginul Sourcerer pentru joomla 3 poate sa
După ce descărcați pluginul, trebuie să îl instalați. Cum se instalează extensii pe joomla 3, am scris. Nu este nevoie să-l configurați, dezvoltatorul a stabilit valorile optime. Rămâne să introduceți codul pe paginile site-ului.
Cum să inserați codul într-un site web folosind un modul
În primul rând, trebuie să accesați panoul de administrare joomla 3. În continuare: Extensii > Module Manager.
Apoi apăsați butonul " Crea „. Astfel vom crea un nou modul. 
În secțiunea „Selectarea tipului de modul”, faceți clic pe linkul „Cod HTML”.
În modulul creat, trebuie să completați câmpul „Titlu”.
Acum copiați codul necesar și inserați-l între aceste etichete.
Rămâne de completat câmpurile standard ale modulului. Unde specificați dacă să afișați sau nu titlul, selectați poziția modulului și în bara de stare, puneți „Publicat”. 
În cele din urmă, faceți clic pe butonul „Salvare”.
Acum, puteți deschide site-ul și puteți verifica funcționarea modulului nou creat. 
Cum se introduce codul într-un articol
După instalarea pluginului Sourcerer, în editorul de materiale, scrieți etichetele (sursă) (/sursa) și lipiți codul necesar între ele. După cum puteți vedea, totul este la fel ca în modul. 
Asta e tot, dacă cineva are întrebări, pune-le în comentarii. Repet, la fel, puteți încorpora pe site-ul joomla 3 ( coduri PHP, CSS, JavaScript).
Doriți să aflați care este cea mai simplă modalitate de a lipi codul într-un site WordPress, astfel încât să îl puteți copia chiar din articol?
Am vrut să mă ocup de asta.
Când îți rulezi site-ul pe CMS (motor) WordPress, trebuie să-l îmbunătățești constant și să-ți adaugi funcții noi și utile care se găsesc pe alte bloguri similare.
Nu poți rămâne în urmă!
Pentru a face acest lucru, uneori trebuie să introduceți cod suplimentar acolo. Am publicat în mod special un articol detaliat pe site-ul meu, unde vorbesc despre toate modificările pe care le-am făcut temei (șablonului) WordPress pentru ca acestea să nu se piardă. Într-adevăr, în cazul unei modificări a șablonului, aceste ajustări vor trebui efectuate din nou.
De asemenea, am un blog special care este instalat pe blogul meu. Apropo, acolo puteți găsi link-uri către articole care descriu pentru ce sunt aceste plugin-uri și cum să le instalați și să le configurați cel mai bine.
Sunt bucuros să vă împărtășesc informații utile pe care am reușit să le aflu. Și încerc să afirm totul într-un limbaj simplu și ușor de înțeles, astfel încât să fie accesibil chiar și pentru începători.
Dar, uneori, trebuie să adaug ilustrații care arată cum am schimbat codul pe site-ul meu.
Până acum, am folosit un singur mod de a face acest lucru: am inserat - o fotografie a ecranului computerului meu.
Dar în imagine puteți vedea bine codul, dar nu îl puteți copia. În acest caz, trebuie introdus manual. Și, prin urmare, sunt posibile erori și neînțelegeri.
Prin urmare, pentru a le ușura cititorilor, am decis să-mi dau seama cum să inserez codul într-un site WordPress, astfel încât toată lumea să îl poată copia cu ușurință.
Multe se referă la pluginuri:
Sintaxa WP împreună cu Butonul de sintaxă WP;
SyntaxHighlighter a evoluat;
Evidențiator de sintaxă automată.
Am găsit o descriere a modului de inserare a codului fără un plugin. Pentru a face acest lucru, am folosit eticheta xmp (deschidere și închidere). Dar acum este învechit, iar în locul lui în HTML se recomandă folosirea etichetei pre (deschidere și închidere).
Dar nu am reușit să inserez codul programului în articol folosind doar etichetele speciale pre sau xmp. De asemenea, am încercat să le pun într-un container div. Și am copiat fraza completă de pe site-urile care au recomandat-o.
Experimentul a eșuat. Codul nu a fost salvat la editare în modul HTML. Când schimbați filele (Vizual/Text), pur și simplu a dispărut din textul articolului. Din anumite motive, acest lucru nu funcționează. Cine știe, scrie.
Am găsit informații că acest lucru se poate face numai după instalarea pluginului WP Syntax. Acestea. încă nu fără un plugin. Aveam instalată cea mai nouă versiune de WordPress (la acea vreme - 4.3.1).
Dar poți să faci și asta. Am văzut codul inserat pe un site, am făcut clic dreapta pe el pentru a selecta „vezi codul elementului” din meniul contextual și ne-am uitat la cod. Deci puteți afla cum este introdus.
Astfel, am stabilit că pe unul dintre site-urile pe care le cunosc, codul a fost introdus folosind plugin-ul Crayon Syntax Highlighter.
Am găsit acest plugin căutând în panoul de administrare și instalându-l pe blogul de formare.
S-a dovedit a fi foarte ușor de folosit. Nu am schimbat nicio setare, desi sunt destul de multe. Am lăsat totul implicit (configurat de autor însuși).
După instalarea și activarea pluginului, în modul de editare a articolelor, în meniu apare un buton special, făcând clic pe care puteți introduce codul pe site-ul WordPress.
Apare o fereastră pentru lipirea codului.
Și apoi toată lumea poate selecta și copia singur acest fragment de cod pentru a îmbunătăți funcțiile propriului blog.
Codul este foarte colorat. Elementele sale sunt evidențiate în culori diferite. Este posibil să personalizați toate acestea pentru dvs.
Totul s-a dovedit a fi atât de simplu încât am decis să nu caut ce e mai bun.
Și acum, dragi cititori, puteți copia cu ușurință codul de pe site-ul meu.
De exemplu, acesta.
Cod funcție pentru a ascunde autentificarea administratorului site-ului WordPress în comentarii
add_filter("clasa_comentarii", "clasa_udalit_avtora_commentariya"); function udalit_class_avtora_kommentariya($klassi)( foreach($klassi as $kluch=>$klass) : if (strstr($klass, "comment-author-")): unset($klassi[$kluch]); endif; endforeach; returnează $classy; )
add_filter ("clasa de comentarii" , „udalit_class_avtora_commentariya”) ; funcţie delete_class_avtora_commentary($ elegant ) ( foreach ($klassi ca $kluch => $class ): |
