Kreiranje kratkih kodova u WordPress CMS-u. Kratki kodovi Dodavanje dugmeta za umetanje kratkog koda TinyMCE vizuelnom uređivaču objava
Shortcode- ovo je vrlo korisna stvar za webmastera, kratki kod zaista olakšava rutinski posao umetanja informacija istog tipa u stotine stranica web stranice. Istovremeno, zgodno je tada MASOVNO zamijeniti informacije u željenom kratkom kodu.
Ako i dalje ne znate šta je kratki kod, ukratko ću vam objasniti. Zamislite da trebate umetnuti neki kod u članak, neka to bude link:
10 korisnih WordPress kratkih kodova
Zamislimo da ga želite umetnuti u 10 članaka na proizvoljnim mjestima. U principu, nije teško, postavljeno. Sada zamislite da je veza pokvarena i da je trebate zamijeniti na 10 mjesta? Šta ako ima 100 stranica? Biće teško to uraditi ručno, osim ako, ali za mnoge je ovo težak zadatak.
Sada zamislite da imate dodatak pomoću kojeg možete kreirati kratku vezu za svaki kod, kao što je , koji se može umetnuti direktno u tekst u editor modu, što je često mnogo praktičnije nego u html modu.
Sada, ako trebate promijeniti link, onda idite na admin panel plugina i promijenite vezu, a kod će se automatski promijeniti na svim stranicama stranice na kojima se nalazi naš kratki kod. Za svaki link, baner, skriptu ili sliku možete kreirati vlastiti kratki kod i upravljati ovim nizom iz jednog kontrolnog centra.
A ako imate online prodavnicu, onda je ovo još korisnija stvar za vas, od kada koristite Sa woocommerce kratkim kodovima možete masovno mijenjati cijene, tečajeve, nazive proizvoda i sve ostalo. Kako se sve ovo može uraditi?
Postoji dosta dodataka za kreiranje kratkih kodova u wordpress-u, ali nijedan mi se nije svidio: ili je sve na engleskom, nekad je previše fensi, nekad nije dovoljno funkcionalno... Ali baš neki dan sam pročitao poznati seo bloger Vitalij Burgomistrov najavio besplatan dodatak za ove svrhe - kod mojWP.
Evo kratkog videa ovog dodatka u akciji:
Ako umetnete predložak kratkog koda u html, vidjet ćete ono što ste ubacili - kratki kod. Da bi to funkcioniralo, morate priložiti svoj kratki kod u funkciju:
Sada ćete vidjeti šta tačno krijete iza svog kratkog koda na stranici. Ništa komplikovano, zar ne? U admin panelu se nalazi mala instrukcija za dodatak i video koji sam ubacio u članak.
Radije bih vam pokazao kako se to može primijeniti u praksi za . Želeo sam ovo da uradim već duže vreme i čini mi se da je došao pravi trenutak. Da bih shvatio suštinu svoje ideje, napomenuću samo jednu tačku.
Šta zarađuje novac na adsense-u?
1. CPC.
2. Broj klikova.
Nećemo više moći utjecati na prvog ako je članak napisan i već ima dobar promet na njemu. Ali možemo povećati stopu klikanja i to u isto vrijeme značajno. Kao što razumijete, govorit ću samo o blokovima oglasa koji se nalaze u članku. Blokovi u sidebaru, u podrumu, a još više u zaglavlju su najgluplji i sve sam ih odavno uklonio.
Ali članak je sasvim druga stvar. Osoba počne čitati članak i naleti na oglas - hoće li kliknuti ili ne? Ovdje sve ovisi o jednom faktoru: tema oglašavanja POTPUNO se poklapa s temom o kojoj se raspravlja U OVOJ fazi članka. primjer:
Evo osobe koja čita o tome koji hosting odabrati. Čita, čita i pristupa pitanju koje ste napisali u članku i podebljali ga - koji je najbolji hosting izabrati?
Inače, već sam koristio ovaj dodatak i ubacio kratki kod sa adsense oglasima nakon mog pitanja - šta vam prikazuje? Ako oglasni blok stavite na drugo mjesto, tada ovog efekta više neće biti. Da li razumete na šta ciljam?
Da, potrebno je RUČNO umetnuti kratki kod oglasa NA PRAVO MJESTO! Ako ovo mjesto ne postoji, onda ga morate KREIRATI! To možete učiniti: otvorite google.com i unesite naziv našeg članka u pretragu. Tražimo naš članak u rezultatima pretraživanja i idemo na njega. Gledamo šta adsense pokazuje. Tražimo mjesto u članku gdje će to biti pravo mjesto, završavamo članak riječima iz ovog oglasa i tu ubacujemo kratki kod.
Sada će reklama u članku biti MAKSIMALNO prikladna po svom sadržaju, barem za dio teksta na kojem će stajati. Da, dugo je i turobno, ali ne tražimo lake puteve, zar ne? Najlakši put je religija gubitnika...
Niste pronašli odgovor? Koristite pretragu sajta
Kratki kodovi su PHP funkcije koje se mogu koristiti unutar sadržaja posta koristeći uslovne.
Na primjer, standardni WordPress kratki kod omogućava vam da prikažete galeriju unutar objave.
Jasno je da ova funkcionalnost daje WordPress programerima neverovatne mogućnosti - danas je umetanje obrazaca, dugmadi, klizača u postove veoma relevantno.
Baš kao što funkcija može imati argumente, kratki kod može imati svoje parametre. Još jedan primjer kratkog koda:
Možete zalijepiti kod u datoteku functions.php (mislim na onu u vašem trenutnom direktoriju teme).
Naziv kratkog koda mora biti napisan malim slovima i sadržavati samo latinična slova, brojeve i donje crte.
Kratki kod sa parametrima
Dobro, već sam napisao da kratki kodovi mogu imati svoje parametre, sada da vidimo kako se to radi.
Kao primjer, napisao sam kratki kod koji jednostavno ubacuje link u post koji se otvara u novoj kartici pretraživača target="_blank" . Ne mislim da to zapravo može biti korisno, ali za nas je sada glavna stvar da razumijemo sam princip rada kratkih kodova.
Postojaće dva parametra: sidro i url - sidro (tekst veze) i URL, respektivno.Ako parametar nije naveden u samom kratkom kodu, tada će se koristiti njegova zadana vrijednost postavljena u funkciji.
Zatvaranje kratkih kodova i kratkog koda unutar kratkog koda
Uzmimo kratki kod iz prethodnog primjera i malo ga podesimo. Da vas podsjetim da je kratki kod izgledao ovako:
.
Šta ako ga prepravimo ovako: Link URL.
Osim toga, drugi kratki kodovi se mogu umetnuti unutar završnih kratkih kodova (zahvaljujući funkciji).
U skladu s tim, prepišimo naš kod iz prethodnog primjera:
| funkcija true_url_external( $atts , $shortcode_content = null ) ( $params = shortcode_atts( array ( "anchor" => "Misha Rudrastykh") , $atts ) ; return """ target="_blank">($params[ "sidro "])"; ) add_shortcode( "trueurl" , "true_url_external" ) ; |
Sada će kratki kod sljedećeg tipa prikazati vezu do glavne stranice vaše stranice (pisao sam o kratkom kodu iznad).
Dodavanje dugmeta za umetanje kratkog koda u TinyMCE Visual Post Editor
Jasno je da će biti mnogo zgodnije ubaciti kratki kod kroz ugrađeni TinyMCE editor, a ako je implementiran i interfejs koji vam omogućava postavljanje parametara kratkog koda, onda je generalno super.
1.PHP
Bez obzira da li će vaše dugme biti tekstualno ili sa ikonicom, da li će sadržati dodatna polja za unos (parametri kratkog koda) ili ne - u svim slučajevima PHP kod za registraciju dugmeta će biti isti.
| // Hooks funkcija true_add_mce_button() ( // provjeriti prava korisnika - može li uređivati postove i stranice if ( !current_user_can( "edit_posts" ) && !current_user_can( "edit_pages" ) ) ( return ; // ako ne može, onda mu ni dugme neće trebati, u ovom slučaju izađite iz funkcije } // provjeriti da li korisnik ima omogućen vizualni uređivač u postavkama (ako nije, onda nema potrebe za povezivanjem gumba) if ( "true" == get_user_option( "rich_editing" ) ) ( add_filter ( "mce_external_plugins" , "true_add_tinymce_script" ) ; add_filter ( "mce_buttons" , "true_register_mce_button" , "true_register_mce_button)" )_add_add_button") // U ovoj funkciji specificiramo vezu do JavaScript datoteke gumba funkcija true_add_tinymce_script( $plugin_array) ( $plugin_array [ "true_mce_button" ] = get_stylesheet_directory_uri() ."/true_button.js" ; vrati $plugin_array ;) // Registrujte dugme u uređivaču funkcija true_register_mce_button( $buttons) ( array_push ( $buttons, "true_mce_button") ; // true_mce_button - identifikator gumba return $buttons ; ) |
U ovom primjeru koristio sam . true_button.js - samo dugme, kreirajte ovu datoteku u direktorijumu teme (ili gde god želite, ali ne zaboravite da promenite putanju do njega u ovom slučaju).
2.1. JavaScript. Primer jednostavnog dugmeta
Pogledajmo sadržaj datoteke true_button.js. Dakle, krenimo kreiranjem jednostavnog dugmeta koje će umetnuti kratki kod.
| (funkcija () ( tinymce.PluginManager .add ("true_mce_button" , funkcija ( editor, url)) ( // true_mce_button - ID gumba editor.addButton("true_mce_button" , ( // true_mce_button - ID dugmeta, mora biti isti svuda tekst: "" , // tekst dugmeta, ako želite da vaše dugme sadrži samo ikonu, uklonite ovaj red naslov: "Ubaci kratki kod", // tooltip ikona: lažna // ovdje možete specificirati bilo koju od postojećih vektorskih ikona u TinyMCE ili vlastitu CSS klasu onclick: funkcija () ( editor.insertContent("" ) ; // zalijepite kratki kod u uređivač, također možete postaviti bilo koju jQuery akciju } } ) ; } ) ; } ) () ; |
Kao rezultat:
Tekstualna verzija dugmeta za umetanje kratkog koda u vizuelnom uređivaču TinyMCE.
2.2. Dugme sa ikonicom, padajućom listom i mogućnošću podešavanja parametara kratkog koda
Počeću umetanjem (ili bolje rečeno zamenom) koda u datoteci true_button.js:
| (funkcija () ( tinymce.PluginManager.add("true_mce_button" , funkcija ( editor, url)) ( // ID dugmeta true_mce_button mora biti svuda isti editor.addButton( "true_mce_button" , ( // ID dugmeta true_mce_button ikona: "perec" , // moja vlastita CSS klasa, zahvaljujući kojoj ću postaviti ikonu gumba tip: "menubutton" , naslov: "Ubaci element", // opis alata za lebdenje meni: [ // prva padajuća lista počinje ovdje( tekst: "Elementi obrasca" , meni: [ // ovdje počinje drugi padajući meni unutar prvog( tekst: "Text field" , onclick: funkcija () ( editor.windowManager.open( ( naslov: "Postavi opcije polja", tijelo: [ ( tip: "textbox" , ime: "textboxName" , // ID, koristit će se u nastavku oznaka: "ID i naziv tekstualnog polja", // vrijednost oznake: "komentar" // zadana vrijednost) , ( upišite: "textbox" , // textbox type = textbox naziv: "multilineName" , oznaka: "Zadana vrijednost polja za tekst", vrijednost: "Bok" , višeredni: istina , // veliko tekstualno polje - textarea minŠirina: 300 // minimalna širina u pikselima minVisina: 100 // minimalna visina u pikselima) , ( upišite: "listbox" , // upišite listbox = padajući popis odabir ime: "listboxName" , label: "Fill" , "values" : [ // vrijednosti padajuće liste(tekst: "Obavezno", vrijednost: "1") , // oznaka, vrijednost(tekst: "Neobavezno", vrijednost: "2" ) ] ) ] , nakon slanja: funkcija ( e ) ( // to će se dogoditi nakon što popunite polja i pritisnete dugme za slanje editor.insertContent( "" ) ; ) ) ) ; ) ) , ( // drugi element ugniježđene padajuće liste, samo ubacuje kratki kod tekst: "Dugme za slanje", onclick: funkcija () ( editor.insertContent("" ) ; ) ) ] ) , ( // drugi element prve padajuće liste, samo umeće tekst: "Shortcode " , onclick: funkcija () ( editor.insertContent("" ) ; ) ) ] ) ) ; ) ) ; ) ) () ; |
Nakon lijepljenja koda, moje dugme je već tamo i radi. Jedina stvar je da nema nikakvu ikonu (pa, osim strelice nadole).
WordPress je moćan izdavački sistem koji je podjednako zgodan za blogere početnike, kao i za kreiranje bilo kojih, foruma, društvenih mreža, prodavnica itd.
Obično se za svaku aplikaciju bira odgovarajući šablon (template), ali ponekad njegove mogućnosti nisu dovoljne.
Tu u pomoć priskaču kratki kodovi, uz pomoć kojih možete dodati svoj vlastiti "zest" u WordPress.
Kratki kod je kratki kod koji se ubacuje direktno u tekst stranice, zaglavlje, widget – odnosno u sadržaj i proširuje mogućnosti WordPress-a.
Pomoću njega možete lijepo formatirati tekst, razbiti ga u kolone, umetnuti sadržaj, dugme, audio plejer, obrazac za narudžbu i mnoge druge karakteristike koje razlikuju vaš WordPress od svih ostalih.
Ako ne postoji rukovalac za određeni kratki kod, tada će njegov poziv na stranici izgledati kao običan tekst.
Ovaj članak namjerno koristi nazive nepostojećih kratkih kodova kako biste mogli vidjeti kako izgleda poziv kratkog koda, a ne rezultat njegovog rada.
Tipovi kratkih kodova po strukturi
Mogu biti bez parametara, sa parametrima i sa sadržajem.
Kratki kodovi bez parametara
Ponekad je dovoljno samo pozivanje kratkog koda da izvrši dobro definiranu funkciju. Ne mora proći nikakve parametre.
Na primjer, ovaj kod prikazuje vodoravnu liniju. Njegov izgled je definiran u stilu.
Ovaj poziv ispisuje tekuću godinu. Pogodno je ne uređivati tekstove svake godine.
Kratki kodovi sa parametrima
Ponekad morate proći parametre da biste dobili različite rezultate.
Na primjer, ovako se umeće prelijepo dugme, čiji stil treba napisati u listu stilova.
Sadrži dva parametra: naslov- ovo je natpis na dugmetu, na primjer, Naruči, Pretplati se itd.
url je adresa za klik.
Na ovaj način možete umetnuti cijenu u rubljama, koja se automatski konvertuje iz cijene u dolarima po trenutnom kursu Centralne banke.
Ovdje je parametar s je cijena u dolarima.
Sadržaj kratki kodovi
Sastoje se iz dva dijela, između kojih može biti bilo koji sadržaj objave, widget itd.
Ovako možete istaknuti dio teksta ili dio posta tako što ćete "postaviti" obojenu pozadinu ispod njega:
Evo teksta koji će biti prikazan na obojenoj pozadini.
Parametar boja postavlja boju pozadine u uobičajenom heksadecimalnom kodu.
A evo kako možete prikazati tekst u dvije kolone iste širine:
Kratki kod u php kodu se sastoji od funkcije koja ga obrađuje i naredbe koja dodjeljuje odgovarajuću funkciju kodu.
Evo tipične kratke šifre za dugme:
funkcija ha_but($atts,$content=NULL) (
ekstrakt(shortcode_atts(niz(
‘title’ => ‘Idi’,
'url' => lažno
), $atts));
$output=" '.$title."’;
return $output;
}
add_shortcode('ali','ha_but');
U ovom primjeru funkcija je imenovana ha_but. Prenosi se dva parametra - naslov I url. I za naslov zadana vrijednost dodijeljena Idi. Ako, prilikom pozivanja koda, parametar naslov preskoči, tada će podrazumevano dugme biti označeno Idi.
Unutar funkcije se mogu pozvati druge funkcije, mogu se povezati datoteke itd. Funkcionalnost kratkog koda ograničena je samo vašom maštom i vještinama programiranja.
Funkcija tada vraća svoj rezultat sa povratak.
Funkcija add_shortcode dodjeljuje kratkom kodu po imenu ali funkcija rukovaoca po imenu ha_but.
A evo i stilova za žuto dugme pune širine:
Btn(
prikaz: inline-block
boja: #000000;
font: 300 16px "Roboto", sans-serif;
transformacija teksta: velika slova;
pozadina: #fde42b;
pozadina: -webkit-gradient(linearno, lijevo gore, lijevo dolje, od(#fcea38), do(#ffcf00));
pozadina: -webkit-linear-gradient(vrh, #fcea38 0%, #ffcf00 100%);
pozadina: linearni gradijent (do dna, #fcea38 0%, #ffcf00 100%);
border-bottom: 3px solid #b27d00;
padding: 14px 15px 11px;
širina: 90%
radijus granice: 2px
text-align: centar;
dekoracija teksta: nema;
text-shadow: 1px 1px 0 #ffec89;
}
.btn:hover (
neprozirnost: 1
pozadina: -webkit-gradient(linearno, lijevo dolje, lijevo gore, od(#ffdd02), do(#fffe6d));
pozadina: -webkit-linear-gradient(dno, #ffdd02 0%, #fffe6d 100%);
pozadina: linearni gradijent (do vrha, #ffdd02 0%, #fffe6d 100%);
border-color: #bd8500;
Kako umetnuti kratki kod u WordPress predložak
Ubacite funkciju - rukovalac kratkim kodom može biti direktno u datoteku odgovornu za izlaz pojedinačnih postova - obično je to single.php. Tada će ovaj kratki kod raditi samo u objavama.
Bolje je staviti u fajl functions.php nalazi u bilo kojoj WordPress temi. Tada će kratki kod raditi na svim stranicama, widgetima itd.
Međutim, ako ažurirate ili promijenite predložak, kratki kodovi se više neće obrađivati. Ako planirate promijeniti dizajn bloga u budućnosti, onda je bolje staviti kod svih kratkih kodova u jednu datoteku, na primjer, shortcodes.php, i stavite ga u fasciklu moj u korijenu stranice.
U tom slučaju morate organizirati poziv umetanjem u datoteku functions.php komanda require_once('my/shortcodes.php');
Nakon promjene ili ažuriranja WordPress teme, ne zaboravite ponovo registrirati ovu naredbu.
Kako umetnuti kratki kod u WordPress stranicu
Da bi kratki kod funkcionirao, potrebno je da njegov poziv umetnete na pravo mjesto u sadržaju, koji se sastoji od uglastih zagrada, naziva kratkog koda i parametara. Istovremeno, možete ga ukrasiti bilo kojim stilovima, baš kao i običan tekst posta.
Nadam se da ima dovoljno primjera da sami kreirate wordpress kratki kod koji rješava zadatke koji su vam potrebni.
Ovdje pogledajte video tutorijal o kreiranju složenijih kratkih kodova:
Često, u procesu postavljanja sadržaja na web-lokaciju, morate uključiti jedan ili drugi element u svoje objave. Prilično je nezgodno svaki put nešto napisati ručno, pogotovo ako će takvih umetaka biti puno. Posebno za ovo u CMS WordPress-u, počevši od verzije 2.5 , uvedena je posebna funkcionalnost pod nazivom kratki kodovi.
U praksi, kratki kod je posebna konstrukcija koja je zatvorena u uglastim zagradama. Susrećući ga negdje sistem, zamjenjuje datu vrijednost. Kratki kodovi su prilično popularni u temama i dodacima.
Pogledajmo akcije kratkog koda koristeći dodatak galerije slika kao primjer. Dakle, nakon što ga instalirate i aktivirate, u admin dijelu vaše WordPress stranice pojavljuje se poseban odjeljak koji ima potrebne alate za kreiranje galerije. Kada se slike dodaju i primijenjena potrebna podešavanja, vaša galerija će biti sačuvana. Sada ostaje da ga prikažete na sajtu. Da biste to učinili, dodatak vam govori jedinstveni kratki kod, na čijoj tački umetanja će se prikazati galerija koju ste kreirali.
Kratki kod izgleda ovako:
Kako kreirati kratki kod u WordPressu?
Alati „motora“ omogućavaju ne samo korištenje postojećih kratkih kodova, već i kreiranje vlastitih. Za to su potrebne vještine programiranja. Sav naš rad smjestit ćemo u glavnu konfiguracijsku datoteku aktivne WordPress teme - functions.php.
Ako ne znate kako da uređujete functions.php, tada će vam u ovom slučaju pomoći dodatak ProFunctions.
Na primjer, napravimo kratki kod koji će prikazati jednostavan tekst “Hej WPSchool!”
Da biste to učinili, dodajte sljedeće linije u gornji fajl:
Funkcija wpschool_text_shortcode() (vrati "Bok WPSchool!"; ) add_shortcode("textshortcode", "wpschool_text_shortcode");
Naš kod se sastoji od 2 glavne konstrukcije. Blokiraj funkcija wpschool_text_shortcode() je funkcija u kojoj se zapravo prikazuje tražena vrijednost kratkog koda. U našem slučaju, ovo je izlaz tekstualnog niza “Hej WPSchool!”
Direktiva add_shortcode() je uslužna naredba koja kreira sam kratki kod. Ima dvije opcije. 'textshortcode' je naziv kratkog koda, koji će na kraju biti stavljen u uglaste zagrade. U drugom parametru navodimo ime naše funkcije s tekstualnim izlazom.
Kao rezultat, dobićemo sljedeći kratki kod, spreman za lijepljenje:
Dodajmo ga sadržajnom dijelu posta ili stranice.
Kao rezultat toga, na web stranici će izgledati ovako:
U sljedećem primjeru kreirat ćemo kratki kod za umetanje slike zadane veličine.
Funkcija wpschool_picture_shortcode($atts) (extract(shortcode_atts(array("width" => 100, "height" => 100,), $atts)); vrati " 
"; ) add_shortcode("slika", "wpschool_picture_shortcode");
Naš kratki kod sada sadrži parametre funkcije, a tu je i argument $atts. Da bismo koristili parametre kratkog koda, potrebne su nam dvije funkcije: shortcode_atts() I ekstrakt(). Prva je funkcija ugrađena u jezgru WordPressa koja usklađuje atribute kratkog koda sa datim i dodjeljuje zadane vrijednosti (ako je potrebno). ekstrakt() je funkcija jezika PHP, koji kreira varijable iz vrijednosti niza. Naša funkcija vraća vrijednost koja nam je potrebna ( HTML- raspored naše slike sa datim vrijednostima visine i širine).
Sada kada se koristi kratki kod , odabrana slika će biti generirana s dimenzijama 100 on 100 . Ako trebate promijeniti njegovu veličinu, tada će kratki kod izgledati ovako:
Nedavno sam otkrio da mnogi ne znaju kako da umetnu kratke kodove u WordPress ili da prikažu skriptu na sajtu sa drugim motorom. I oni koji znaju i kako da naprave PHP izlaz kratkog kodačesto prave ozbiljne greške. I na kraju, onda krive činjenicu da ili imaju dodatak ili kratki kod ne radi, ili nešto nije u redu sa predloškom stranice. Ali, zapravo, sve je vrlo jednostavno i greške se dešavaju uglavnom zbog nepažnje ili nepoznavanja sintakse i interpunkcije.
Kako fajl? Brzi odgovor
Posebno za one koji već sve znaju, ali samo traže brzi odgovor, ili za neki drugi motor, onda koristite ovaj kod:
php echo do shortcode wordpress
|
Međutim, ne zaboravite na interpunkciju! citati u vašem kratki kod I Vphp kod mora biti drugačiji.
Odnosno, ako u svom wordpress šablonu sajta koristite isti kratki kod, ali sa dva navodnika unutar (["..."]), au svom php kodu takođe koristite dvostruke navodnike ("[...]"), onda trebate promijeniti jednu od njih u pojedinačne. To je iz tako sitnih razloga kratki kodovi ne rade u wordpressu. Više o tome u nastavku.
Šta je kratki kod(kratki kod), i čemu služi?
Kratki kod je sa engleskog. "kratki kod". Koristi se uglavnom pri kreiranju dodataka ili modula dizajniranih za rad sa sistemima za upravljanje sadržajem (CMS), kao što su WordPress, Joomla, itd. Jednostavno rečeno, ovaj kratki kod je neka vrsta prečice koja se, kada se doda na stranicu, povlači gore. sav veliki kod iz dodatka.
Kratki kod obično izgleda ovako: ili ovo ili čak samo jedna riječ
U svakom slučaju, ovo nije toliko važno, jer je glavna stvar znati princip dodavanja kratkog koda na stranicu.
Kako radi?
Sve je vrlo jednostavno. Recimo da imate sajt na WordPress engine-u, imate neki jednostavan šablon (dizajn) sajta, ali da biste ga ukrasili, odlučite da na njega stavite klizač u kojem će se vaše fotografije same okretati. To je vrlo lako uraditi. Da biste to učinili, morate preuzeti dodatak klizača iz opće biblioteke WordPress dodataka, tamo učitati potrebne fotografije, a dodatak će vam dati mali kod klizača poput:
ali samo tako kratki kod (Shortcode) u jednom redu:
Ubacivanjem nečeg ovakvog
kratki kod na wordpress stranicu ili widget, vaš dodatak će početi da radi i generirat će gornji kod velikog klizača, kao rezultat toga, vaš klizač će se pojaviti na stranicama stranice.
A kako ubaciti kratki kod klizač ravno na wordpress šablon u php kodu?
Ako trebate direktno u kod, za to su programeri ovog dodatka napisali funkciju kratkog koda na php jeziku pored (slika iznad):
Takva "funkcija" kratkog koda može se umetnuti u php datoteku na mjesto koje vam je potrebno na stranici. Na primjer, u header.php, negdje iza tijela ili možda u sidebar.php, i najbolje od svega u datoteci predloška stranice (može se nazvati nešto poput content-page.php), kao rezultat, dobićete da isti klizač, ali već ugrađen u dizajn same stranice.
Međutim, morate biti veoma oprezni kada prikazivanje kratkog koda u wordpress šablonu u php fajlovima. Za ovo je potrebno barem osnovno poznavanje php-a. Jer ako ga ubacite "na pogrešno mjesto" u php datoteku, onda će se na stranici prikazati greška.
Obično svaki php kod počinje sa. Ovdje, nakon završetka jednog php koda i prije početka drugog, možete umetnuti svoju php funkciju. Nažalost, programeri dodataka ne prave uvijek gotovu (kao u ovom primjeru) php funkciju za prikaz kratkog koda. U ovom slučaju, možete ga sami kreirati lako i jednostavno, više o tome u nastavku.
Kako prikaz kratkog koda u php V wordpress ako nema spremne php funkcije u dodatku?
Postoje dodaci u kojima su njihovi programeri odlučili da ne specificiraju gotovu php funkciju za umetanje kratkog koda u datoteke šablona stranice (kao što je bio slučaj u prethodnom primjeru), već samo naznače kratki kod. Evo kako, na primjer, u ovom dodatku klizača:
Šta učiniti u ovom slučaju, jer treba da ubacimo kratki kod u wordpress šablon i direktno u php fajl na sajtu? U ovom slučaju, samo trebate sami umotati kratki kod s php izlaznom funkcijom, što je prikazano na samom početku članka. Kao rezultat toga, uzimajući u obzir naš kratki kod, dobijamo ovu vrstu php funkcije:
wordpress kratki kod kako ugraditi
|
Već se može sigurno integrirati u bilo koji predložak web stranice. Međutim, uzmite si vremena i pročitajte u nastavku o uobičajenim greškama koje čak i iskusni webmasteri čine prilikom dodavanja kratkih kodova.
Velike greške! Ili zašto wordpress kratki kod ne radi?
Na početku članka već sam opisao kako dodati kratki kod V wordpress, I kako zalijepite kratki kod uPHP. Hajdemo sada da sumiramo sve.
U stvari, postoje dva načina za dodavanje, i to:
wordpress kratki kod za šablon
|
Kao što vidite, razlikuju se samo u navodnicima - jednostrukim i dvostrukim. Sintaksa php jezika je veoma pažljiva u pogledu takvih citata. A ako unutar druge funkcije, koja je sa dva navodnika, ubacite kratki kod takođe sa dva navodnika, na primer, kao što smo mi imali: onda ćete dobiti grešku na sajtu.
Da ne bi bilo grešaka i da bi vaš kratki kod ispravno radio, morate imati različite citate. Na primjer, ovako:
Možete dodati bilo koji od prva dva kratka koda u svoj WordPress predložak direktno u uređivaču. Da biste to uradili, pronađite odgovarajuću php datoteku u uređivaču sajta koja kontroliše „mesto“ na sajtu gde želite da prikažete svoj klizač. Ovo mjesto možete pronaći u alatima za programere direktno u vašem pretraživaču pritiskom na prečicu na tastaturi Ctrl + Shift + I.
