Se, että Internet on muuttanut tapaamme vastaanottaa ja käsitellä tietoa, ei ole pelkkä klisee: se on totuus. Toisaalta meidän keskittymisaika lyhenee: ihmisillä on yhä vähemmän aikaa tekstisisällölle. Toisaalta sille ei ole korvaavaa, jos niin haluaa välittää tietoa millä tahansa merkityksellä tai monimutkaisuudella.
Yksi asia, jonka voit tehdä estääksesi vierailijoiden ohittamasta suurta tekstiä, on tehdä tekstisisällöstäsi skannattavissa, jos haluat vain korostaa muutamia mielenkiintoisia tietoja. Voit myös käyttää korostettua tekstiä aksenttimerkkinä. WordPress-viestilaatikot ovat vielä yksi asia, jota voit kokeilla: ne erottuvat selvästi muusta tekstistä ja välitä valinnaisia tietoja vierailijoillesi.
Näytämme sinulle, kuinka voit luoda viestilaatikoita WordPress-verkkosivustollesi. Mutta ennen kuin siirrymme asiaan, haluaisimme keskustella viestilaatikosta yleisemmin. Jos olet varma, että sinun tarvitsee vain tietää, kuinka se tehdään, vieritä alas opetusohjelmaosaan. Puhumme tästä:
WordPress-viestilaatikko on suunnitteluelementti, jota käytetään kiinnittämään vierailijan huomio johonkin tietoon. Se koostuu laatikosta, tekstistä ja mahdollisesti kuvakkeista tai muista grafiikoista. Ne liittyvät tyypillisesti joitain tärkeitä tietoja verkkosivuston vierailijalle ja erottua tekstin rungosta.
Myös viestilaatikko voidaan yleensä hylätä napsauttamalla X-merkkiä tai muuta sulkemiskuvaketta. Kun käyttäjä on saanut tiedot, hän voi poistaa viestilaatikon yhdellä hiiren napsautuksella ja jatkaa lukemista. Ne näyttävät suunnilleen tältä:
Viestilaatikkoa käytetään parhaiten silloin, kun haluat saada vierailijasi kiinnittämään erityistä huomiota erilliseen tietoon joka voi kertoa muun sisällön, mutta ei ole välttämätöntä sen ymmärtämiseksi. Se voi liittyä läheisesti tekstiin, mutta sen ei tarvitse olla.
Ehkä vierailijan lukema artikkeli ei ole sarjan ensimmäinen osa. Siinä tapauksessa saatat haluta varoittaa heitä viestiruudulla, että heidän on ensin luettava jotain muuta. Onko kaupallasi tekstiin liittyvä erikoistarjous? Ehkä voit mainostaa sitä viestilaatikossa. Sisältääkö kirja- tai elokuva-arvostelusi spoilereita? Parempi tehdä asia selväksi etukäteen.
Viestilaatikko voidaan luoda koodilla tai liitännällä. Käytämme kehittämäämme ilmaista lisäosaa nimeltä Qi Addons for Elementor. Qi Addons laajentaa Elementorin jo ennestään valtavaa widgetivalikoimaa 60 upouudella, kauniisti muotoillulla elementillä, joista yksi on viestilaatikko.
Pluginimme kanssa Voit luoda silmiinpistäviä WordPress-viestilaatikoita muutamassa minuutissa. Sinun tarvitsee vain asentaa Elementorin uusin versio (ilmainen versio on hyvä) ja asentaa sitten Qi Addons. Elementorin Qi-lisäosien lisäksi käytämme omaa Qi-teemaa. Parhaan tuloksen saavuttamiseksi suosittelemme, että teet myös. Jos olet jo sijoittanut toiseen teemaan, älä huoli: Qi Addons toimii myös sen kanssa.
Qi Addons on erillinen laajennus, joka on suunniteltu toimimaan Elementorin kanssa ja täydentämään sitä, ja se on täysin ilmainen. Kun olet asentanut molemmat, olet valmis. Voit katsoa viestilaatikon luomisen alla olevasta videosta:
Jos kuitenkin pidät opetusohjelmastasi tekstimuodossa, lue alla. Aluksi sinun on löydettävä a Viestilaatikot -elementti vasemmanpuoleisessa valikossa ja vedä se haluamaasi kohtaan sivulla.
Näet viestilaatikon oletusasetuksineen. Siinä on paikkamerkkiotsikko ja lorem ipsum -tekstiä. Voit muokata niitä kohdassa Kenraali widgetin välilehti.
Emme aio käyttää Mukautettu luokka asetukset tälle esittelylle. Mitä aiomme tehdä, on muuttaa Otsikko kohtaan Säädä taustan, kuvakkeiden, otsikoiden ja tekstin värejä. Se kaikki kestää vain parilla napsautuksella ja poistaa tekstin, mikä tekee tästä hyvin yksinkertaisen viestilaatikon.
Haluamme myös muuttaa kuvakkeita. Laatikon vasemmassa yläkulmassa oleva kuvake on ensimmäinen ylhäällä oleva kuvake Kenraali sovellus, ja sitä kutsutaan Kuvake. Vie sitten hiiren osoitin näyttääksesi valikot Ikonikirjasto muuttaa sitä.
Siellä voit valita käytettävissä olevista kirjastoistasi. Lisäämme a Kirjanmerkki -kuvake etsimällä sitä hakukentästä, valitsemalla sen ja napsauttamalla Lisää.
Muutamme myös Sulje kuvake, oikealla oleva kuvake, jota käytetään viestilaatikon hylkäämiseen. Jos haluat muuttaa kuvaketta lataamalla .svg-kuvan, vie hiiri säätimen päälle ja napsauta sitten Lataa SVG.
Voit sitten ladata uuden kuvan tai valita sellaisen mediakirjastosta, kuten me teemme. Valitse vain kuva ja napsauta sitä Aseta media kun valmis.
Kun kuvakkeet on asetettu, olemme valmiita siirtymään kohtaan Tyyli -välilehti.
Pääosassa Tyyli -välilehti, löydät monia vaihtoehtoja widgetin otsikon, tekstin, kuvakkeen ja taustan muotoiluun.
Muutamme omamme Otsikkotunniste kohtaan H4, mutta voit muuttaa sen mihin tahansa otsikkoasetukseen tai kappaletekstiin. Voit myös muuttaa Otsikon väri, jota emme tee, ja Otsikko Typografia.
Vuonna Otsikko Typografia asetukset, voit muuttaa fonttityyppiä (Perhe), Koko (olemme asettaneet omamme 21 pikseliä) ja Paino (tai ”rohkeus”). The Muuttaa Control muuttaa otsikon isojen kirjainten käyttöä, the Tyyli voidaan käyttää kursivoimaan fontti tai valitsemaan vino fontti, kun taas Koriste -säädintä käytetään alleviivaukseen, yliviivaukseen tai yliviivaukseen.
The Viivankorkeus voi erottaa otsikon rivejä, jos siinä on useampi kuin yksi, mutta se vaikuttaa myös laatikon kokoon, koska se varaa tilaa riittävän korkealle riville. Asetamme omamme 30 pikseliä. The Kirjainväli Control-toimintoa käytetään erottamaan otsikon yksittäiset kirjaimet, emmekä käytä sitä tässä viestilaatikossa.
The Tekstin väri ja Tekstin typografian asetukset ovat täsmälleen samat, mutta koskevat tekstiä, toisin kuin otsikko. Tässä viestilaatikossa ei ole tekstiä, joten emme käytä niitä.
Seuraavaksi alas löydämme Kuvakkeen sijainti säätimet. Voit sijoittaa kuvakkeen otsikkorivin ylä-, keski- tai alaosaan. Pidämme siitä päällä, joten jätämme sen sellaisenaan. Muutamme Kuvakkeen väri numeroon 1e1e1e – melkein musta, vastaamaan otsikon kirjasinväriä. Lopuksi asetamme Kuvakkeen koko kohtaan 23 pikseliä.
Säätimet Sulje kuvakkeen koko toimivat täsmälleen samalla tavalla kuin Kuvake. The Sulje kuvakkeen väri ohjausobjektin avulla voit valita kuvakkeelle eri värin. Asetamme sen mustaksi (#000000). The Sulje kuvake Hover Color on kuvakkeen väri, kun käyttäjän hiiri vie sen päälle. Asetamme tämän myös mustaksi, mutta läpinäkyvyydellä (#000000cc).
Seuraavaksi alas löydämme Taustatyyppi säätimet. Tällä ohjauksella on kaksi päätilaa: Kaltevuus, jota emme käytä, ja Klassikko, jonka teemme. Käytämme tavallista värillistä taustaa, vaaleansinistä (#d5eaf4), mutta voit myös käyttää Kuva jos niin valitset.
Alaosassa Tyyli tämän välilehden osiosta löydät Laatikon reunan säde säätimet. Voit käyttää näitä pyöreämmäksi mistä tahansa tai kaikista viestilaatikon kulmista. Emme käytä sitä tässä esittelyssä.
Lopulta löydämme Välityyli välilehden osio. Vuonna Kuvakkeen marginaali voit asettaa etäisyyden kuvakkeen ja muiden elementtien välillä. Napsautamme linkki -kuvaketta arvojen linkityksen poistamiseksi, koska haluamme hienosäätää kuvakkeen sijaintia. Asetamme ylämarginaaliksi 4 ja oikea marginaali 18 pikseliä.
The Tekstin marginaali yläosa ohjaus on olemassa, jos haluat erottaa tekstin otsikosta. Koska tässä viestilaatikossa ei ole tekstiä, emme tarvitse sitä.
Lopuksi, Laatikon pehmuste ohjausta käytetään ohjaamaan laatikon reunojen ja sen sisällön välistä etäisyyttä. Emme tarvitse sitä tähän mielenosoitukseen.
Ja siinä se on, kaunis viestilaatikko vain muutamassa minuutissa.
Tiivistettynä
Kuten näet, viestilaatikon määrittäminen WordPressiin on erittäin helppoa. Tarvitset vain muutaman ilmaisen lisäosan (Elementor ja Qi Addons) ja hyvän idean katseenvangitsijaan. Qi Addonsin avulla saat täysin toimivan viestilaatikon, jossa on käytännössä rajattomat tyylivaihtoehdot. Kannustamme sitä käyttämään sitä hyvään käyttöön.
Tue työtämme ❤️
Jos pidit tästä artikkelista, harkitse tipin antamista, jotta voimme jatkaa laadukkaan sisällön julkaisemista.
