Sisällön korostaminen WordPressissä: Pullquote

Sisällön korostaminen WordPressissä: Pullquote

Kun julkaiset uutta sisältöä, on tärkeää kiinnittää huomiota sen yleiseen graafiseen ulkoasuun - ei vain siihen, että sivu näyttää hyvältä. Tiettyjen osioiden asianmukainen korostaminen lisää selkeyttä ja kiinnittää kävijän huomion sisällön keskeisiin osiin. Näin käyttäjä saa olennaisimmat tiedot, vaikka hän ei lukisi koko artikkelia vaan vain selaisi sen sijaan sen läpi.

Tänään keskitymme tekstin korostamiseen WordPress-editorissa lainausmerkkien avulla. Näytämme, miten lohko- ja vetolainaukset tehdään tietyissä tilanteissa, ja selitämme niiden välisen eron.

Artikkelissa vastataan seuraaviin kysymyksiin:

Milloin lainausmerkkiä kannattaa käyttää

Termi blockquote syntyi lyhentämällä lausetta lainausmerkit mikä tarkoittaa, että kyseessä on yksittäisen sisällön kappaleen (lohkon) siteeraus. Yleensä se ei ole itse artikkelista poimittua tekstiä. Lohkolainaukset viittaavat ulkoisiin lähteisiin. Voit käyttää niitä lainauksena:

  • Toinen lähde ja ammatilliset julkaisut
  • Kuuluisien ihmisten lainaukset
  • Suosittelut tyytyväisiltä asiakkailta

Lainausmerkit kiinnittävät huomion tiettyyn sisältöön. Ne merkitsevät tiedon tärkeäksi erottamalla sen graafisesti muusta sisällöstä. Lyhenteet osoitetaan usein visuaalisesti lainausmerkeillä tai käänteisillä pilkuilla. Niiden lopullinen ulkonäkö riippuu kuitenkin käyttämästäsi WordPress-teemasta.

Miten lisätä blockquote WordPress editor

Sivulle tai viestiin on olemassa erityinen lohko, jonka avulla voit lisätä lohkolainauksen, nimeltään Lainauslohko. Se voidaan lisätä sivullesi hyvin helposti:

1. Ensimmäinen vaihtoehto on napsauttaa "+"-symbolia yläpalkissa tai editorissa, johon haluat sijoittaa lohkon. Etsi sitten hakupalkista sana "quote".

Lainauslohkon lisääminen
Lainauslohkon lisääminen napsauttamalla "+"-painiketta

2. Toinen vaihtoehto on etsiä lohkoa kirjoittamalla sen nimi etuviivan "/" jälkeen.

Lisää Lainauslohko käyttämällä vinoviivaa "/"
Löytääksesi ja lisätäksesi lainauslohkon voit käyttää myös vinoviivaa "/".

Valmista tuli. Olet luonut lohkon, jossa on paikanvaraaja ja teksti "Kirjoita lainaus".

Lohkotyylit ja muotoilu

Uudella lainauslohkolla on oletustyyli ja -muotoilu. Pystysuora viiva korostaa lainausta ja erottaa sen muusta sisällöstä. Voit kuitenkin vaihtaa tyylin muotoon "Suuri" napsauttamalla lainausmerkkikuvaketta (") työkalupalkissa tai valitsemalla "Tyylit" oikealla puolella olevasta Tarkkailijasta.

Suuri tyyli poistaa pystyviivan, kasvattaa fonttikokoa ja muuttaa sen kursiiviksi. Vaikka lainauksen lopullinen ulkonäkö esikatselusivulla riippuu käyttämäsi WordPress-teeman ulkoasusta.

Lainauslohkon tyylin muuttaminen oletusarvosta suureksi
Katso, miten erilaiselta Quote-lohko voi näyttää, kun muutat sen lohkotyylin oletustyylistä Large (Suuri).

Lohkolausekkeiden muotoilu on samanlainen kuin kappaleiden muotoilu. Lainausmerkit voidaan muotoilla lihavoiduksi tai kursivoiduksi, ja voit jopa käyttää hyperlinkkiä (URL) lainauksen sisällä. Tekstin tasaus voi olla vasen, keskellä tai oikealla. Itse lainauslohko on aina kiinteä sisällön leveyteen nähden.

Muunna Blockquote toiseksi lohkotyypiksi

Voit muuttaa lohkositaatin toiseksi lohkotyypiksi yhdellä napsautuksella. Etuna on, että voit siirtyä suoraan Quote blockquotesta Pullqouteen ja päinvastoin. Tässä on täydellinen luettelo kaikista käytettävissä olevista lohkoista, joista voit valita:

  • Kohta
  • Pullqoute
  • Otsikko
  • Luettelo

Vedä lainauksia: Milloin niitä käytetään?

Lohkolausekkeet viittaavat ulkoisiin lähteisiin, kun taas vetositaatit korostavat tärkeimpiä tietoja, jotka on poimittu suoraan sivusi sisällöstä. Tämä tarkoittaa, että ne kiinnittävät huomion tiettyyn kappaleeseen viestissäsi tai sivullasi ja korostavat sen merkitystä.

Miten Pull-lainaukset toimivat?

  • Graafisena elementtinä, joka parantaa sisältöä ja sen rakennetta.
  • Ne kiinnittävät käyttäjän huomion sivua selattaessa.
  • Niitä voidaan käyttää sivun alaotsikoina tai otsikoina.

Kuinka lisätä pullquote-lohko

Ennen WordPress-lohkoeditorin julkaisua (versiot alle 5.0) oli tarpeen muotoilla vetolainaukset CSS:llä. Nyt Pullquote-lohkon ansiosta voit lisätä niitä muutamalla napsautuksella. Pullquote-lohkon lisääminen sivulle on täsmälleen sama kuin Quote-lohkon lisääminen. Käytä vain tämän lohkon nimeä sen sijaan haettaessa.

Pullquote-lohkon mukauttaminen

Pullqoute-lohko tarjoaa 2 perustyyliä - oletus ja yksivärinen. Voit vaihtaa niiden välillä työkalupalkissa tai Inspectorissa. Miltä ne näyttävät?

Oletustyylille on ominaista kaksi vaakasuoraa viivaa, lainauksen ylä- ja alaosassa. Voit muuttaa näiden kahden rivin väriä, vaikka tausta pysyy valkoisena.

Pullquote Oletustyyli
Pullquote-tyylin oletustyyli

Toisaalta, Solid Color on tyyli yksinkertaisempi muotoilu ja ilman viivoja. Oletustyyliin verrattuna kirjasinkoko on hieman suurempi ja voit valita koko lohkon taustavärin, kun käytät Solid Color -tyyliä.

Vetolainaus Tasainen väri
Pullquote-lohkon yksivärinen tyyli

Sillä ei ole väliä, kumman tyylin valitset, voit muuttaa fontin väriä molemmissa. Käytettävissä on myös tavallinen kappaleen muotoilu, kuten lihavointi, kursivointi tai URL-osoitteen lisääminen.

Edistyneet Pullqoute-lohkojen kohdistusvaihtoehdot

Toisin kuin Quote-lohko, Pullqoute-lohko tarjoaa useampia tasausvaihtoehtoja: leveä tai koko leveys tavallisen tasauksen (vasen, oikea, keskellä) lisäksi.

Laajakuvanäkymän ansiosta pullqoutea voidaan käyttää otsikkona tai väliotsikkona. Sen lisäksi, että se voi jakaa sivun sisällön kauniisti, se toimii myös cliffhangerina, joka houkuttelee käyttäjää jatkamaan sivun selaamista. Muistathan, että Pullquote-kohdan lopullinen ulkonäkö riippuu teemasi ulkoasusta. Kaikki teemat eivät myöskään tue kehittyneitä kohdistusvaihtoehtoja.

Pullqoute-lohkon kohdistus koko leveydeltä
Pullqoute, joka voi toimia otsikkona (venytettynä koko leveydelle).

Citadela-teeman avulla voit valita leveän tai koko leveyden ilman ongelmia.
Lataa se ja katso itse!

Muuntaminen toiseen lohkotyyppiin

Pullquote-lohkolla on rajalliset mahdollisuudet muuntua toisen tyyppiseksi lohkoksi. Itse asiassa Pullquote-lohko voidaan muuttaa vain Quote-lohkoksi.

Johtopäätökset: Lainauslohko vai pullquote-lohko?

Milloin käyttää Lainauslohkoa Pullquote-lohkon sijasta ja päinvastoin?

Suosittelemme Lainauslohkoa, kun esitellään mielipiteitä ja tunnettujen henkilöiden sitaatteja tai kun siteerataan ulkoisia lähteitä. Lainauslohkon tulisi olla tekstiä, jota käyttäjät eivät löydä suoraan sivulta tai viestistä. Se sopii mainiosti suositteluihin, sillä ne erottavat arvostelut graafisesti muusta sisällöstä (sekä ulkoasussa että muotoilussa - esimerkiksi käyttämällä kursiivia). Ensisilmäyksellä on selvää, että kyseessä on sitaatti ja siksi asia, jota on korostettava.

Pullqoute-lohkoa tulisi käyttää sivulla olevasta tekstistä suoraan poimittujen keskeisten tietojen korostamiseen. Koska Pullquotes ovat otteita sisällöstä, niiden avulla verkkovierailijat voivat oppia tärkeimmän viestin lukematta artikkelia perusteellisesti. Jos Pullquote-lohkossa olevat tiedot ovat kuitenkin todella houkuttelevia, se kannustaa kävijää viettämään sivustollasi enemmän aikaa. Lisäksi voit käyttää Pullqoute-lohkoa myös otsikkona tai tekstityksen korvikkeena.

5 ajatuksia aiheesta "Highlighting content in WordPress: Blockquote vs. Pullquote"

  1. Hei Ivi,
    kiitos tästä opas käyttää wordpress blockquote oikea tapa, Yritin lisätä sen kautta minun teemaeditori ja olen melkein kaatui kaiken. Kiitos vielä kerran.

    Mitä WordPressin sisällysluettelo-lisäosaa käytät? Se on kaunis ja haluaisin ottaa sen käyttöön sivustollani.

    1. Hei Bolarisa,

      kiitos kohteliaisuudesta. Tutustu yksityiskohtaisiin tietoihin osoitteessa https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/.

      Ystävällisin terveisin!
      Zlatko
      AIT-tiimi

  2. Minun citadela pro plugins teemat ulkoasu näyte, En löytänyt miten muuttaa kuvan vetää lainausmerkki

    https://prnt.sc/v26fce

    1. Hei,

      Kiitos, että kirjoitit. Pyydämme sinua ystävällisesti tutustumaan tietopohjaamme ja/tai dokumentaatioomme, jossa on video-oppaita:
      https://www.ait-themes.club/ait-themes-documentation/
      Voit myös vapaasti lähettää teknisen kysymyksen suoraan omaan tukipyyntöjärjestelmäämme. Kirjaudu tilillesi osoitteessa https://system.ait-themes.club/support/add-question.

      Ystävällisin terveisin!
      Zlatko
      AIT-tiimi

Kommenttien lisääminen on estetty.