Cod personalizat. WordPress – adăugați cod HTML personalizat. Inserați cod personalizat în postările și paginile WordPress folosind pluginul Global Content Blocks

04.11.2020 Recenzii

Procesarea „Cod personalizat” este destinată compilarii și executării codului personalizat 1C:Enterprise 8 în modul utilizator. Această prelucrare este destinat în primul rând specialiștilor în implementare și utilizatori experimentați. Dezvoltat pe baza procesării Query Console.

Procesarea oferă funcții:

  • executarea unui cod arbitrar (în întregime sau text selectat),
  • proiectarea de interogări (cu redeschidere pentru editare) cu completare automată sau manuală a parametrilor,
  • setarea valorilor variabilelor găsite în textul codului (prin meniul contextual sau prin drag-and-drop),
  • inserarea variabilelor (parametrilor) descrise în textul codului,
  • analiza erorilor în timpul execuției codului,
  • salvarea fragmentelor de cod și a valorilor parametrilor într-un fișier pentru stocare între sesiunile de lucru.

Astfel, procesarea poate fi folosită ca un depozit de mecanisme universale care pot fi executate în cadrul unei singure proceduri.

Descrierea dialogului

Dialogul de procesare este împărțit în trei blocuri principale.

Arborele fragmentelor de cod

În partea din stânga sus a procesării există un arbore de fragmente de cod compilate de utilizator. Este posibil să adăugați, să ștergeți sau să mutați elemente din această listă. De dublu click mouse-ul peste o linie a arborelui, fragmentul de cod selectat este executat. Arborele este controlat folosind un bloc de butoane de pe panoul de comandă de procesare.

Procesarea oferă un mod pentru salvarea automată a fragmentelor de cod. Pentru a face acest lucru, trebuie să utilizați butonul din panoul de comandă pentru a apela dialogul cu setările de salvare automată, pentru a activa modul de salvare automată și pentru a seta intervalul dorit pentru salvarea automată a interogărilor într-un fișier.

Opțiuni pentru fragmente de cod

Butonul „Parametri” deschide un panou în care puteți specifica o listă de parametri de interogare și variabile utilizate în cod.

Prima coloană indică numele parametrului.

A doua coloană indică parametrul codului real, care poate fi specificat direct de valoare.

Parametrii sunt completați automat atunci când solicitarea este elaborată de proiectant. În plus, parametrii pot fi adăugați manual prin adăugarea de rânduri în tabel sau din meniul contextual câmpuri cu text de cod sau tragerea unei variabile în tabelul cu parametri.

Textul codului

În partea de jos a procesării se află textul codului real. Fragmentul afișat depinde de linia curentă arborele fragmentelor de cod.

Astăzi aș dori să vă spun cum, folosind WordPress ca exemplu, să adăugați cod HTML arbitrar în locul potrivit. Fie că este un cod contrar sau un cod de abonament la canalul tău, publicitate și așa mai departe. Vom introduce codul prin widget-ul standard WordPress.

WordPress – adăugați cod HTML personalizat.

Este întotdeauna nevoie să inserați cod HTML arbitrar, să faceți un abonament frumos la canalul dvs. în bara laterală sau pur și simplu să plasați text pe pagina principala, există o mulțime de opțiuni, totul depinde de nevoile tale.

ÎN ultimele versiuni WordPress are deja un widget încorporat pentru adăugarea de cod HTML personalizat, deci nu este nevoie să instalați pluginuri separate.

Și astfel, pentru a adăuga codul nostru, trebuie să mergem la „fila” din panoul de administrare Aspect” -> „Setări”. Este posibil și prin widget-uri, dar atunci nu vom vedea imediat rezultatul. Prefer un editor vizual.

Selectăm locul în care dorim să adăugăm codul nostru. Vreau să adaug un contor la bara laterală. Selectați " Bara laterală(Bară laterală)”, numele tău poate diferi, totul depinde de șablon.

Va apărea un nou widget, deschideți-l și introduceți codul nostru în conținut, nu uitați să salvați.

Ca rezultat, obținem următorul rezultat.

În acest fel, puteți adăuga cod HTML oriunde doriți să utilizați widget-uri.

