WordPress-widgetien käyttäminen lyhytkoodien lisäämiseen – Qode Interactive

Lyhytkoodit ovat loistava tapa rikastuttaa tai lisätä uusia ominaisuuksia ja toimintoja verkkosivustollesi. Lyhytkoodien rajoitus on kuitenkin se, että niitä voidaan käyttää vain sivujen ja viestien sisällössä. Tämä koskee kaikkia oletuslyhytkoodeja sekä mukautettuja, teemojen, laajennusten tai yksityisten WordPress-käyttäjien luomia. Tämän ongelman kiertämiseksi jotkut WordPress-käyttäjät ovat aiemmin valinneet muokata teemansa, laajennuksiensa tai jopa WordPress-ydintiedostojen mallitiedostoja. Tämä antaisi heille mahdollisuuden käyttää lyhytkoodeja muissa verkkosivustonsa osissa, kuten alatunnisteessa tai otsikossa. Sen lisäksi, että tämä menetelmä on virhealtis, se vaatii sinun muokkaamaan samoja tiedostoja uudestaan ​​​​ja uudestaan, koska muutokset ohitetaan jokaisen päivityksen jälkeen.

Onneksi tätä ei enää tarvita. Nyt voit lisätä lyhytkoodikutsun tiettyihin widgeteihin ja käyttää niitä kaikilla käytettävissä olevilla widget-alueilla (tai WordPressin sivupalkeissa, kuten jotkut ohjelmoijat niitä kutsuvat). Näin toimimalla voit laajentaa tietyn lyhytkoodin toiminnallisuuden mihin tahansa verkkosivustosi osaan. Koska lyhytkoodien käyttäminen tällä tavalla ei kuitenkaan ehkä ole yleistä, päätimme luoda tämän artikkelin, jossa selitetään, kuinka voit tehdä niin. Aloitetaanpas.

Kuinka lisätä lyhytkoodeja WordPressin sivupalkin widgeteihin

Tässä artikkelissa käytämme esimerkkeinä kahta lyhytkoodia, jotka loimme mukautettuja lyhytkoodeja koskevaa opetusohjelmaamme varten. Ensimmäinen on nykyisen päivämäärän lyhytkoodi, joka näyttää nykyisen päivämäärän muodossa dd – kk – vvvv. Toinen on värillisen tekstin lyhytkoodi, joka näyttää tietyn tekstin valitsemallasi värillä. Suosittelemme tarkistamaan yllä linkittämämme mukautetun lyhytkoodiopetusohjelman, koska se liittyy tähän artikkeliin. Opetusohjelma tarjoaa myös paljon enemmän tietoa kahdesta mukautetusta lyhytkoodista, joita käytämme, sekä näyttää kuinka lisätä lyhytkoodikutsu yleensä.

Vaikka nämä kaksi lyhytkoodia ovat hyvin yksinkertaisia, ne ovat varsin hyödyllisiä havainnollistaessa lyhytkoodin lisäämistä sopivaan sivupalkin widgetiin. Tarkoittaa kuinka lisätä lyhytkoodikutsu oikein kahteen widgetiin, jotka mahdollistavat tämän toiminnon. Nämä kaksi ovat teksti-widget ja mukautettu HTML-widget. Selitämme kuinka.

Teksti-widgetin käyttäminen

Teksti-widget on yksi hyödyllisimmistä WordPress-oletuswidgeteistä. Sen avulla voit lisätä tekstiä tai HTML-koodia widget-alueelle muuttamatta mitään mallitiedostoja. Kun lisäät sisältöä tähän widgetiin, teksti tulee lisätä Visuaalinen -välilehti, kun taas HTML-koodi on lisättävä Teksti -välilehti, jotta se hahmontuu oikein.

Lisäksi WordPress Text -widget hyväksyy lyhytkoodikutsut (esim [shortcode_name]) kelvollisena tekstimuotona. Tällä tavalla lisätty lyhytkoodikutsu hahmonnetaan sitten oikein verkkosivuston käyttöliittymässä lyhyen koodin tulosteen näyttämiseksi.

Siksi, jos haluat lisätä lyhytkoodin esimerkiksi WordPress-sivupalkkiisi, voit tehdä sen käyttämällä Teksti-widgetiä. Aloita Siirry kohtaan Ulkoasu > Widgetit ja etsi widget-alue mihin haluat lisätä lyhytkoodisi ja lisää teksti-widget siihen. Sitten, lisää lyhytkoodipuhelu sisällä Visuaalinen välilehti ja paina Tallentaa -painiketta alla.

