Updates from Elina Salmela Toggle Comment Threads | Keyboard Shortcuts

  • Elina Salmela 0:50 on 25.8.2016 Permalink |
    Tags: pull quote   

    Hei, kaipailen mahdollisuutta laittaa blogipostauksiin tekstinostoja (pull quote). Tätä varten on maailmassa ilmeisesti useita WP-plugineja (esim. Graceful Pull-Quotes, https://wordpress.org/plugins/graceful-pull-quotes/), mutta mikään niistä ei vaikuta olevan saatavilla yliopiston WP-versiossa. Käytän Twenty Twelve -teemaa, sikäli kuin se jotain vaikuttaa.

     
    • Jere Majava 15:27 on 26.8.2016 Permalink | Log in to Reply

      Uusin plugareiden asentamisen kanssa ollaan aika konservatiivisa ylläpitosyistä. Tekstinostoja on aika näppärä määritellä ilmankin.

      Tavallaanhan nosto on lainaus itse tekstistä, joka on vain ulkoasultaan erilainen kuin tavallinen lainaus. Editorista löytyy valmiiksi mahdolisuus määrittä lainauksia (blockquote). Nostoon voi käyttää samaa HTML-elementtiä ja merkata se nostoksi erillisellä class-attribuutilla editorin tekstinäkymässä näin: http://www.awesomescreenshot.com/image/1518054/f28e5427fac5cc3c9d8484ccf761be8d

      Tuo ei itsessään tee yhtään mitään, joten lisätään ulkoasua määrittäviin CSS-tyyleihin (Appearance > Custom CSS) erilaiset ulkoasumääritykset nostoille:

      blockquote.pullquote {
      float: right;
      width: 40%;
      border-left: 2px solid #555;
      margin: 0 0 20px 20px;
      padding: 0 0 0 10px;
      font-size: 1.3em;
      }

      Tuo tarvitsee tehdä siis vain kerran, ja tyylejä voi CSS-taitoinen halutessaan muuttaa mieleisikseen ja käytössä olevaan teemaan sopiviksi.

      Lopputulos näyttää tältä:
      http://blogs.helsinki.fi/workspace/2016/08/25/quotes-and-pullquotes/

      Testasin tuota plugariakin ja tämä menetelmä on itseasiassa helpompi käyttää, noston saa laittaa mihin tahansa kohtaan tekstiä eikä tekstin tarvitse olla täysin sama kuin alkuperäisen.

    • Elina Salmela 14:07 on 27.8.2016 Permalink | Log in to Reply

      Kiitos! Vaikuttaa näppärältä; testailen ja palaan asiaan, jos kysyttävää ilmenee.

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel