WordPress-lisäosan dokumentaatio
Opi asentamaan, määrittämään ja muokkaamaan valuuttamuunnin-widgettiäsi
Sisällysluettelo
1 Asennus
Tapa 1: Asenna WordPressista (suositeltu)
- Siirry WordPressin hallintapaneeliin
- Valitse Lisäosat > Lisää uusi
- Etsi "Currency.Wiki Converter"
- Napsauta "Asenna nyt" ja sitten "Ota käyttöön"
Tapa 2: Manuaalinen asennus
- Lataa lisäosa WordPress.orgista
- Valitse Lisäosat > Lisää uusi > Lataa lisäosa
- Valitse ladattu ZIP-tiedosto ja napsauta "Asenna nyt"
- Aktivoi lisäosa asennuksen jälkeen
2 Gutenberg-lohkon käyttö
Helpoin tapa lisätä valuuttamuunnin sivuillesi:
- Muokkaa mitä tahansa sivua tai artikkelia Gutenberg-editorilla
- Napsauta + -painiketta lisätäksesi uuden lohkon
- Etsi "Currency Converter" tai selaa Widgetit-kategoriaa
- Määritä widget oikean sivupaneelin kautta
Vinkki: Näet widgetin reaaliaikaisen esikatselun, kun muutat asetuksia lohkoeditorissa.
3 Shortcode-käyttö
Voit myös lisätä widgetin käyttämällä shortcodeja artikkeleissa, sivuilla tai teemapohjissa:
Peruskäyttö
[currencywiki_converter]
Käytettävissä olevat attribuutit
| Attribuutti | Oletus | Kuvaus |
|---|---|---|
| style | compact | Widgetin tyyli (compact, inline, tall, mini-chart jne.) |
| theme | auto | Väriteema (auto, light, dark) |
| from | USD | Oletuslähdevaluutta (3-kirjaiminen ISO-koodi) |
| to | EUR | Oletuskohdevaluutta (3-kirjaiminen ISO-koodi) |
| amount | 1 | Oletusmäärä muunnettavaksi |
| accent | #3b82f6 | Korostusväri (esim. #3b82f6) |
| embed | script | Upotustapa (script tai iframe) |
| width | auto | Mukautettu leveys pikseleinä |
| height | auto | Mukautettu korkeus pikseleinä |
Esimerkkejä
Tumma teema -widget:
[currencywiki_converter theme="dark"]
Mukautetut valuutat ja määrä:
[currencywiki_converter from="GBP" to="JPY" amount="100"]
Mini-kaaviotyyli:
[currencywiki_converter style="mini-chart"]
Iframe-upotus (teemayhteensopivuus):
[currencywiki_converter embed="iframe"]
4 Widgetin tyylit
Valitse useista widget-tyyleistä, jotka sopivat sivustosi ulkoasuun:
mini
Minimaalinen muunnin, täydellinen pieniin tiloihin (250x140px)
square
Neliö, 1:1-kuvasuhteen muunnin (250x250px)
compact
Pieni, tilatehokas muunnin (280x200px)
inline
Vaakasuora asettelu, hyvä otsikoihin (450x120px)
tall
Pystysuora asettelu klassisilla nimikkeillä (220x360px)
mini-chart
Kompakti muunnin historiallisella kaaviolla (250x260px)
multi-expandable
Muunna useisiin valuuttoihin, käyttäjät voivat lisätä/poistaa (300x400px)
multi-fixed
Kiinteä lista useista valuuttamuunnoksista (280x360px)
rates-compact
Yksinkertainen valuuttakurssilista (260x260px)
rates-viewer
Täysi kurssikatselin kaaviolla (350x420px)
rates-viewer-compact
Kompakti kurssikatselin kaaviolla (300x340px)
Vinkki: Käytä Widget Builderia WordPress-hallinnassa nähdäksesi kaikki tyylit ennen lisäämistä sivustollesi.
5 Määritysasetukset
Lisäosan asetussivulla WordPress-hallinnassa voit määrittää oletusasetukset:
Teema-asetukset
- auto - Sovittaa automaattisesti sivustosi väriteemaan
- light - Käytä aina vaaleaa taustaa
- dark - Käytä aina tummaa taustaa
Upotustapa
- script - Oletus. Widget latautuu suoraan sivulle täydellä toiminnallisuudella. Valuuttavalikot näkyvät muun sisällön päällä.
- iframe - Vara-asetus. Widget latautuu eristettyyn iframeen. Käytä tätä, jos teemasi kanssa ilmenee tyyliongelmia.
Huom: Jos valuuttavalikot jäävät muiden elementtien taakse tai leikkautuvat, kokeile vaihtaa iframe-upotustilaan.
6 Vianmääritys
Widget ei näy?
Varmista, että lisäosa on aktivoitu. Tarkista, täytyykö välimuistilisäosat tyhjentää. Kokeile iframe-upotusta, jos script-upotus ei toimi.
Widget näyttää rikkinäiseltä tai tyylit menevät sekaisin?
Jotkut WordPress-teemat voivat olla ristiriidassa widgetin skriptin kanssa. Vaihda iframe-upotukseen lisäämällä embed="iframe" shortcodeen.
Valuuttavalikko piilossa tai leikkautuu?
Tämä voi johtua siitä, että säiliöelementeissä on overflow:hidden. Kokeile iframe-upotusta tai säädä teemasi CSS:ää sallimaan overflow widgetin säiliössä.
Widget näyttää vanhoja kursseja?
Valuuttakurssit päivittyvät automaattisesti. Jos käytät välimuistilisäosaa, varmista että widgetin skriptit on poissuljettu välimuistista tai tyhjennä välimuisti muutosten jälkeen.
Tarvitsetko apua?
Etkö löydä etsimääsi? Tukitiimimme auttaa mielellään.