Olemme käyttäneet tässä esimerkissä molempia edellä mainittuja mukautettuja lyhytkoodeja. Selitämme ne lyhyesti.

Koska ensimmäinen lyhytkoodi ei hyväksy mitään parametreja, ”kutsuimme” sitä käyttämällä lyhytkoodin nimeä, ts [current_date]. Ja koska toinen lyhytkoodi hyväksyy kaksi parametria – otsikon ja otsikon värin, olemme toimittaneet ne vastaavan lyhytkoodikutsun sisällä. Lisäksi lisäsimme myös fiktiivistä Lorem Ipsum -tekstiä erottaaksemme visuaalisesti näiden kahden lyhytkoodin tulostuksen. Kun olet lisännyt kaikki kolme asiaa, saimme tulosteen, jonka näet alla olevassa kuvakaappauksessa.

Mukautetun HTML-widgetin käyttäminen

Mukautettu HTML-widget, kuten nimi kertoo, on WordPress-oletuswidget, jolla voit lisätä mukautettua HTML-koodia widget-alueillesi. Lisäämäsi HTML-koodi lisätään suoraan sivun käyttöliittymän HTML-rakenteeseen. Se sijaitsee paikassa, joka vastaa widget-aluetta, johon lisäsit mukautetun HTML-widgetin.

HTML:n lisäksi tämä widget hyväksyy myös lyhytkoodikutsut ja näyttää niiden tulosteen verkkosivulla vastaavasti. Siksi tämän widgetin lisäominaisuus on lyhytkoodin lisääminen haluttuun WordPress-widget-alueeseen.

Jos haluat lisätä lyhytkoodin mukautetun HTML-widgetin avulla, siirry kohtaan Ulkoasu > Widgetit ja etsi widget-alue johon haluat lisätä lyhytkoodin. Lisää mukautettu HTML-widget valitsemasi widget-alueen sisällä ja sitten lisää lyhytkoodipuhelu siihen. Viimeistele mennessä painamalla Tallentaa -painiketta alla.

Koska käytimme samoja kahta lyhytkoodikutsua tässä esimerkissä ja edellisessä, se, mitä sanoimme aiemmin, pätee myös tähän. Lisäsimme saman paikkamerkkitekstin erottaaksemme tulosteen visuaalisesti. Olet kuitenkin saattanut huomata yllä olevassa kuvassa, että paikkamerkkiteksti on kääritty a:n sisään kohta tag. Tämä on välttämätöntä, koska kaikki mukautetun HTML-widgetin sisään lisätyt pelkkä teksti -osio lisätään suoraan verkkosivusi HTML-rakenteeseen. Näin ei kuitenkaan ole Teksti-widgetin tapauksessa, koska se sijoittaa oletuksena pelkkää tekstiä kappaleen sisään.

Näin ollen, kun kaikki nämä asiat on lisätty widgetiin, saamamme tulos on sama kuin edellisessä esimerkissä. Samojen lyhytkoodien lisääminen mukautettuun HTML-widgetiin ja Teksti-widgetiin voi tuottaa saman tulosteen.

Vertaamalla kahta lähtöä ja sitä, kuinka lyhytkoodikutsut lisättiin, voimme päätellä, että sekä Teksti- että mukautettu HTML-widget ovat samanarvoisia, kun on kyse lyhytkoodien lisäämisestä sivupalkin widgeteihin. Joten käyttämäsi vaihtoehdon valitseminen riippuu henkilökohtaisista mieltymyksistä.

Lopulliset ajatukset

Tässä artikkelissa olemme tarkastelleet, kuinka voit käyttää kahta WordPress-widgetiä – teksti- ja mukautettua HTML-widgetiä – lisätäksesi lyhytkoodeja mille tahansa verkkosivustosi widget-alueelle. Tämä antaa sinulle vapauden muokata verkkosivustosi osia, joita et ehkä ole aiemmin voinut mukauttaa. Ja koska prosessi on melko yksinkertainen, voit saavuttaa tavoitteesi tai toteuttaa suunnitelmasi minuuteissa. Muista lisätä tämä artikkeli kirjanmerkkeihin, jotta et unohda tätä kahden monipuolisen WordPress-widgetin usein unohdettua käyttöä.