internetul Windows. Android

Introduceți codul gata realizat. Unde să obțineți codul pentru instalare

Buna baieti!

Astăzi am decis să ating subiectul care nu ar înceta niciodată să fie relevant în rândul tinerilor creatori ai site-urilor.

Există întotdeauna nevoie de a ajusta site-urile după crearea acestora. Partea setărilor se realizează prin editarea fișierelor Setați șablonul șablonului de proiectare. De exemplu, trebuie să introduceți codul care arată ca scrierea. Dar unde să-l inserați?

Foarte adesea începători pun astfel de întrebări. De asemenea, ei vă îngrijorează și alte momente similare, a căror soluție este în esență exact aceeași. În plus, în viitoarele sale articole, adesea voi recurge la introducerea codurilor în diferite locații de șabloane. Prin urmare, acest material este apropiat, mai mult ca niciodată.

În acest articol, vă voi arăta cum doar definiți un loc în șablonul dvs. WordPress, unde trebuie să introduceți orice cod. Ia în considerare, de asemenea, alții momente importantecare vă poate excita la etapa inițială.

Să începem de la început și să luăm în considerare fișierele pe care trebuie să le editați dacă doriți să introduceți coduri cu mânere și nu cu ajutorul pluginurilor, deoarece există o astfel de opțiune. Nu-l primesc, dar totuși pentru cea mai leneșă voi descrie astfel de pluginuri în următoarele articole.

La început, dau o lecție video, pentru că fără ea va fi dificil să înțelegeți materialul prezentat în format text de mai jos.

Acum voi explica totul în detaliu în format text.

Fișierele responsabile pentru ieșirea fiecărei pagini a paginilor

Dacă citiți o mulțime de articole despre alte bloguri despre implementarea unor funcții utilizând coduri (scripturi), atunci sunt 100% sigur că ați văzut fraze precum:

  • Introduceți acest cod în fișierul care este responsabil pentru ieșire. pagina principală;
  • Introduceți acest cod în fișierul care este responsabil pentru afișarea intrărilor și a altora.

Fișierele în care este posibil să aveți nevoie să introduceți coduri, foarte mult. Dar care sunt aceste fișiere? Totul este foarte simplu.

  1. Ieșirea paginii principale este index.php;
  2. Intrări de ieșire - fișier single.php;
  3. Ieșire pagină - pagina.php fișier;
  4. Concluzie de arhive și rubrici - arhivă.php;
  5. Ieșirea subsolului - footer.php;
  6. Ieșire pagină Sayer - căutare.php;
  7. Ieșire bara laterală - sidebar.php;
  8. Stiluri fișier - stil.css;
  9. Fișierul de ieșire din pagină 404 - 404.php.

Acum că veți spune că trebuie să introduceți codul într-un astfel de fișier, veți ști unde să urmăriți.

Rămâne doar pentru a răspunde la întrebare, cum să determinați locul dorit în fiecare fișier?

Definim locația inserției codului

În primul rând, vom merge în acele locuri care nu trebuie să fie determinate. Toți vor fi aceiași, indiferent de șablon.

Primul loc este identic pentru toate șabloanele - zona din fișierul antet.php. Această etichetă de deschidere și închidere .

Între aceste etichete, există întotdeauna câteva scripturi care ar trebui să funcționeze pentru toate paginile site-ului. Acesta este, a fost plasat un script între aceste etichete, cum ar fi butoanele sociale și lucrează la toate paginile site-ului, unde le vom face afară.

Etichetele sunt postate în partea de sus a fișierului antet.php.

Conținutul situat între ele va diferi în toate, deoarece totul depinde de șablon.

Dacă vi se spune că trebuie să introduceți acest cod. Între etichetele capului de deschidere și închidere, copiați codul, căutați o zonă similară în fișierul șablon și pur și simplu introduceți-o între aceste etichete.

Al doilea loc, care este, de asemenea, identic cu toate șabloanele, este în fișierul care este responsabil pentru ieșirea subsolului - subsol.php.

Scripturile pot fi conectate nu numai prin introducerea acestora între etichete. În fișierul antet.php. De asemenea, le puteți încărca prin fileul Footer.php, accentuând astfel încărcarea paginii site-ului.

Faptul este că atunci când pagina începe să se încarce, se încarcă de sus în jos. Dacă toate scripturile sunt în partea de sus a paginii, atunci afișarea conținutului său va încetini, deoarece necesită timp pentru a încărca scripturile.

Sarcina noastră este să arătăm conținutul paginii, cât mai repede posibil, ambii vizitatori și motoare de căutare. În acest caz, este recomandabil să faceți scripturi de descărcare la sfârșitul paginii pentru a arăta mai întâi conținutul, apoi descărcați și orice altceva.

Pentru a implementa o astfel de opțiune, trebuie să deschideți footerul Fișier.Php și să introduceți scriptul în fața etichetei de închidere a corpului. Este la sfârșitul conținutului fișierului, deoarece este responsabil pentru sfârșitul zonei paginii.


