Prilagođeni kod. WordPress – dodajte prilagođeni HTML kod. Umetnite prilagođeni kod u WordPress postove i stranice pomoću dodatka Global Content Blocks

04.11.2020 Recenzije

Obrada "Prilagođenog koda" namijenjena je sastavljanju i izvršavanju prilagođenog koda 1C:Enterprise 8 u korisničkom načinu rada. Ova obrada namijenjen je prvenstveno stručnjacima za implementaciju i iskusni korisnici. Razvijeno na temelju obrade Query Console.

Obrada pruža funkcije:

  • izvođenje proizvoljnog koda (cijeli ili odabrani tekst),
  • dizajniranje upita (s ponovnim otvaranjem za editiranje) s automatskim ili ručnim popunjavanjem parametara,
  • postavljanje vrijednosti varijabli koje se nalaze u tekstu koda (putem kontekstnog izbornika ili drag-and-drop),
  • umetanje opisanih varijabli (parametara) u tekst koda,
  • analiza grešaka tijekom izvođenja koda,
  • spremanje fragmenata koda i vrijednosti parametara u datoteku za pohranu između radnih sesija.

Stoga se procesiranje može koristiti kao spremište univerzalnih mehanizama koji se mogu izvršiti unutar jedne procedure.

Opis dijaloga

Dijalog obrade podijeljen je u tri glavna bloka.

Stablo isječaka koda

U gornjem lijevom dijelu obrade nalazi se stablo fragmenata koda koje je sastavio korisnik. Moguće je dodavati, brisati ili premještati elemente ove liste. Po dvostruki klik mišem preko linije stabla, odabrani fragment koda se izvršava. Stablom se upravlja pomoću bloka gumba na komandnoj ploči za obradu.

Obrada omogućuje način automatskog spremanja fragmenata koda. Da biste to učinili, trebate upotrijebiti gumb naredbene ploče za pozivanje dijaloškog okvira postavki automatskog spremanja, omogućiti način automatskog spremanja i postaviti željeni interval za automatsko spremanje upita u datoteku.

Opcije isječka koda

Gumb "Parametri" otvara ploču u kojoj možete odrediti popis parametara upita i varijabli korištenih u kodu.

Prvi stupac označava naziv parametra.

Drugi stupac označava stvarni parametar koda, koji se može odrediti izravno pomoću vrijednosti.

Parametri se popunjavaju automatski kada dizajner izradi zahtjev. Dodatno, parametri se mogu dodati ručno dodavanjem redaka u tablicu ili iz kontekstni izbornik polja s tekstom koda ili povlačenjem varijable u tablicu parametara.

Tekst koda

Na dnu obrade je stvarni tekst koda. Prikazani fragment ovisi o trenutna linija stablo fragmenata koda.

Danas bih vam želio reći kako, koristeći WordPress kao primjer, dodati proizvoljni HTML kod na pravo mjesto. Bilo da se radi o kodu brojača ili kodu za pretplatu na vaš kanal, oglašavanje i tako dalje. Umetnut ćemo kod kroz standardni WordPress widget.

WordPress – dodajte prilagođeni HTML kod.

Uvijek postoji potreba za umetanjem proizvoljnog HTML koda, lijepom pretplatom na vaš kanal na bočnoj traci ili jednostavno postavljanjem teksta na početna stranica, postoji puno opcija, sve ovisi o vašim potrebama.

U najnovije verzije WordPress već ima ugrađeni widget za dodavanje prilagođenog HTML koda, tako da nema potrebe za instaliranjem zasebnih dodataka.

I tako, kako bismo dodali naš kod, moramo otići na "karticu" u administratorskoj ploči Izgled” -> “Postavke”. Moguće je i putem widgeta, ali tada nećemo odmah vidjeti rezultat. Više volim vizualni uređivač.

Odaberemo mjesto gdje želimo dodati naš kod. Želim dodati brojač na bočnu traku. Izaberi " Bočna traka(Bočna traka)”, vaše ime se može razlikovati, sve ovisi o predlošku.

Pojavit će se novi widget, otvorite ga i u sadržaj unesite naš kod, ne zaboravite spremiti.

Kao rezultat, dobivamo sljedeći rezultat.

