EN
Haetaan ...

Kuinka käyttää Pixpa-tekstieditoria?

Sisällön muokkaamisen aikana on tärkeää oppia käyttämään teksti- / WYSIWYG-editoria (mitä näet, saat sen). Tämän tekstieditorin avulla voit muokata, muuttaa ja lisätä sisältöä verkkosivuillesi (yhteyslomake, kalenteri, vieraskirja), blogikirjoituksia ja kansibannereita ilman HTML-taitoa.

Kun käytät Pixpa-tekstieditoria, paina ENTER (Windows) tai RETURN (mac) luodaksesi uuden kappaleen, lisätäksesi uuden rivin pakottamatta uutta kappaletta, paina ja pidä painettuna SHIFT -näppäintä ja paina sitten enter- tai return-näppäintä.

Useimmat editorin toiminnot tulevat voimaan heti, kun olet napsauta painiketta/kuvaketta. Muissa tapauksissa kuvakkeen napsauttaminen tuo esiin pienen pudotusvalikon lisävaihtoehdoilla.

Kun lisäät tekstiisi tyyliä, voit joko napsauttaa muokkausvaihtoehtoa ja aloittaa kirjoittamisen saadaksesi valitun tuloksen tai kirjoittamalla tekstisi, korostamalla sen ja napsauttamalla muokkausvaihtoehtoa, jotta se lisätään valittuun tekstiin.

Selitetyt vaihtoehdot ovat: 

  1. Muoto – Muuta kirjasintyyliä
  2. Tasaa – Tekstin tasaus
  3. Lihavoitu / kursivoitu / yliviivattu / alleviivattu
  4. Lista – Tilattu / Tilaamaton
  5. Kuva – Lisää kuva
  6. Video – Lisää video
  7. Taulukko – Lisää taulukko
  8. Linkki – Lisää linkki tekstiisi
  9. Tekstin väri – Muuta tekstin väriä
  10. Leikkeet – Lisää toimintakehotuspainikkeet
  11. Widget – Lisää mukautettu koodi
  12. Rivi – Lisää rivi
  13. Koko näytön tila
  14. HTML-koodinäkymä

1. Muoto – Muuta fonttityyliä

Voit käyttää neljä erilaista tyyppiä kirjasintyylejä verkkosivustollasi (kerrallaan), jotka määritettäisiin Suunnittelu osio. Tämä on yleinen suunnittelutyyli, jota käytetään verkkosivustolla.


Kaikki kirjasintyylit on määritetty suunnitteluosio. Voit myös klikata Hallitse kirjasimia, joka on viimeinen vaihtoehto avattavassa valikossa, kun napsautat teksti -painiketta. Voit nyt nähdä ja asettaa seuraavat kirjasimet ja muokata kirjasintyyliä, kokoa, väriä, painoa, rivin korkeutta ja kirjainten väliä:

  • Nimike 1
  • Nimike 2
  • Nimike 3
  • Nimike 4
  • Kappaleen teksti (normaali, pieni ja suuri)

Tässä on kuvakaappaus Otsikko 1 -tyylistä. Täällä voit muokata myös muita otsikoiden kappalekirjasimia.


Huomautus: "Koodi" ja "Lainaus" ovat oletustyylisiä.

  • Koodi: Tätä käytetään määrittämään tietokonekoodin pala. Sisältö näytetään selaimen oletusarvoisella monospace-kirjasimella.
  • Voitto: Tämä on sama kuin H3 yhdessä blockquote-tunnisteen kanssa.

Kun olet määrittänyt kirjasintyylin suunnitteluosiossa, voit käyttää niitä tehokkaasti koko verkkosivustolla. Valitse vain teksti ja käytä muotoilua. Järjestelmä käyttää automaattisesti kyseisen tyylin fonttien väriä, kokoa ja painoa valittuun tekstiin. Voit tarkistaa saman verkkosivustolla.

Huomautuksia: Fontin tyyli, paino ja väri näkyvät vain verkkosivustolla, EI studiossa.

2. Tasaa – Tekstin tasaus

Voit tasata tekstisi vasemmalle, oikealle, keskelle ja tasattuina. Valitse teksti ja valitse tasaus pudotusvalikosta.