După cum puteți vedea, toate scripturile pe care le-am adus în această zonă, în fața etichetei de închidere

(alocat un cadru albastru). Apropo, i-am adus prin descărcare din fișiere și nu prin plasarea scenariilor în acest domeniu. După aceea, am accelerat în mod semnificativ munca blogului. Cum se face acest lucru, va exista un articol separat. Aștepta!

Sper că atunci când vă spuneți introduceți codul în aceste zone, veți face totul fără probleme.

Să ne întoarcem la o problemă mai dificilă și să încercăm să învățăm cum să identificăm locurile din alte fișiere șablon în care sunt introduse diferite alte coduri. De regulă, aceste coduri includ:

  • Ieșire înregistrări similare;
  • Ieșirea formularului de abonament;
  • Ieșirea butoanelor sociale și așa mai departe.

Toate aceste lucruri sunt inserate după partea principală a conținutului, adică după încheierea articolului. Fiecare cod diferit al șablonului și, prin urmare, un răspuns universal la întrebare "Unde se termină cu un cod de ieșire din articol?" pur și simplu nu.

Dar puteți determina cu ușurință sfârșitul codului, după care aveți nevoie pentru a implementa funcția de care aveți nevoie. Parţial aceasta metoda Am arătat deja în articol despre alegerea Șablonul WordPress. (). Am folosit caracteristica standard a browserului de Internet.

Pentru a înțelege mai bine esența acestei metode, vă recomandăm să vizionați videoclipul la începutul acestui post. În ea, am arătat cum se întâmplă totul în timp real. Ei bine, acum voi încerca să descriu cum puteți înțelege.

Afișați exemplul unui browser Google Chrome.. În alte browsere, această caracteristică este de asemenea disponibilă, poate fi numită puțin diferită.

  • Google Chrome - Vizualizați codul elementului;
  • Firefox - Explorați elementul;
  • Opera - Inspectați elementul.

Principiul din 3 browsere este similar. Acum voi arăta modul în care locația de ieșire este determinată în orice șablon.

Mergeți la punctul de vedere al codului elementului (Google Chrome). Faceți clic pe clic dreapta pe pagina goală.


După aceea, panoul apare în partea de jos a paginii, în care întreaga sursă Pagini pe care le putem edita și de a urmări cum structura și aspect Șablon în timp real. Dar datele de modificare nu sunt salvate. Pentru a face acest lucru, trebuie să editați singuri fișierele șablonului.

Așa arată acest panou.

Săgeata, am arătat o lupă (lupă) făcând clic pe care putem inspecta structura șablonului și determinăm care blochează șablonul nostru constă. Eu numesc acest inspector de funcții.

După ce faceți clic pe inspector, putem conduce pe pagina noastră și vom vedea că toate elementele pe care le transportăm încep să evidențieze cu un fundal colorat. Într-un exemplu, voi arăta screenshot-ul din articolul despre selecția șablonului. Acolo am adus la titlul de înregistrare.


Dacă trebuie să introducem codul după retragerea articolului nostru, nu va fi dificil să ghiciți că este necesar să inspectați zona șablonului nostru și să găsiți un bloc care conține toate conținutul articolului. Puteți căuta, ca sfârșitul blocului și începutul. Adică, puteți inspecta modelul și de jos.

Dar aici o remarcă . Trebuie să găsim că nu doar linii de articole, și anume blocurile în care conținutul însuși este, deoarece nu există articole în fișierele șablonului. Există doar codul care perturbează conținutul și este închis în blocuri. Este după eticheta blocului de închidere

Și va trebui să introduceți codul.

Deci, ce facem? Apăsați pictograma de lupă și începeți să inspectați zona în care se află articolul nostru. Este necesar să se găsească o astfel de parte a paginii atunci când zona întregului articol este evidențiată. Acesta va fi un bloc, conținut de ieșire.

De exemplu, am creat un nou articol cu \u200b\u200bun conținut mic pentru a arăta cum este evidențiată acest bloc.


De asemenea, trebuie să găsiți un bloc care conține conținutul dvs. Când vă deplasați, vedeți un mic vârf pop-up, care arată cum se numește acest bloc.

Când faceți clic pe această parte a șablonului, faceți clic pe butonul mouse-ului și această parte devine activă. În panoul de vizualizare a codului de element, codul codului este evidențiat automat.


După cum puteți vedea, această unitate are exact același nume ca într-un vârf de plutire pop-up.

Când știm numele blocului, care afișează cea mai mare parte a articolului, putem merge la fișier necesar. Și introduceți codul de care aveți nevoie după acest bloc. De exemplu, luați un fișier de ieșire de scriere (single.php).

O deschid în editorul Notepad și căutând o linie în codul care pornește în același mod ca în panoul de vizualizare a codului elementului.

În editorul Notepad, este foarte convenabil să lucrați, deoarece atunci când faceți clic pe eticheta de deschidere a blocului, este evidențiată și închiderea (afișată în imaginea de mai sus). Eticheta de închidere spune că acesta este sfârșitul conținutului conținutului. Este după aceea că putem introduce butoanele noastre sociale, dezvăluind înregistrările și alte funcții.

Am pus doar butoanele sociale împreună cu formularul de abonament din cadrul actualizării.


Pe paginile sunt, de asemenea, afișate.


În mod similar, există o inserție și alte fișiere șablon (pagini, rubrici, arhive ...).

Fără practică, această metodă de inserție este puțin probabil să stăpânească textul și imaginile. Prin urmare, luați și încercați. Sunt sigur că totul va funcționa. De asemenea, pentru a ajuta videoclipul la începutul articolului.

Despre definiția unui loc în fișierul șablon pentru introducerea ulterioară a acestuia necesară atunci când, a fost exprimată.

Ultimul moment a rămascare trebuie consacrată în acest paragraf.

Există o mulțime de setări care necesită interferențe cu fișierul funcțiilor.php șablon. Dar cum să introduceți codurile în ea, trebuie, de asemenea, să înțelegeți.

De regulă, este scrisă pe toate blogurile pe care este nevoie de inserție pentru a produce cel mai ușor fișier înainte de eticheta de închidere?\u003e.

Dar, cum să fie dacă această etichetă nu este în fișier? Aici, de exemplu, am la fel. Cum să fii într-o astfel de situație? Lipsa unei etichete de închidere nu înseamnă că fișierul este incorect. Blogul funcționează. Deci totul este în regulă.

În acest caz, propun să ajung în calea opusă - introduceți în cod până la începutul fișierului în fața deschiderii etichetei. Vedeți imaginea de mai jos.


Eticheta de deschidere este evidențiată în roșu și codul albastru care a fost introdus.

Aceasta este o opțiune. De asemenea, puteți introduce codul la sfârșitul fișierului, dar înainte de ultimul cod. În acest caz, chiar trebuie să înțelegeți puțin unde începe ultimul cod pentru a nu-l tăiați.

Asta e tot. Dacă aveți dintr-o dată aceeași situație cu lipsa unei etichete de închidere în fișierul distractive.php, veți ști cum să acționați.

Definiția stiluri de decorare în șablon

De asemenea, putem vedea stilurile de design pentru elementele paginilor și le putem schimba, precum și adăugați-vă. Acest lucru ajută același inspector al elementului.

Când găsim elementul dorit și faceți clic pe acesta, stilurile de design pentru blocul selectat (element) sunt afișate în zona dreaptă a panoului de vizualizare a codului. Voi afișa stiluri pentru același bloc al articolului discutat mai sus.


Dacă vrem să edităm aceste stiluri în timp real și să vedem ce fel de unul sau altul va avea, le puteți schimba direct în acest panou. Doar faceți clic pe valorile stilurilor dorite și schimbați-le.

Dar modificările vor fi valabile numai până la prima actualizare a paginii. Pentru a aplica aceste stiluri, trebuie să le faceți în fișierul stil de șabloane. Pe una dintre imaginile de mai sus, am arătat o zonă albastră care prezintă numele fișierului în care aceste stiluri sunt spelled, precum și linia exactă cu care încep.

Prin urmare, deschidem stilul de stil stil.css și căutăm o linie 890 în cazul meu.

Aici le puteți edita. Salvați fișierul și descărcați la găzduire.

Rețineți că fac editarea tuturor fișierelor pe calculatorul meu. În acest caz, folosesc programe externeCeea ce face posibilă anularea oricărei modificări a apariției unor blocuri. Același lucru este valabil și pentru diverse experimente cu coduri și scripturi - toate activate.

Vă recomandăm cu tărie să faceți și această editare a fișierelor de pe computer. Pentru a face acest lucru, trebuie să descărcați mai întâi fișierele pe computerul dvs. de la găzduirea dvs., utilizând client FTP.. Am scris despre asta. Și apoi deschideți fișierele cu orice editor convenabil pentru dvs., care le poate deschide. Eu folosesc notepad în aceste scopuri.

Pe acest articol sa încheiat. Iată un proces de înțelepciune de determinare a locului în care trebuie să introduceți un fel de cod sau script. La prima vedere, această procedură poate părea complexă. Dar totul este foarte simplu. Veți încerca să puneți astfel de întrebări de câteva ori și nu veți pune întrebări.

Desigur, puteți introduce coduri și scripturi pe blogul dvs. folosind plug-in-uri speciale pe care le voi lua în considerare obligatoriu În următoarele articole. Dar, pentru a evita utilizarea lor, puteți face astfel de acțiuni și fără ele că vă recomand. Prin aceasta, scapi de excesul de sarcină pe site, s-au stinge singur și o face mai convenabil să utilizați vizitatorii.