Na ovaj način možete dodati HTML kod gdje god želite koristiti widgete.

To je sve, nadam se da je ovaj članak bio koristan.

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

U ovom vodiču ćemo pogledati kako prikazati dodatni sadržaj na vašem web-mjestu pomoću Custom HTML modula. Također će pokazati kako prevesti sadržaj ovog modula na drugi jezik pomoću komponente Joom!Fish.

Uvod

Modul " Prilagođeni HTML kod" je standardni modul CMS Joomla, s kojim možemo dodati HTML kod na bilo koje mjesto na stranici stranice koje dopušta predložak stranice. Pomoću ovog modula prikladno je dodati ne samo tekst s grafikom, već i razne skripte i informatore.
U ovom vodiču ćemo vam pokazati kako koristiti modul "Custom HTML Code", kao i kako koristiti ovaj modul u komponenti za stvaranje prijevoda na druge jezike - Joom!Fish.

Prvo ćemo izraditi “Prilagođeni HTML kod” i dodati ovaj modul na glavnu stranicu web stranice “We Ride Ourself”. Zatim ćemo pokazati kako napraviti promjene u ovom modulu za ruski i ukrajinski jezik stranice. Točnije, promijenit ćemo naslov " Nova godina u Karpatima...” u “U Karpatima...”, a zatim zamijenite objekt “Chervona Ruta” s “Polyana Kvasova”.

Izrada modula na temelju "Prilagođenog HTML koda"

Za izradu modula "Prilagođeni HTML kod" morate otići u "Upravitelj modula" (u izborniku "Proširenja"). Zatim morate kliknuti gumb "Stvori" i s popisa odabrati modul "Prilagođeni HTML kod". Otvorit će se prozor modula u koji je potrebno unijeti naslov, omogućiti ga, te unijeti željeni (vaš) HTML kod u formu “Prilagođeni tekst”. Upisali smo “Hot Deals” kao naslov i postavili poziciju na dnu stranice odabirom “footer” s popisa za stavku “Position:”. Budući da želimo da se naš sadržaj prikazuje samo na glavnoj stranici, trebamo označiti “Select from list” u stupcu “Menu Purpose” nasuprot “Menu:” i odabrati samo “Home” na popisu (slika 1). i kliknite gumb "Spremi". Rad s modulom “Prilagođeni HTML kod” detaljnije je opisan u lekciji “Dodavanje prilagođenog HTML-a u joomla modul na primjeru informatora o vremenskoj prognozi”.

Rad s prijevodom modula pomoću komponente Joom!Fish

Nakon izrade, naš modul će se pojaviti na glavnoj stranici.
Da biste promijenili bilo što u modulu, samo trebate otići na "Upravitelj modula" na administrativnoj ploči, a zatim otići na naš modul, gdje vizualno unosimo promjene.

U nekim slučajevima prikladno je napraviti prijevod na drugi način - putem upravljačke ploče komponente Joom!Fish.
Da biste preveli modul na drugi način, morate otići u izbornik "Komponente" i odabrati "Joom!Fish" - "Upravljanje prijevodom". Zatim kliknite gumb "Kopija izvornika kao prijevod", odaberite stavku "Moduli" s popisa i odaberite "Jezici" s padajućeg izbornika (koji se nalazi s desne strane) željeni jezik. Imamo dva jezika na našoj web stranici: ruski (prema zadanim postavkama) i ukrajinski (slika 2). U našem slučaju biramo ukrajinski jezik.


Nakon odabira jezika pojavit će se popis modula u kojem moramo pronaći svoj modul i ući u njega. Pojavit će se prozor pod nazivom “Prijevod” u kojem možemo prevesti naš modul na drugi jezik. U našem slučaju, objekt “Chervona Ruta” zamjenjujemo s “Polyana Kvasova” (slika 3). Nakon klika na gumb "Spremi", naš prijevod modula pojavit će se na glavnoj stranici stranice (slika 4).




Ako želite pogledati video lekcija s detaljnim opisom svih koraka možete preuzeti arhivu s video lekcijom s poveznice.

Bok svima! Za danas imam isplaniranu kratku uputu - baš kao i na blogu za korisnike koji dolaze iz pretraživanja, prikazati prilagođeni kod bilo gdje u predlošku.

