{"id":368944,"date":"2023-01-31T13:01:00","date_gmt":"2023-01-31T10:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368944"},"modified":"2023-01-31T13:12:06","modified_gmt":"2023-01-31T10:12:06","slug":"kuinka-perustaa-wordpress-ilmoituspalkki","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-perustaa-wordpress-ilmoituspalkki\/","title":{"rendered":"Kuinka perustaa WordPress-ilmoituspalkki"},"content":{"rendered":"\n

Voit halutessasi v\u00e4litt\u00e4\u00e4 verkkosivustollasi monenlaisia \u200b\u200bviestej\u00e4. Jokainen niist\u00e4 vaatii sopivan kanavan. Suuret ponnahdusikkunat, mainosbannerit ja vastaavat ovat eritt\u00e4in k\u00e4tevi\u00e4, mutta saattavat joskus tuntua liian painavilta. Lis\u00e4ksi sivuston vierailijat saavat niist\u00e4 helposti tarpeekseen, mik\u00e4 voi johtaa korkeisiin poistumisprosentteihin. Jos harkitset tyylik\u00e4st\u00e4, huomaamatonta mutta tehokasta tapaa vangita vierailijoiden huomio ja saada viesti perille<\/strong>, WordPress-ilmoituspalkki saattaa olla juuri sit\u00e4 mit\u00e4 etsit.<\/p>\n

Ilmoituspalkki \u2013 Mihin sit\u00e4 k\u00e4ytet\u00e4\u00e4n<\/h2>\n

Ilmoituspalkkia voidaan k\u00e4ytt\u00e4\u00e4 moniin tarkoituksiin. Se voi varmasti auttaa sinua ohjaamaan enemm\u00e4n liikennett\u00e4 omistetuille sivuille<\/strong>. Voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 s\u00e4hk\u00f6postilistaasi kasvattamiseen tarjoamalla uutiskirjeen tilauksen tai jakamalla koko sivuston tietoja<\/strong>.<\/p>\n

Se voi olla eritt\u00e4in hy\u00f6dyllist\u00e4, jos sinulla on esimerkiksi eCommerce WP -teema<\/a>. Voit n\u00e4ytt\u00e4\u00e4<\/strong> siell\u00e4 toimitustiedot, koska n\u00e4m\u00e4 ovat sellaisia \u200b\u200btietoja, jotka kaikki sivustosi vierailijat haluavat varmasti tiet\u00e4\u00e4. Sinun on my\u00f6s eritt\u00e4in k\u00e4tev\u00e4 mainostaa myynti\u00e4 tai uutta tuotetta<\/strong>. Tarjouskoodin n\u00e4ytt\u00e4minen<\/strong> ilmoituspalkissa on my\u00f6s hyv\u00e4 idea.<\/p>\n

\"Kuinka<\/a><\/p>\n

Lis\u00e4ksi voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 yhteystietojesi jakamiseen<\/strong>. T\u00e4ll\u00e4 tavalla tehostat viestint\u00e4\u00e4 sivuston vierailijoiden kanssa, koska heid\u00e4n ei tarvitse avata toista sivua vain l\u00f6yt\u00e4\u00e4kseen sen. Ja jos lis\u00e4\u00e4t palkkiin sosiaalisia kuvakkeita<\/strong>, se on todistettu resepti sosiaalisen verkostosi yhteyksien kasvattamiseen.<\/p>\n

\"Kuinka<\/a><\/p>\n

Kaikki verkkosivustot voivat hy\u00f6ty\u00e4 hyvin suunnitellusta ilmoituspalkista. Ajattele vain mahdollisuuksia. Voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 toimintakehotusbannerina kutsuaksesi sivuston k\u00e4vij\u00f6it\u00e4 tilaamaan, rekister\u00f6itym\u00e4\u00e4n, napsauttamalla lataamaan tietty\u00e4 materiaalia, tekem\u00e4\u00e4n erikoistilauksen<\/strong> ja vastaavaa.<\/p>\n

\"Kuinka<\/a><\/p>\n

Jos WP-teemassasi ei viel\u00e4 ole ilmoituspalkkia, voit helposti m\u00e4\u00e4ritt\u00e4\u00e4 sellaisen jollakin WordPress-ilmoituspalkin lis\u00e4osista.<\/p>\n

Aseta ilmoituspalkki k\u00e4ytt\u00e4m\u00e4ll\u00e4 WPFront Notification Bar -laajennusta<\/h2>\n

\"Kuinka<\/a><\/p>\n

WPFront<\/a> on luotettava ja k\u00e4yt\u00e4nn\u00f6llinen ilmoituspalkin laajennus. Se on eritt\u00e4in suosittu WordPress-k\u00e4ytt\u00e4jien keskuudessa yksinkertaisuutensa ja tehokkuutensa ansiosta. Se on melko helppo asentaa ja tarjoaa juuri oikean m\u00e4\u00e4r\u00e4n mukautusvaihtoehtoja<\/strong>. Koska se on eritt\u00e4in kevyt, voit olla varma, ett\u00e4 se ei hidasta verkkosivustoasi tai vaikuta sen suorituskykyyn mill\u00e4\u00e4n negatiivisella tavalla. Nyt n\u00e4yt\u00e4mme sinulle, kuinka voit m\u00e4\u00e4ritt\u00e4\u00e4 sen muutamassa vaiheessa<\/strong> ja luoda juuri t\u00e4ydellisen ilmoituspalkin verkkosivustollesi.<\/p>\n

VAIHE 1: Aktivoi WPFront Notification Bar -laajennus<\/h3>\n

Kun olet asentanut laajennuksen, napsauta Asetukset ja sitten Ilmoituspalkki avattavasta valikosta.<\/p>\n

\"Kuinka<\/a><\/p>\n

Napsauttamalla sit\u00e4 avautuu kaikki ilmoituspalkin k\u00e4ytett\u00e4viss\u00e4 olevat asetukset. Ensimm\u00e4inen asia on loogisesti valita ruutu, jossa lukee K\u00e4yt\u00f6ss\u00e4.<\/p>\n

\"Kuinka<\/a><\/p>\n

Kun otat ilmoituspalkin k\u00e4ytt\u00f6\u00f6n t\u00e4\u00e4ll\u00e4, se n\u00e4kyy kaikilla sivuilla ja voit jatkaa sen muokkaamista<\/strong>. Kaikki mukautusvaihtoehdot n\u00e4kyv\u00e4t t\u00e4ll\u00e4 sivulla.<\/p>\n

Huomaat, ett\u00e4 ilmoituspalkki n\u00e4kyy esikatseluna ilmoituspalkin asetussivun taustalla<\/strong>, mik\u00e4 on eritt\u00e4in k\u00e4tev\u00e4\u00e4, koska sinun ei tarvitse k\u00e4yd\u00e4 edestakaisin tarkistaaksesi, milt\u00e4 se n\u00e4ytt\u00e4\u00e4 live-sivulla. N\u00e4et muokkaukset liven\u00e4, ja kun olet tyytyv\u00e4inen n\u00e4kem\u00e4\u00e4ns\u00e4, napsauta Tallenna.<\/p>\n

VAIHE 2: Ilmoituspalkin sijainnin asettaminen<\/h3>\n

\"Kuinka<\/a><\/p>\n

T\u00e4m\u00e4n laajennuksen avulla voit valita sijainnin, jossa haluat n\u00e4ytt\u00e4\u00e4 ilmoituspalkin<\/strong> \u2013 se voi olla sivun yl\u00e4- tai alareuna<\/strong>. Jos valitset ylimm\u00e4n sijainnin, voit my\u00f6s p\u00e4\u00e4tt\u00e4\u00e4, kuinka l\u00e4hell\u00e4 n\u00e4yt\u00f6n yl\u00e4reunaa haluat palkin n\u00e4kyv\u00e4n<\/strong> k\u00e4ytt\u00e4m\u00e4ll\u00e4 Position Offset -vaihtoehtoa. T\u00e4m\u00e4 ei kuitenkaan ole mahdollista ala-asennossa.<\/p>\n

Palkin k\u00e4ytt\u00e4ytymisen osalta voit valita joko Fixed at Position<\/strong> ja Display on Scroll<\/strong>. Jos valitset ensimm\u00e4isen vaihtoehdon, sivun vieritys ei vaikuta palkkiin, vaan se pysyy aina samassa paikassa<\/strong>. Jos valitset toisen vaihtoehdon, palkki tulee n\u00e4kyviin, kun vierit\u00e4t sivua<\/strong>. Se ei n\u00e4y heti, ja Scroll Offset<\/strong> -kohdassa voit valita, kuinka monen pikselin j\u00e4lkeen haluat sen n\u00e4kyv\u00e4n<\/strong>. Jotta Display on Scroll -vaihtoehto toimisi, sinun on ensin poistettava valinta Fixed at Position -kohdasta<\/strong>! <\/p>\n

VAIHE 3: Ilmoituspalkin mukauttaminen<\/h3>\n

\"Kuinka<\/a><\/p>\n

Voit tehd\u00e4 ilmoituspalkista staattisen tai animoidun<\/strong>. Voit valita t\u00e4m\u00e4n asettamalla animaation keston<\/strong>. Jos asetat sen arvoon 0, animaatio sammuu ja palkki on staattinen<\/strong>. Animoi palkki sy\u00f6tt\u00e4m\u00e4ll\u00e4, kuinka kauan animaatio kest\u00e4\u00e4<\/strong>. Jos esimerkiksi asetat sen arvoksi 3 sekuntia, palkki tulee n\u00e4kyviin v\u00e4hitellen kolmen sekunnin aikana. Animaatio on mukava tapa korostaa palkkia, koska se saa sen n\u00e4ytt\u00e4m\u00e4\u00e4n v\u00e4hitellen ja siten kiinnitt\u00e4\u00e4 siihen huomion.<\/p>\n

Jos et halua ilmoituspalkin n\u00e4kyv\u00e4n heti sivun latautumisen j\u00e4lkeen, k\u00e4ytett\u00e4viss\u00e4 on N\u00e4yt\u00e4 j\u00e4lkeen<\/strong> -vaihtoehto. Sen avulla voit m\u00e4\u00e4ritt\u00e4\u00e4, kuinka kauan haluat palkin n\u00e4kyv\u00e4n sivun latauksen j\u00e4lkeen<\/strong>.<\/p>\n

Automaattinen sulkeminen j\u00e4lkeen<\/strong> -vaihtoehdon avulla voit saada palkin katoamaan tietyn ajan kuluttua. Jos palkki on animoitu, se sulkeutuu samalla tavalla kuin avautui \u2013 asteittain.<\/p>\n

Mit\u00e4 tulee vaihtoehtoihin, jotka voit n\u00e4ytt\u00e4\u00e4 navigointipalkissa, sinulla on N\u00e4yt\u00e4 sulje<\/strong> -painike, jonka avulla vierailija voi sulkea palkin<\/strong>, ja N\u00e4yt\u00e4 uudelleen<\/strong> -painike, joka antaa vierailijalle mahdollisuuden avata palkki tarvittaessa uudelleen<\/strong>. Jos t\u00e4m\u00e4 vaihtoehto on poistettu k\u00e4yt\u00f6st\u00e4, palkki ei tule n\u00e4kyviin ennen kuin sivu ladataan uudelleen tai ei n\u00e4y ollenkaan, jos Pid\u00e4 suljettuna<\/strong> -vaihtoehto on k\u00e4yt\u00f6ss\u00e4. S\u00e4ilyt\u00e4 suljettuna<\/strong> -vaihtoehdolla voit asettaa ajan, jonka j\u00e4lkeen palkki tulee uudelleen n\u00e4kyviin.<\/p>\n

Voit m\u00e4\u00e4ritt\u00e4\u00e4 palkin tekstisis\u00e4ll\u00f6n<\/strong> k\u00e4ytt\u00e4m\u00e4ll\u00e4 Viestiteksti<\/strong> – kentt\u00e4\u00e4, johon kirjoitat tekstin, jonka haluat n\u00e4kyv\u00e4n palkissa. Lis\u00e4ksi voit muokata sit\u00e4 HTML:n avulla. Sinun ei edes tarvitse olla erityisen taitava HTML:ss\u00e4.<\/p>\n

Jos esimerkiksi haluat muuttaa fonttikokoa, muutat sit\u00e4 yksinkertaisesti kirjoittamalla haluamasi koko Viestiteksti-kentt\u00e4\u00e4n<\/strong>. Lis\u00e4\u00e4t t\u00e4m\u00e4n tekstin kentt\u00e4\u00e4n:<\/p>\n

<span style=\"font-size: 20px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/span>.<\/code><\/pre>\n
ja ainoa asia, jota sinun tulee muuttaa t\u00e4ss\u00e4, on numero<\/strong>, joka edustaa kirjasinkokoa.<\/p>\n
\"Kuinka<\/a><\/p>\n
Jos nyt haluat painikkeen n\u00e4kyv\u00e4n palkin tekstin vieress\u00e4<\/strong>, valitse vaihtoehto N\u00e4yt\u00e4 painike<\/strong>. Kirjoita sitten teksti, jonka haluat n\u00e4kyv\u00e4n Painiketeksti<\/strong> -kentt\u00e4\u00e4n. Mit\u00e4 tulee painikkeen toimintoihin, voit valita seuraavista vaihtoehdoista:<\/strong><\/p>\n
\"Kuinka<\/a><\/p>\n
Jos haluat, ett\u00e4 palkki lakkaa n\u00e4kym\u00e4st\u00e4 vierailijan klikattua sit\u00e4<\/strong>, voit helposti asettaa t\u00e4m\u00e4n valitsemalla vaihtoehdon Sulje palkki painikkeen napsautuksella<\/strong>. T\u00e4m\u00e4 on j\u00e4rkev\u00e4\u00e4 varsinkin, jos ilmoitus on toimintakehotuspainike. Esimerkiksi kun k\u00e4vij\u00e4 napsauttaa ilmoituspalkissa olevaa Tilaa uutiskirjeemme -painiketta, h\u00e4net ohjataan sivulle, jossa on tiedot tilauksesta, eik\u00e4 ilmoituspalkki n\u00e4y en\u00e4\u00e4, koska sen tarkoitus on saavutettu.<\/p>\n
Jos et halua navigointipalkin n\u00e4kyv\u00e4n kaikille jatkuvasti, voit k\u00e4ytt\u00e4\u00e4 jotakin useista suodatusvaihtoehdoista<\/strong>. Voit m\u00e4\u00e4ritt\u00e4\u00e4, kuinka kauan haluat palkin n\u00e4kyv\u00e4n asettamalla p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4t aloitusp\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 ja -aika-<\/strong> ja lopetusp\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 ja -aika<\/strong> -kenttiin. Voit my\u00f6s valita, mill\u00e4 sivuilla haluat palkin n\u00e4kyv\u00e4n<\/strong> tarkistamalla joitakin N\u00e4yt\u00e4 sivuilla<\/strong> -asetuksen asetuksia.<\/p>\n
\"Kuinka<\/a><\/p>\n
Mit\u00e4 tulee siihen, kuka n\u00e4kee navigointipalkin, voit tehd\u00e4 sen n\u00e4kyv\u00e4ksi vain tietyille k\u00e4ytt\u00e4jille yksinkertaisesti valitsemalla ruudut N\u00e4yt\u00e4 k\u00e4ytt\u00e4j\u00e4rooleja<\/strong> -kent\u00e4ss\u00e4 .<\/p>\n
\"Kuinka<\/a><\/p>\n
Suunnittelu ja v\u00e4rit<\/h4>\n
Laajennus tarjoaa hienoja ominaisuuksia my\u00f6s palkin ulkoasun muotoiluun. Voit s\u00e4\u00e4t\u00e4\u00e4 palkin korkeutta<\/strong> \u2013 asettamalla pikselien m\u00e4\u00e4r\u00e4n. Koska t\u00e4m\u00e4n palkin pit\u00e4isi olla houkutteleva, mutta ei suuri<\/strong>, varo liioittelemasta sit\u00e4. Toinen mielenkiintoinen ominaisuus on, ett\u00e4 voit lis\u00e4t\u00e4 varjon palkkiin<\/strong> valitsemalla N\u00e4yt\u00e4 varjo<\/strong> -vaihtoehdon.<\/p>\n
On mielenkiintoista, ett\u00e4 palkkia ei tarvitse tehd\u00e4 yksiv\u00e4riseksi \u2013 voit asettaa kaksi v\u00e4ri\u00e4 ja luoda liukuv\u00e4rej\u00e4<\/strong>. Lis\u00e4ksi voit asettaa tekstin v\u00e4rin ja v\u00e4rit my\u00f6s kaikille painikkeille.<\/strong><\/p>\n
\"Kuinka<\/a><\/p>\n
WPFront Notification Bar -laajennuksen avulla voit my\u00f6s kirjoittaa ylim\u00e4\u00e4r\u00e4isi\u00e4 CSS-sy\u00f6tteit\u00e4 muokataksesi tyyli\u00e4 entisest\u00e4\u00e4n<\/strong>.<\/p>\n
Mainitaan nyt pari melko usein k\u00e4ytetty\u00e4 CSS-muokkausta, kuten esimerkiksi kirjasinkoon muutos. Asiassa saattaa h\u00e4mmenty\u00e4 se, ett\u00e4 kun muutat viestin tekstin fonttikokoa, se saattaa poiketa viereisen painikkeen linjasta. T\u00e4m\u00e4 voidaan korjata helposti. Kun muutat kirjasinkokoa, on suositeltavaa m\u00e4\u00e4ritt\u00e4\u00e4 elementin luokka, jolle annamme tietyt arvot<\/strong> :<\/p>\n
<span class=\"text-bar\" style=\"font-size: 20px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/span><\/code><\/pre>\n
Esimerkiss\u00e4mme luokka on tekstipalkki, voit tehd\u00e4 saman jollekin muulle luokalle.<\/p>\n
Kuvaamme sit\u00e4 CSS:ss\u00e4 seuraavasti:<\/p>\n
.text-bar {margin-bottom: 0px;}<\/code><\/pre>\n
T\u00e4ll\u00e4 tavalla kohdistamme tekstin ja painikkeen<\/strong>. Tietenkin saatat joutua k\u00e4ytt\u00e4m\u00e4\u00e4n eri arvoa. On parasta tarkastaa haluttu elementti<\/a> saadaksesi selville tarvitsemasi arvon. Voit m\u00e4\u00e4ritt\u00e4\u00e4 luokalle mink\u00e4 tahansa muun ominaisuuden sen mukaan, mit\u00e4 haluat muuttaa.<\/p>\n
Toinen mielenkiintoinen ominaisuus on, ett\u00e4 voit my\u00f6s s\u00e4\u00e4t\u00e4\u00e4 varjoa, joka oletuksena on melko tumma. Voit esimerkiksi s\u00e4\u00e4t\u00e4\u00e4 sit\u00e4 n\u00e4in ja tehd\u00e4 siit\u00e4 kevyemm\u00e4n:<\/p>\n
wpfront-bottom-shadow {box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}<\/code><\/pre>\n
Ja \u00e4l\u00e4 unohda \u2013 sinun on napsautettava Tallenna jokaisen tekem\u00e4si muutoksen j\u00e4lkeen, jotta ne tulevat voimaan!<\/p>\n
Tiivistettyn\u00e4<\/h2>\n
Oikein k\u00e4ytettyn\u00e4 navigointipalkki voi tuoda sinulle paljon etuja. Voit vapaasti testata sit\u00e4 eri tarkoituksiin. Luettelimme vain muutamia ideoita inspiroimaan sinua, mutta olemme varmoja, ett\u00e4 voit keksi\u00e4 monia muita syit\u00e4 k\u00e4ytt\u00e4\u00e4 sit\u00e4. Muotoile, muokkaa sit\u00e4 ja jaa kokemuksesi kanssamme!<\/p>\n
:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Tutustu WordPress-ilmoituspalkkiin ja opi m\u00e4\u00e4ritt\u00e4m\u00e4\u00e4n se nopeasti ja helposti.<\/p>\n","protected":false},"author":1,"featured_media":363820,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-368944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=368944"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/368944\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/363820"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=368944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=368944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=368944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}