3. Lihavoitu / kursivoitu / yliviivattu / alleviivattu

  • Rohkea – Korostettu teksti lihavoituu, kun tätä napsautetaan. HTML:ssä tämä käyttää tunnistetta.
  • Kursiivi- – Korostettu teksti muuttuu kursiiviseksi, kun tätä napsautetaan. HTML:ssä tämä käyttää
  • Yliviivaus – Korostettu teksti merkitään poistetuksi, kun sitä napsautetaan. HTML:ssä tämä käyttää tag.
  • korostaa – Korostettu teksti tulee alleviivatuksi, kun tätä napsautetaan. HTML:ssä tämä käyttää tunnistetta.

4. Lista – Tilattu / Tilaamaton

Voit helposti muuntaa tekstisi luetteloiksi, joissa on sisennykset niiden järjestämiseksi.

  • Järjestämätön lista – Korostettu teksti muotoillaan kuten luettelomerkitty luettelo. HTML:ssä tämä käyttää joukkoa ja tunnisteet.
  • Tilausluettelo – Korostettu teksti muotoillaan kuten numeroitu luettelo. HTML:ssä tämä käyttää joukkoa ja tunnisteet.
  • Outdent – Korostetun tekstialueen sisennys poistetaan.
  • sisennys – Korostettu tekstialue sisennetään.

5. Kuva – Lisää kuva

Voit lisätä useita kuvia napsauttamalla sitä. Napsauttamalla tätä painiketta avautuu pieni modaalinen ikkuna, jossa voit joko vetää tai valita kuvan järjestelmästäsi. HTML:ssä käytetty tunniste on .

Voit myös muuta kuvan kokoa vetämällä ja pudottamalla oikean kuvan sinisestä kuvakkeesta.

Editorin avulla voit myös lisätä kuvan otsikko, kuvateksti ja linkki lähetettyyn kuvaan. Napsauta mitä tahansa kuvaa, niin näet vaihtoehdon muokata (1) Poista (2) ja Kokoa (3).

Napsauttamisen jälkeen muokata, näet ponnahdusikkunan, jossa voit määrittää:

  1. Otsikko – Tämä olisi alt tag kyseisestä kuvasta.
  2. Kuvateksti – Otsikon näyttäminen kuvan kanssa live-sivustolla.
  3. asema – Valitse kuvan kohdistus (vasen, keskellä, oikea tai ei mitään).
  4. Linkki – Lisää linkki kuvaan.
  5. Avaa uuteen välilehteen – Valitse tämä valintaruutu, jos haluat avata kuvalinkin uudelle välilehdelle.
  6. Säästä – Tallenna muutokset
  7. Poista – Poista kuva
  8. Korvaa kuva pudottamalla uusi kuva itse pikkukuvan päälle.

Ihanteellinen kuvakoko blogitekstieditorin kuville on 1500px leveys x mikä tahansa korkeus. Tämä on suositeltu koko kaikille blogiasetteluille. Tuetut verkkosivuston kuvatiedostomuodot ovat JPG, JPEG, PNG ja GIF. Jos lataat suurempia kuvia, me pienentää ne 1500 pikselin leveyteen. 

6. Video – Lisää video

Voit lisätä YouTube-/Vimeo-videosi tähän. Napsauttamalla tätä painiketta avautuu pieni modaaliikkuna, johon voit kirjoittaa Youtube-/Vimeo-videosi URL-osoitteen tai upotuskoodin.

Vihje: Voit myös sijoittaa YouTuben URL-osoitteen suoraan tekstieditoriin. Järjestelmä vetää videokuvan automaattisesti.  

7. Taulukko – Lisää taulukko

Napsauta taulukkokuvaketta (7) lisätäksesi taulukon, jossa on N riviä. Voit jäsentää sisältösi riveihin ja sarakkeisiin.

 

8. Linkki – Lisää linkki tekstiisi

Editorissa voit lisätä linkin mihin tahansa tekstiin. Voit yhdistää olemassa olevat verkkosivusi tai minkä tahansa muun verkkosivuston/blogin/PDF:n jne.

Tekstin korostaminen ja tämän painikkeen napsauttaminen avaa pienen modaaliikkunan, johon voit kirjoittaa kohde-URL-osoitteen, valita, avataanko uuteen ikkunaan vai linkitetäänkö toiselle sivulle omalla sivustollaan. HTML:ssä käytetty tunniste on Link Text