Atât, sper că acest articol a fost de folos.

  • " onclick="window.open(this.href,"win2","status=no,toolbar=nu,scrollbars=yes,titlebar=no,menubar=nu,resizable=yes,width=640,height=480,directore =nu,locatie=nu"); return false;" > Print
  • E-mail

În acest tutorial, vom analiza cum să afișați conținut suplimentar pe site-ul dvs. folosind modulul HTML personalizat. De asemenea, va arăta cum să traduceți conținutul acestui modul într-o altă limbă folosind componenta Joom! Fish.

Introducere

Modulul " Cod HTML personalizat„este un modul standard CMS Joomla, cu care putem adăuga cod HTML în orice loc din pagina site-ului care este permis de șablonul site-ului. Folosind acest modul, este convenabil să adăugați nu numai text cu grafică, ci și diverse scripturi și informatori.
În acest tutorial vă vom arăta cum să utilizați modulul „Cod HTML personalizat”, precum și cum să utilizați acest modul într-o componentă pentru a crea traduceri în alte limbi - Joom! Fish.

Mai întâi, vom crea un „Cod HTML personalizat” și vom adăuga acest modul pe pagina principală a site-ului web „We Ride Ourselves”. Apoi vom arăta cum să faceți modificări în acest modul pentru limbile rusă și ucraineană ale site-ului. Mai exact, vom schimba titlul " Anul Nouîn Carpați...” la „În Carpați...”, iar apoi înlocuiți obiectul „Chervona Ruta” cu „Polyana Kvasova”.

Crearea unui modul bazat pe „Cod HTML personalizat”

Pentru a crea un modul „Cod HTML personalizat” trebuie să accesați „Managerul de module” (în meniul „Extensii”). Apoi trebuie să faceți clic pe butonul „Creați” și să selectați modulul „Cod HTML personalizat” din listă. Se va deschide o fereastră de modul, unde trebuie să introduceți un titlu, să îl activați și, de asemenea, să introduceți codul HTML dorit (dvs.) în formularul „Text personalizat”. Am introdus „Hot Deals” ca titlu și am stabilit poziția în partea de jos a site-ului selectând „footer” din listă pentru elementul „Poziție:”. Deoarece dorim ca conținutul nostru să fie afișat numai pe pagina principală, trebuie să bifăm „Selectare din listă” în coloana „Scopul meniului” de lângă „Meniu:” și să selectăm doar „Acasă” din listă (Fig. 1). și faceți clic pe butonul „Salvare”. Lucrul cu modulul „Cod HTML personalizat” este descris mai detaliat în lecția „Adăugarea HTML personalizat în modulul joomla folosind exemplul unui informator de prognoză meteo”.

Lucrul cu traducerea modulelor folosind componenta Joom!Fish

După creare, modulul nostru va apărea pe pagina principală.
Pentru a schimba ceva dintr-un modul, trebuie doar să mergeți la „Managerul de module” din panoul de administrare și apoi să mergeți la modulul nostru, unde ne facem vizual modificările.

În unele cazuri, este convenabil să faceți o traducere în alt mod - prin panoul de control al componentei Joom!Fish.
Pentru a traduce modulul în al doilea mod, trebuie să mergeți la meniul „Componente” și să selectați „Joom!Fish” - „Gestionarea traducerii”. Apoi, faceți clic pe butonul „Copiare a originalului ca traducere”, selectați elementul „Module” din listă și selectați „Limbi” din meniul derulant (situat în dreapta) limba dorită. Avem două limbi pe site-ul nostru web: rusă (implicit) și ucraineană (Fig. 2). În cazul nostru, alegem limba ucraineană.


După selectarea limbii, va apărea o listă de module în care trebuie să găsim modulul nostru și să intrăm în el. Va apărea o fereastră numită „Traducere”, în care putem traduce modulul nostru într-o altă limbă. În cazul nostru, înlocuim obiectul „Chervona Ruta” cu „Polyana Kvasova” (Fig. 3). După ce faceți clic pe butonul „Salvați”, traducerea noastră a modulului va apărea pe pagina principală a site-ului (Fig. 4).




Daca vrei sa te uiti lecție video cu toți pașii detaliați, puteți descărca arhiva cu lecția video din link.