Toți prietenii. În acest scop. Așteptați întrebările dvs. în comentarii. O să ne dăm seama în totul. Ne vedem în materiale noi.

Cu sinceritate, Konstantin Khmelev.

Să vorbim despre cum să introduceți codul pe site, cum să introduceți codul HTML, codul contra, codul scriptului lateral, în artisteer. În programul însuși, codul poate fi introdus în două locuri, primul este atunci când creați subsolul clic pe butonul "Text" și al doilea în partea de jos a paginii, atunci când specificați setările de export, fila Descriere. În ultimul timp, totul este mai convenabil pentru a se introduce deja după crearea unui șablon.

Cum se introduce codul contorului

Counter Counter. Puteți introduce în partea de jos a paginii din locul indicat în imagine, acesta este cel mai logic loc.
În șabloane Joomla Counter Code. Puteți introduce deschiderea paginii index.php a dosarului șablonului. Găsiți la linia de jos:


și în locul șirului "proiectat de Există o altă oportunitate introduce Modulul de cod către poziția de depanare pentru acest lucru este crearea unui modul gratuit (așa cum este descris mai jos) și introduceți codul în acesta.

În șabloane Codul Meterului WordPress. În acest loc (în partea de jos a paginii) introduce Deschiderea fișierului Footer.php a făcut șablonul și liniile de identificare:


Înlocuirea liniei,

Cod PHP:

    Cu sprijinul.< a href= "http://wordpress.org/" target= "_blank" > WordPress. Și.< a href= "http://www.artisteer.com/?p\u003dwordpress_Themes" TARGET \u003d "_Blank"\u003e Tema WordPress Creat cu artisteer.

Pe codul contorului dvs.

În șabloane Drupal Counter Code. poate sa introduce Deschiderea paginii.tpl.php Pagina făcută prin înlocuirea șablonului din partea de jos a codului:

Cod PHP:

    " " . T ("drupal"). "". T ("și"). "Drupal Tema". T ("creat cu"). "Artisteer"; ?\u003e.

Pe codul sau pe butonul contorului.

Introduceți codul de script, codul HTML. De asemenea, puteți introduce în modul și, deși acestea sunt folosirea unui anumit CMS, hai să ne oprim pe unele dintre ele.

Introduceți codul HTML în modulul Joomla

Pentru a introduce codul în Joomla 1.5 (în Joomla 1.7 inserat în mod similar), trebuie să creați
modul nou HTML, în panoul de administrare Extensii deschise -\u003e Manager Module -\u003e Creare module -\u003e Buton Selectați codul HTML arbitrare -\u003e Butonul Track. Apoi, intrăm în creat de noi mODULUL MOD_CUSTOM. Instalați poziția, completați datele. În partea de jos vedem editorul. În editor, apăsați butonul HTML:


Și introduceți codul de script sau banner de care aveți nevoie. Notă: Rețineți că editorul Tinymse este utilizat dacă ați instalat un alt editor, este necesar să comutați la Tinymse dacă nu aveți butonul HTML în instalat.

Bună ziua, dragi cititori!

Să vorbim despre codul programului de pe site. Adesea, webmasterul are nevoie de un cod de introducere a unuia sau mai multor pagini de site. WordPress vă permite să utilizați PHP, Java, HTML, CSS etc. Cod în două moduri: ca comenzi executate interpretate de motorul site-ului și sub forma unui text disponibil și copiere. În acest articol, luați în considerare exemplele de introducere a codului în wordPress PageAstfel încât acesta este afișat corect și frumos pentru vizitatori.

Cod sub formă de text: de ce este necesar

Nevoia de ieșire a codului programului în WordPress este larg răspândită. Este sigur să spunem că proprietarii de bloguri medicale, de construcții sau culinare au o astfel de întrebare, este puțin probabil să apară. Ce nu puteți spune despre autorii proiectelor pe teme precum crearea și, designul web și programarea, dezvoltarea aplicațiilor etc.

Necesitatea de a publica liniile individuale de cod nu este uneori limitată la adăugarea simplă a fragmentului dorit pe site. O dorință concomitentă de a "face frumos" se odihnește în utilizarea sintaxei de cod care evidențiază și în anumite moduri de implementare. Lumina de fundal a codului de pe site este capabilă să faciliteze în mod semnificativ percepția acestor vizitatori care sunt obișnuiți cu utilizarea editorilor avansați precum.

Dacă introduceți codul într-un articol, WordPress îi interpretează și a distorsionat când publicarea. Prin urmare, un tip similar de date ar trebui să fie întotdeauna procesat. Puteți rezolva această sarcină căi diferite: Prescrierea etichetelor necesare pe pagina manuală utilizând butonul încorporat în editorul WordPress și folosind mai multe pluginuri.

Cum se adaugă codul la un articol fără plugin