Huomaa:

  • Jos haluat linkittää ulkoiselle verkkosivustolle, joka on Pixpa-sivustosi ulkopuolella, kirjoita http://seuraa esimerkiksi verkko-osoite http://www.example.com.
  • Jos haluat linkittää sivustosi galleriaan tai kauppaluokkaan tai sivuun, kirjoita esimerkiksi URL-osoite /gallery
  • Jos haluat luoda linkin, joka avaa sähköpostin työpöytäohjelman, kirjoita mailto: perässä esimerkiksi sähköpostiosoite mailto:example@example.com.
  • Jos haluat luoda linkin, joka soittaa puhelun, syötä tel:, jota seuraa esimerkiksi puhelinnumero ja maatunnus tel:+0-123-456-7890
  • Luo linkki, joka avaa Whatsappin, kirjoita https://wa.me/<number> missä <number> on täydellinen puhelinnumero kansainvälisessä muodossa. Jätä pois nollat, hakasulkeet tai viivat, kun lisäät puhelinnumeron kansainvälisessä muodossa. Esimerkiksi: Käytä https://wa.me/15551234567 sen sijaan https://wa.me/+001-(555)1234567. Tietää enemmän.
  • Jos haluat linkittää PDF-tiedostoosi tai muuhun tiedostoosioon lähetettyyn tiedostoon, kirjoita kopioitu linkki tähän. Tietää enemmän.

9. Tekstin väri – Muuta tekstin väriä

Oletusarvoisesti järjestelmä käyttää kohdassa määritettyä fonttiväriä suunnitteluosio. Voit kuitenkin ohittaa yleisen värin tällä työkalulla. Valitse teksti ja napsauta värikuvaketta, jolloin näkyviin tulee vakioväripaletti, josta voit valita.

Huomautus: Voit määrittää minkä tahansa muun mukautetun värin, joka ei ole saatavilla väripaletissa HTML-koodinäkymästä. Vieritä alas kohtaan 12 saadaksesi lisätietoja.

10. Leikkeet – Lisää toimintakehotuspainikkeet

Editorissa voit myös lisätä toimintakehotuspainikkeita – neliönmuotoisia tai pyöristettyjä linkittääksesi minkä tahansa sivun/gallerian/verkkosivuston/pdf-tiedoston jne. Voit muokata sen kokoa ja väriä HTML-koodinäkymästä. Vieritä alas kohtaan 12 saadaksesi lisätietoja.

Napsauttamalla tätä kuvaketta avautuu pieni modaaliikkuna, jossa voit valita toimintakehotuspainikkeen.

11. Widget – Lisää mukautettu koodi

Editorissa voit lisätä myös minkä tahansa mukautetun koodin, esim. Google Map upotuskoodin, Soundcloudin upotuskoodin, twiitin postin upotuskoodin jne. Pohjimmiltaan minkä tahansa upotuskoodin voi lisätä editoriin widgetin kuvakkeen avulla.

Napsauttamalla tätä kuvaketta avautuu pieni modaaliikkuna, johon voit liittää upotuskoodisi.

12. Rivi – Lisää rivi

Editorissa voit lisätä vaakasuuntaisen viivan.

Napsauttamalla tätä kuvaketta lisätään rivi, johon kohdistin on sijoitettu.

13. Koko näytön tila

Editorin avulla voit siirtyä koko näytön tilaan. Olisi erittäin hyödyllistä, jos järjestät pitkää blogikirjoitustasi tai kirjoitat pitkää artikkelia.

14. HTML-koodinäkymä

Editor-ikkuna voi toimia visuaalisena editorina (WYSIWYG) tai HTML-editorina.

Voit kuitenkin vaihtaa HTML-editoriin napsauttamalla sitä. Voit muuttaa mitä tahansa koodinäkymästä, jos osaat tehdä sen, tai voit myös pingata Pixpa-tukitiimille, jos tarvitset apua.

Vihje: HTML-koodinäkymän avulla voit lisätä minkä tahansa tyyppisen upotuskoodin blogikirjoitukseen.  

Tagged:

Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

Ota yhteyttä