Salutare tuturor! Am o scurtă instrucțiune planificată pentru astăzi - la fel ca pe blog pentru utilizatorii care provin din căutare, afișați un cod personalizat oriunde în șablon.

Am găsit o aplicație practică pentru această metodă acum câteva luni. La acea vreme, pentru vizitatorii din motoare de căutare Sub antet a fost afișată o invitație de a vă abona la newsletter.

După cum înțelegeți, linia a fost afișată o singură dată - în timpul primei tranziții de la motorul de căutare, apoi la navigarea prin pagini a dispărut și nu a mai apărut. Desigur, dacă același utilizator nu se întoarce din nou pe blog.

Am folosit ca exemplu un abonament, dar puteți organiza și afișarea liniilor publicitare, orice reclame etc. Și, desigur, locația nu se limitează la antet; acest cod poate fi afișat oriunde în șablon. Să trecem la partea practică a implementării scriptului.

Funcție care determină sursa solicitării (referer HTTP)

În primul rând, să creăm optiune noua fromsearch (traducere convențională - „din căutare”), numele funcției poate fi orice, principalul lucru este să țineți cont și să utilizați numele acceptat în viitor. Această caracteristică este pentru determinarea sursei de tranziţie- fie PS, alt site etc. Suntem interesați de PS. Deci, pe WordPress inserăm codul în fișierul șablon functions.php:

funcția de la căutare()( $ref = $_SERVER["HTTP_REFERER" ]; $SE = matrice ("/căutare?" , "images.google." , "căutare." , "yandsearch" , "/căutare/" , ".yahoo." ); foreach ($SE ca $sursă) ( dacă (strpos($ref,$sursă)!==false ) returnează adevărat ;) returnează fals ;)

Vă rugăm să rețineți că a treia linie indică agenții pentru care va fi executată regula și codul arbitrar va fi afișat în viitor. Aceasta completează partea principală, tot ce rămâne este să afișați funcția în orice loc convenabil.

Ieșire de cod arbitrar la tranziția de la motoarele de căutare

Următorul pas este afișarea funcției predefinite pe pagină. Pentru a face acest lucru, folosim următoarele linii, pe care le inserăm în fișierul șablon; de exemplu, folosesc index.php:

clasă="showfromsearch" > COD PERSONALIZAT div >

De exemplu, codul meu complet cu abonament arăta astfel:

clasă="showfromsearch" > <div class = "avertisment" > Nou pe blog? Aboneaza-te la newsletter-ul nostru!div > div >

Gata, ieșirea funcției este completă, să trecem la pasul următor.

Stiluri de design pentru blocul care afișează codul pentru vizitatorii din PS

Tot ce rămâne este să atribuiți clasei showfromsearch stiluri de proiectare, ajustați pentru a se potrivi, ajustați poziția față de alte blocuri. Dacă totul de mai sus poate fi folosit imediat, fără a face modificări, atunci solutii concrete nu există un design personalizat.

Totul depinde de aspect și de locul în care este afișat această funcție. În exterior, linia mea, pe care o dau în exemplu, arăta astfel:

Blocul marcat cu o săgeată roșie este afișat numai utilizatorilor care provin de la motoarele de căutare; pentru toate celelalte tranziții nu este vizibil. Voi da exemplul meu, pentru care am setat stilul de design în fișierul style.css:

.showfromsearch ( lățime : 900 px ; chenar : 0 ; text-align : left ; margin : automat ; padding : 0 ; )

Și din nou vă atrag atenția: acest stil este atribuit unui bloc cu o funcție, i.e. configuram exact aspectul și locația blocului în sine, și nu ceea ce este în el. Conținutul intern folosește propriile stiluri. Dacă te uiți la captura de ecran de mai sus unde am afișat abonamentul, atunci cadrul din jurul liniei, fundalul și imaginea sunt alocate unei clase diferite ( avertizare), care conține textul.

Pe aici este afișat orice cod pentru tranzițiile de la căutare, probabil că voi repeta - folosind aceasta metoda le poți arăta altora, în timp ce cititorii obișnuiți care provin de la marcaje, vizite directe sau link-uri pe alte site-uri nu vor vedea acest conținut.