WordPress oferă pentru a rezolva această sarcină proprietarul site-ului propriu, care face parte din sistemul de management al conținutului, instrument.

Blocul este adăugat în editorul vizual, un bloc constând din una și mai multe rânduri de cod, WordPress atunci când comutarea la modul text înlocuiește toate caracterele din etichete< и > Simboluri < și >

Pentru a afișa CMS că un anumit fragment de cod trebuie afișat pe pagina "așa cum este", este în editor de text WordPress trebuie alocat și "Wrap" etichetă Utilizați butonul din bara de instrumente:

Uită-te la pagină că va fi așa:










Numele 1. Nume 2.
Valoarea 1. Adică 2.

Pentru a introduce codul la pagina WordPress cu aroganți specificați, atunci când mergeți de la editorul de conținut vizual la textul pe care îl puteți utiliza eticheta HTML

Păstrând toate spațiile suplimentare care servesc pentru a forma liniuțe. Elemente de conținut 
ȘI  Implicit este afișat de browserele monosine font.

Un exemplu de modul în WordPress Introduceți codul HTML pe pagină fără plug-in-uri cu o etichetă

Numele 1. Nume 2.
Valoarea 1. Adică 2.

A eticheta

Atributele universale se aplică, în special, atribute stil.folosit pentru a determina elementul cu folosind CSS.. Exemplul de mai jos arată modul în care valorile atributului stil. Culoarea textului afișat este setată, culoarea fundalului blocului, grosimii, culorii și razei blocului limitelor blocului:

Posibilitățile de formatare a blocurilor afișate pe pagină utilizând atributele sunt destul de largi, dar nu nelimitate. Utilizarea etichetelor discutate este justificată atunci când se adaugă șiruri de caractere unice sau snipmenturi de cod mici. Nu este nevoie să discutați despre designul frumos în acest caz, rezultatul inserției va fi extrem de minimalizat, dar mulți sunt suficienți.

Formatare complexă care vă permite să implementați evidențierea sintaxei - rezultatul funcționării pluginurilor, care va fi discutată mai jos.

Cod Introduceți pluginurile pentru WordPress

Oferim o gamă de mai multe plug-in-uri din depozitul oficial WordPress, care vă permite să transmiteți frumosul cod (PHP, Java, HTML, CSS) frumos: linia și cu iluminarea corespunzătoare a elementelor.

Sintaxhlighter a evoluat.

Pluginul comun pentru a introduce codul în WordPress, avansat și puternic, pe pagina de setări, din care puteți aplica una dintre cele șapte denumiri disponibile și, dacă este necesar, selectați numerotarea rândurilor și a barei de instrumente, faceți adresa URL utilizată pentru a plia Câmp de cod, setați transferul automat al corzilor lungi și etc. Imediat există o previzualizare vizuală a ieșirii, există o decodare a atributelor utilizate.

În plugin. Sintaxhlighter a evoluat. Totul este dat ca să fie vreodată nevoie. Introduceți codul în articolul WordPress cu acesta este foarte simplu, pentru că trebuie să rezolvați pluginul pentru a procesa eticheta în setări

Sau utilizați codurile de scurtcircole corespunzătoare:

Exemplu exemplu exemplu de exemplu exemplu

WP-sintaxă

Un alt plugin, pentru o lungă perioadă de timp Deservirea merită de la webmasteri. În prezent, statisticile oficiale de depozitare arată mai mult de 10 mii de setări active. Din păcate, pluginul nu a fost actualizat pentru un an, ci continuă să gestioneze funcțiile declarate.

WP-sintaxă nu are nici o pagina proprie Setări. Acest plugin WordPress Pentru a edita codul, mai precis, pentru introducerea și schimbarea tipului de evidențiere de sintaxă utilizează eticheta

Cu un atribut de selecție a limbii:

exemplu
exemplu
exemplu

Lista limbilor acceptate este furnizată pe pagina plugin.

Atribut linia În etichetă, servește la afișarea numărării șirurilor, valoarea acestuia corespunde numărului liniei din care începe numărarea. Dacă codul conține obiecte HTML, se recomandă utilizarea unui atribut scăpate cu semnificație adevărat. Ca o opțiune:

exemplu

Un exemplu de ieșire și iluminare a codului CSS utilizând un plug-in:

1 2 3 4 5 6 7 8 .block (granița: 2px # 8e0505; Culoare: # 2d0000; / * Culoarea textului * / padding: 2px; / * Indicații interne * / Text-align: Stânga; / * alinierea textului * / Font-Family: Arial; Font-dimensiune: 14px; )

Bloc (granița: 2px # 8e0505; Culoare: # 2d0000; / * Text Culoare * / padding: 2px; / * Indicații interne * / Text-align: stânga; / * aliniere text * / Font-fata: aria; font-dimensiune : 14px;)

La trecerea de la un editor HTML la modul vizual al etichetei WordPress interpretează eticheta

Și codul nu este afișat corect. Prin urmare, la editarea articolelor cu inserții de blocuri de cod, trebuie să utilizați editorul de conținut în modul HTML.

Cod prețios

Plug-in ușor fără setări, ceea ce face posibilă introducerea codului pe WordPress utilizând lumina automată de fundal fără a fi nevoie să specificați o limbă. Implementează lumina de fundal pentru etichete

ȘI  Pe pagină. Soluție simplă bazată pe modul Codul Google Prettify Biblioteca Pentru cei care nu doresc să se afle în specificul de formatare a sintaxei afișate pe blocurile site-ului cu codul programului.

Concluzie

Luate în considerare în articol cu \u200b\u200bsoluții plug-ins - doar o mică parte din ofertele de depozit plăcile WordPress.. Transformând legăturile din meniul consolei "Plugin-uri - Adăugați un nou" la pagina de căutare cuvinte cheie Pune in evidenta și Sintaxă Puteți găsi mai multe duzini plug-in-uri similare care vă permit să faceți un cod soft. Este important să înțelegeți cât de adecvat și necesar va fi un astfel de plugin pe site. Poate că este în cazul dvs. pentru a introduce codul la pagina WordPress va fi mai ușor manual într-un editor de text utilizând etichete

ȘI .

Am lansat o nouă carte "Marketing de conținut în retele sociale: Cum să stați în șeful abonaților și să vă îndrăgostiți de marca lor. "

Abonati-va

Există multe instrumente care sunt gata să vă ajute să îmbunătățiți site-ul, să îmbunătățiți eficiența afacerii online și să stabiliți interacțiunea cu clienții. Printre astfel de instrumente sunt foarte libere. Dar dacă nu sunteți un dezvoltator web și nu știți cum să le instalați pe site-ul dvs.? Acesta este un obstacol mare.

Ca și cum ironia, nu a sunat, dar o afacere care dezvoltă instrumente utile pentru site-ul dvs., de asemenea, există un obstacol în calea propria dvs. prosperitate - necesitatea de a impune instalarea codului dvs. utilizatorilor.

Să încercăm să rezolvăm două probleme simultan, am spus despre cele mai comune modalități de a introduce codul / fragmentele (fragmente) JavaScript pentru site-uri:

  • Pe WordPress.
  • Administratori auto-scris (folosind Oldskul FTP).
  • Pe Squarespace.
  • Pe Shopify.

La sfârșitul articolului, îi aducem pe Wix. În majoritatea cazurilor, această platformă nu permite instalarea de coduri sau fragmente JavaScript, dar oferă o alternativă sub formă de integrare pentru diverse servicii.

Unde să obțineți codul pentru instalare

Să vedem unde să căutăm codul de instalare cu privire la exemplul serviciului de ou nebun.

Procesul este standard: Introducem datele de înregistrare, după descărcare, cădem în tabloul de bord. Unde vedem secțiunea cu codul.

Cum să introduceți codul pe site-ul WordPress

Puteți utiliza un manager de coduri de urmărire a plugin-ului special.

Pentru a introduce managerul de coduri de urmărire, introducem administrarea site-ului și în panoul de control care caută secțiunea plug-in.

Selectați funcția "Adăugați nouă" (adăugați nou).

Șirul de căutare apare în partea dreaptă. Introducem "Manager de urmărire a codului", apoi faceți clic pe "Instalați acum".

După finalizarea instalării, trebuie să vă asigurați că pluginul este activat. Accesați setările.

Faceți clic pe "Adăugați un nou cod de urmărire".

Puteți face fără plug-in-ul Manager de coduri de urmărire. În acest caz, opțiunea noastră este să introduceți codul în fișierul antet.php al temelor WordPress (pe acest alt mai departe).

Cum se instalează codul pe Wordpress.com

Website Bazat pe site-ul WordPress and Wordpress.com - două lucruri diferite.

Site-ul bazei de date WordPress este un site care este controlat de CMS instalat pe propriul server. Aceasta înseamnă că ați plătit numele domeniului (MyName.com) și pentru găzduire.

Website wordpress.com GRATUIT. Vă puteți înregistra pe acesta un site fără găzduire de plată. În acest caz, adresa URL a site-ului va fi: myName.wordpress.com. Pentru a schimba numele domeniului, va trebui să efectuați mai mulți pași suplimentari.

Prin conducerea site-ului pe Wordpress.com, sunteți limitat să alegeți codurile și fragmentele JavaScript care pot fi instalate. Motivul protocolului de securitate - Dezvoltatorii nu permit utilizatorilor să introducă coduri pe platformă. De exemplu, dezvoltatorii MySpace permit. Evident, prin urmare, site-ul timp de șase ani a scăzut din 5 locuri din lume la 1967.

În același timp WordPress.com oferă utilizatorilor o varietate de bonusuri de afaceri. De exemplu, integrarea cu Google Analytics. Sau abilitatea de a adăuga butoane în rețelele sociale. Dar, în unele cazuri, este posibil să nu fie de ajuns.

Cum se instalează codurile JavaScript și snippetele pe un admin auto-scris

Folosind FTP. Va trebui să ne întoarcem la elementele de bază ale fundațiilor.

Acum multe site-uri auto-scrise. Site-ul de difuzare este creat de la zero, nu utilizează CMS pentru a controla conținutul.

Imaginați-vă că avem un astfel de site. Puneți codul pe acesta va fi puțin mai dificil decât pe WordPress, pentru că trebuie să vă amintiți despre FTP.

Managerii FTP ca Filezilla vă permit să trageți fișierele și imaginile de pe site la server. Folosind programul, puteți adăuga fișiere pe server sau descărcați-le, înlocuiți fișierele vechi la noi, ștergeți datele inutile, schimbați numele docurilor.

Nu este nimic dificil în protocolul de transfer de date: după 20 de minute puteți simți profesioniștii. Pentru majoritatea oamenilor, partea cea mai dificilă este să contactați pur și simplu serverul.

Dacă aveți probleme cu serverul, contactați-vă găzduirea. Poate dura o oră, dar după 60 de minute veți ști tot ce aveți nevoie. De obicei, recomandă scrierea unor astfel de conversații prin screenrecder. Sau cel puțin face marcajul manual.

După ce ați introdus serverul FTP, asigurați-vă că faceți acest lucru. Dacă faceți o eroare, fișierele importante nu vor merge nicăieri. Puteți efectua o copie de rezervă utilizând o simplă tragere a tuturor fișierelor de pe server pe computer.

În mod obișnuit, interfața programului Manager FTP este formată din două coloane. De exemplu, în imaginea de mai jos din coloana din stânga, vedeți fișierele stocate pe computer. În dreapta - fișiere de pe server.

Pentru a modifica sau a adăuga fișiere, glisați-le de la o coloană la alta.

Un avertisment

Înlocuirea fișierelor este periculoasă. Puteți înlocui cu ușurință versiune noua Fișierul este vechi și pierzând mai multe date relevante, ștergeți accidental ceva important sau faceți o altă eroare. Copie de rezervă Vă permite să progresați în cazul unor astfel de rate și să vă protejați de problemele inutile. Nu uitați să salvați toate fișierele într-un dosar separat de pe computer înainte de a efectua modificări.

Cum se introduce codul utilizând header.php

Să presupunem că avem un site web pentru a gestiona pe care îl folosim WordPress. Pentru a introduce un cod, trebuie să găsim un fișier header.php sau un alt fișier numit antet. sau cap..
Antet. Trebuie să activați fragmentul de cod sau JavaScript pe toate paginile site-ului. Pentru a deschide fișierul, puteți utiliza program gratuit ca Textul sublim. Cu aceasta, trebuie să deschideți fișierul stocat pe computer și nu un fișier similar de pe server.

Deschiderea fișierului În textul sublim, vom vedea curcubeul din codul de culoare. Nu vă fie frică, totul este simplu acolo.

Toate paginile sunt împărțite în două secțiuni - capul (anteturile) și corpul (corpul). Anteturile sunt notate prin codul HTML și. Corp - și

.

Majoritatea pieselor care fac site-ul funcționează și afișează textul, sunt între aceste două secțiuni. Pentru a găsi aceste etichete, puteți utiliza căutarea pe pagină.
În cele mai multe cazuri, introduceți codul poate fi direct în fața etichetei de închidere.

După ce introduceți codul sau fragmentele, salvați fișierul și descărcați-l pe server. Gata.

Acum despre administratorii auto-scris. Dacă site-ul dvs. este creat manual și nu puteți găsi fișierul capului sau antetului, cel mai probabil va trebui să introduceți manual codul pentru fiecare pagină. Cel mai adesea nu provoacă mari dificultăți.

Imaginea de mai sus este un loc html ipotetic care constă din patru fișiere HTML. Dacă am vrut să introducem un cod pe acesta, ar trebui să deschidem toate aceste fișiere și să introducem codul sau fragmentele în etichetele fiecăruia dintre ele. După aceasta, procesul este standard: salvați fișierele și încărcați-le la server în loc de vechi.

Cum să introduceți codul la Squarespace

SquareSpace a simplificat sarcina utilizatorilor săi. Pentru a introduce codul sau fragmentele JavaScript, puteți utiliza "Injecție de cod". Accesați setările\u003e Avansat\u003e Injecție de cod din meniu. Puteți adăuga codul la sau site-ul de fotbal.

Găsim setări.

Leafuri de mai jos și faceți clic pe "Avansat".

Selectați "Cod Injection".

Introduceți codul și salvați modificările.

Cum să introduceți codul pe Shify

În panoul de control, găsiți o secțiune cu magazinele online de magazin online și selectați subiecte teme.

Pentru a accesa fila dorită, faceți clic pe "Acțiuni" și selectați Editare HTML / CSS.

Avem nevoie de fragmente.

Faceți clic pe opțiune va deschide caseta de dialog cu capacitatea de a adăuga un fragment nou.

Dați snopepetul de nume și faceți clic pe butonul Creare Snippet.

Introduceți codul de fragment în zona "Fragmentul de urmărire.lichid". Faceți clic pe "Salvați".

Cum se introduce codul dacă site-ul se află pe WIX

Wix a devenit rapid un designer de site popular. La fel ca WordPress.com, impune restricțiilor utilizatorilor săi în posibilitatea introducerii codurilor.

Dar Wix oferă o soluție sub formă de Piața App Wix. Acolo puteți găsi o varietate de widget-uri pentru marketing, social Media. Și analiștii. Apropo, puteți vota și pentru cel mai necesar widget.

Bună, tuturor cititorilor și abonaților! Cei care nu au avut timp să devină - vă rog, pentru a fi primii care au învățat de la mine despre postările noi pe site-ul blogului video

Așadar, a doua zi am fugit într-o problemă, nu am putut introduce codul HTML pe pagină, rumează Google, Yandex și chiar căutări de e-mail, dar nu am găsit un răspuns specific la întrebarea mea cum să o facă așa.

faceți-o atât de ușoară, trebuie doar să utilizați utilizarea textului + etichetă opțiuni suplimentare Înălțimi, lățimi și pensionare

Să descompunem cum și asta. Pe WordPrese puteți instala pur și simplu codul necesar în editorul vizual și acesta va fi afișat după cum urmează:

»Alt \u003d» Sistem automat de fabricare a banilor »/\u003e

Dar cum vedeți că codul este afișat nu este frumos și copiat că nu este foarte convenabil. Deci, pentru a implementa astfel de sarcini, trebuie să utilizați o etichetă:

.

De asemenea, amintiți-vă că această etichetă trebuie introdusă într-un editor de text nu numai pe motorul WordPress, ci pe orice motor.

Trebuie să ia în considerare și să utilizeze etichete suplimentare care adaugă parametrii pensionării de la string de sus stil \u003d Margine: 2px; De asemenea, parametrul de înălțime: Înălțime: 40px; Și, desigur, parametrul lățimii: lățime: 660px;

Acum voi rezuma în scris. Când deschideți codul

Și în cele din urmă, așa cum a promis să facă un pat:

Cum se introduce codul HTML în pagina HTML?
—————————————

Copiați într-o etichetă de notebook Și între introducerea codului de mai jos, înlocuirea link-ului către site-ul dvs. și link-ul către bannerul dvs.

Note de subsol:
* - Etichetă care vă permite să injectați orice Tag-ul HTML. pe orice pagină web
* Stil. - parametrul responsabil pentru stil, dimensiuni, culoarea textului în interiorul etichetei
* marja: 5px; - parametrul de pensionare
* lățime: 660px; - parametrul lățimii
* Înălțime: 80px; - parametrul înălțimii

Pe aceasta dragi prieteni Toate, abonați la banda RSS, precum și pe canalul meu YouTube.
Bună starea de spirit pentru voi toți. 🙂.

Despre autor

Mulți, probabil, nu înțeleg de ce mi-am sunat blogul Ascensor social din întuneric la soare, atunci voi explica povestea. Pentru mine, internetul este un lift în care am scufundat pe podeaua abilităților, abilităților, câștigurilor; Și social, pentru că este pentru oameni, pentru societate, pentru cei care doresc, pentru cei care sunt foarte asemănători cu viziunea mea. Întuneric - acesta este un fund, sau cu alte cuvinte, partea de jos a vieții obișnuite, în care am fost în care mulți acum, da, probabil jumătate din poporul din țara noastră în acest fund, ceea ce cred că este un pescăruș, dar Nu ... Soarele - Asta dă viață absolut totul în viață pe planetă, inclusiv cu tine. Dacă nu ar exista soare, nu ar exista viață. Soarele- Aceasta este energia la viață. Și dacă ne rezumăm cu toții InternetLift. - Aceasta este posibilitatea ca utilizatorii obișnuiți de Internet care lucrează pentru unchi, sunt în fundul financiar, visez să mă îmbogățească, dar nu știu de ce să înceapă. Internet lift. - Aceasta este o platformă care îi va ajuta pe cei care doresc să devină puțin sau semnificativ savurați în subtilitățile și schemele de câștiguri. Va fi capabil să afle unde să înceapă unde să meargă și cum să devii șeful însuși. Sper că sfatul și articolele mele vă vor ajuta și pe mine. De-a lungul zilei, veți înțelege de ce blogul dacă știți ceva, este valoros numai atunci când vă amintiți. Și când scrieți și împărtășiți, va fi pentru totdeauna, inclusiv în memoria dvs. !!!