Pronašao sam praktičnu primjenu ove metode prije par mjeseci. U to vrijeme, za posjetitelje iz tražilice Ispod zaglavlja prikazana je pozivnica za pretplatu na newsletter.

Kao što razumijete, linija je prikazana samo jednom - tijekom prvog prijelaza s tražilice, a zatim je prilikom surfanja stranicama nestala i više se nije pojavila. Naravno, ako se isti korisnik više ne vrati na blog.

Koristio sam pretplatu kao primjer, ali također možete organizirati prikaz reklamnih redaka, bilo kakvih reklama i tako dalje. I naravno, lokacija nije ograničena na zaglavlje; ovaj se kod može prikazati bilo gdje u predlošku. Prijeđimo na praktični dio implementacije skripte.

Funkcija koja utvrđuje izvor zahtjeva (HTTP referer)

Prije svega, krenimo nova značajka fromsearch (konvencionalni prijevod - "iz pretraživanja"), naziv funkcije može biti bilo koji, glavna stvar je imati na umu i koristiti prihvaćeni naziv u budućnosti. Ova značajka je za određivanje izvora prijelaza- bilo da je to PS, druga stranica itd. Zanima nas PS. Dakle, na WordPressu umećemo kod u datoteku predloška functions.php:

funkcija fromsearch()( $ref = $_SERVER["HTTP_REFERER" ]; $SE = array ("/search?" , "images.google." , "search." , "yandsearch" , "/search/" , ".yahoo." ); foreach ($SE kao $source) ( if (strpos($ref,$source)!==false ) return true ;) return false ;)

Imajte na umu da treći redak označava agente za koje će se pravilo izvršiti i proizvoljni kod će biti prikazan u budućnosti. Ovo dovršava glavni dio, ostaje samo prikazati funkciju na bilo kojem prikladnom mjestu.

Ispis proizvoljnog koda pri prijelazu s tražilica

Sljedeći korak je prikazati unaprijed definiranu funkciju na stranici. Da bismo to učinili, koristimo sljedeće retke koje umećemo u datoteku predloška; na primjer, ja koristim index.php:

razreda="showfromsearch" > PRILAGOĐENI KOD div >

Na primjer, moj potpuni kod s pretplatom izgledao je ovako:

razreda="showfromsearch" > <div class="upozorenje" > Novi ste na blogu? Pretplatite se na naše obavijesti!div > div >

To je to, izlaz funkcije je završen, idemo na sljedeći korak.

Dizajn stilova za blok koji prikazuje kod za posjetitelje iz PS-a

Ostalo je samo dodijeliti razredu showfromsearch stilovi dizajna, prilagođavanje kako bi odgovaralo, podešavanje položaja u odnosu na druge blokove. Ako se sve gore može koristiti odmah, bez izmjena, onda konkretna rješenja nema prilagođenog dizajna.

Sve ovisi o izgledu i mjestu na kojem se prikazuje ovu funkciju. Izvana, moj redak, koji dajem u primjeru, izgledao je ovako:

Blok označen crvenom strelicom prikazuje se samo korisnicima koji su došli s tražilica, za sve ostale prijelaze nije vidljiv. Dat ću svoj primjer za koji sam postavio stil dizajna u datoteci style.css:

.showfromsearch (width:900px; border:0; text-align:left; margin:auto; padding:0;)

I opet vam skrećem pozornost: ovaj stil je dodijeljen bloku s funkcijom, tj. konfiguriramo točno izgled i lokaciju samog bloka, a ne ono što je u njemu. Interni sadržaj koristi vlastite stilove. Ako pogledate gornju snimku zaslona na kojoj sam prikazao pretplatu, onda su okvir oko linije, pozadina i slika dodijeljeni drugoj klasi ( upozorenje), koji sadrži tekst.

Ovuda prikazuje se bilo koji kod za prijelaze iz pretraživanja, vjerojatno ću ponoviti - koristeći ovu metodu možete pokazati drugima, dok redoviti čitatelji koji dolaze iz knjižnih oznaka, izravnih posjeta ili poveznica na drugim stranicama neće vidjeti ovaj sadržaj.