Pixpan WYSIWYG (What You See Is What You Get) -toimittaja tarjoaa a tehokas ja intuitiivinen käyttöliittymä sisällön lisäämiseen ja muotoiluun sivut, blogit ja muut osiot sivustostasi. Viimeisimmän päivityksen myötä editoria on parannettu merkittävästi, ja se tarjoaa uusia sisältöelementtejä, tekoälypohjaisia ​​kirjoitustyökaluja, parannettuja asetteluvaihtoehtoja ja interaktiivisia muotoilusäätimiä.

Tämä opas opastaa sinut läpi editorin käyttöliittymä, kuinka käyttää sen ominaisuuksia ja miten optimoida sisältöä verkkosivustollesi.

Tässä artikkelissa:

• Plus (+) -painike
• AI-työkalut
• Muoto – Muuta fonttityyliä
• Lihavoitu / kursivoitu
• Rivi – Lisää rivi
• Lisää muotoiluvaihtoehtoja
• suuntaus
• Tekstin väri
• Luettelo – Luettelomerkki / Numeroitu
• Linkki – Lisää linkkejä
• Kuva – Lisää kuvia
• Emoji
• Taulukko – Lisää taulukoita
• Lisää sisältöluettelo
• Ankkuri
• HTML-koodinäkymä
• Osakohtaiset vaihtoehdot

---

Elementtien lisääminen "+" -painikkeella

Yksi uuden editorin suurimmista parannuksista on “+” -Painike, joka avaa valikon, jossa on erilaisia ​​sisältöelementtejä, jotka voidaan lisätä tekstialueelle.

"+"-painikkeen alla saatavilla olevat elementit:

• AI-työkalut: Käytä tekoälyllä varustettua kirjoitusapua sisältöideoiden luomiseen, tekstin uudelleenkirjoittamiseen tai sisällön nopeaan luomiseen. Lisätietoja.
• Teksti: Lisää vakiokappaleteksti.
• Otsikko: Lisää eri otsikkotasoja (H1, H2, H3 jne.) parantaaksesi sisältöhierarkiaa.
• Kuva: Lataa ja lisää kuvia suoraan tekstiin.
  • Voit ladata kuvia tai lisätä kuvia kirjoittamalla URL-osoitteen.
• Tehtävälista: luoda tarkistuslistoja interaktiivisilla valintaruuduilla.
• Lista: Lisää luettelopisteet or numeroituja luetteloita strukturoidulle sisällölle.
• Upottaa: Lisää ulkoista sisältöä, kuten videot, kartat, äänitiedostot ja iframe-kehykset.
• Taulukko: Lisää taulukoita jäsenneltyjen tietojen esittämiseen. Taulukkovaihtoehdon alta löydät seuraavat lisävaihtoehdot.
  • Lisää pää – Lisää taulukon yläosaan otsikkorivin, jota voidaan käyttää sarakkeiden otsikoissa.
  • Lisää sarake ennen – Lisää uuden sarakkeen valitun sarakkeen vasemmalle puolelle.
  • Lisää sarake perään – Lisää uuden sarakkeen valitun sarakkeen oikealle puolelle.
  • Lisää rivi alle – Lisää uusi rivi valitun rivin alle.
  • Lisää rivi yläpuolelle – Lisää uusi rivi valitun rivin yläpuolelle.
  • Irrota pää – Poistaa otsikkorivin taulukosta.
  • Poista sarake – Poistaa valitun sarakkeen.
  • Poista rivi – Poistaa valitun rivin.
  • Poista taulukko – Poistaa koko taulukon editorista.
• Lainata: Korosta teksti muodossa a lohkolainaus korostusta varten. Tämä luo erillisen tekstilohkon, jonka vasemmalla puolella on pystyviiva, joka erottaa sen visuaalisesti muusta sisällöstä korostaen lainattua tekstiä.
• Koodikatkelma: Lisää ja muotoile HTML, CSS, JavaScript tai muut ohjelmointikielet sisällön sisällä.
• Linja: Lisää vaakasuora jakaja erottamaan sisältöosiot.

• layout: Käyttäen Layout -vaihtoehdon avulla voit järjestää sisällön vaakasuoriksi lohkoiksi useisiin osiin. Tämä mahdollistaa joustavan jäsentelyn ja paremman visuaalisen hierarkian verkkosivullasi. Alla on tärkeimmät ominaisuudet:

  • Useita sarakeasetteluja: Järjestä sisältöä eri tavoin valitsemalla yksi, kaksi, kolme tai neljä saraketta.
  • Mukautetut jakosuhteet: Valitse ennalta määritetyt suhteet, kuten 60/40 tai 40/60, ohjataksesi kunkin osan leveyttä.
  • Sisäkkäiset lohkot: Voit valita lohkon ja luoda siihen useita erillisiä lohkoja organisoinnin parantamiseksi.
• Kääre: Ryhmittele useita elementtejä yhteen paremman järjestelyn saavuttamiseksi.
• Lisää sisältökoe: Luo sisällysluettelo dokumenttien otsikoiden perusteella, mikä helpottaa navigointia. Se on hyödyllinen blogeissa, opetusohjelmissa ja pitkissä artikkeleissa, joiden avulla lukijat voivat siirtyä nopeasti osiin.

Tämä modulaarinen lähestymistapa tekee siitä helppoa mukauttaa asettelua ja lisätä erilaisia ​​sisältöelementtejä tehokkaasti.

---

AI-työkalut

Pixpa Text Editorin AI Tools -ominaisuuden avulla voit parantaa sisältöäsi tekoälyn avulla. Tässä ovat käytettävissä olevat vaihtoehdot:

• Muotoile uudelleen – Muokkaa valittua tekstiä säilyttäen alkuperäisen merkityksen. Tämä auttaa parantamaan luettavuutta tai muotoilemaan lauseita uudelleen selkeyden lisäämiseksi.
• Lyhentää – Tiivistä valittu teksti, jotta se on tiiviimpi, mutta säilytä keskeiset tiedot.
• Pidentää – Laajenna valittua tekstiä lisäämällä asiaankuuluvia yksityiskohtia, jotta se olisi kuvaavampi ja informatiivisempi.
• Yksinkertaistaa – Kirjoita teksti uudelleen käyttämällä yksinkertaisempaa kieltä, mikä helpottaa sen ymmärtämistä ja säilytä alkuperäinen tarkoitus.
• Oikea kielioppi – Tarkista ja korjaa automaattisesti valitun tekstin kielioppivirheet, mikä parantaa sen tarkkuutta ja luettavuutta.
• Kääntää – Käännä valittu teksti eri kielelle, jolloin voit luoda monikielistä sisältöä vaivattomasti.

Nämä tekoälyllä toimivat ominaisuudet tehostavat sisällön luomista ja tekevät siitä nopeamman ja tehokkaamman.

---

Muoto – Muuta kirjasintyyliä

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

Kaikki fonttityylit on määritelty kohdassa 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 (pieni ja iso)
• Otsikko 1 Erittäin suuri

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

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.

---

Lihavoitu/kursiivi

• 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ää

---

Rivi – Lisää rivi

Editorissa voit lisätä vaakasuuntaisen viivan. Napsauttamalla tätä kuvaketta lisätään rivi, johon kohdistin on sijoitettu.

---

Lisää muotoiluvaihtoehtoja

Pixpa-tekstieditorin Lisää muotoilua -valikko tarjoaa lisätekstin tyylivaihtoehtoja sisältösi ulkonäön ja rakenteen parantamiseksi. Kukin vaihtoehto toimii seuraavasti:

• Koodi – Muotoilee valitun tekstin tekstin sisäiseksi koodiksi tai koodinpätkäksi. Tästä on hyötyä ohjelmoinnin tai teknisen sisällön näyttämisessä.
• korostaa – Lisää valittuun tekstiin alleviivauksen korostaakseen.
• Ankkuri – Lisää nimetyn ankkurin valittuun tekstiin, jolloin voit luoda sisäisiä linkkejä, jotka hyppäävät suoraan kyseiseen osioon samalla sivulla. Hyödyllinen sisällysluettelon tai sivun sisäisen navigoinnin luomisessa.
• yläindeksi – Näyttää valitun tekstin hieman normaalin tekstin perusviivan yläpuolella (esim. X²). Käytetään yleisesti matemaattisissa lausekkeissa ja alaviitteissä.
• alaindeksi – Näyttää valitun tekstin hieman normaalin tekstin perusviivan alapuolella (esim. H₂O). Hyödyllinen kemiallisille kaavoille ja muille erikoismerkinnöille.
• Korostaa – Korostaa valitun tekstin taustavärillä kiinnittääkseen huomion tärkeään sisältöön.
• Poistettu – Yliviivaa valitun tekstin poiston tai korjauksen merkiksi.
• Tyhjennä kaikki tyylit – Poistaa kaikki käytetyt muotoilut valitusta tekstistä ja palauttaa sen oletustyyliin.

---

suuntaus

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

---

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.

Tämän lisäksi voit määrittää täältä myös taustavärin valitulle tekstille.

Huomautus: Voit määrittää minkä tahansa muun mukautetun värin, jota ei ole saatavilla väripaletissa, kohdasta Aseta väri vaihtoehto syöttämällä Hex-koodi väristä.

---

Lista

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

• Bullet List – Korostettu teksti muotoillaan kuten luettelomerkitty luettelo. HTML:ssä tämä käyttää joukkoa ja tunnisteet.
• numeroitu List – Korostettu teksti muotoillaan kuten numeroitu luettelo. HTML:ssä tämä käyttää joukkoa ja tunnisteet.

---

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

---

Kuva – Lisää kuva

Voit helposti lisätä kuvia sisältöösi Pixpa-tekstieditorin Lisää kuva -vaihtoehdon avulla. Halusitpa sitten ladata kuvia laitteestasi tai lisätä ne URL-osoitteen kautta, tämä ominaisuus tarjoaa saumattoman tavan parantaa julkaisujasi visuaalisilla elementeillä.

• Lisää kuva URL-osoitteen kautta – Voit liittää kuvan URL-osoitteen ja lisätä sen suoraan sivulle napsauttamalla Lisää-painiketta.
• Lataa kuva laitteelta – Voit vetää ja pudottaa kuvan määritettyyn latauslaatikkoon tai valita kuvan laitteeltasi napsauttamalla laatikon sisällä.

---

Emoji

Pixpa-tekstieditorin Emoji-vaihtoehdon avulla voit parantaa sisältöäsi erilaisilla hymiöillä. Emojien avulla voit tehdä sisällöstäsi ilmaisuvoimaisempaa, korostaa tai välittää tunteita hauskalla ja luovalla tavalla.

---

Pöytä

Taulukko-vaihtoehdon avulla voit lisätä taulukoita suoraan tekstieditoriin. Kun olet lisännyt, voit mukauttaa taulukon rakennetta ja sisältöä käyttämällä useita muotoiluvaihtoehtoja.

Taulukon muokkausvaihtoehdot:

• Lisää pää – Lisää otsikkorivin taulukon yläosaan sarakkeiden otsikoiden korostamiseksi.
• Lisää sarake ennen – Lisää uuden sarakkeen valitun sarakkeen vasemmalle puolelle.
• Lisää sarake jälkeen – Lisää uuden sarakkeen valitun sarakkeen oikealle puolelle.
• Lisää rivi alle – Lisää uuden rivin valitun rivin alle.
• Lisää rivi yläpuolelle – Lisää uuden rivin valitun rivin yläpuolelle.
• Poista pää – Poistaa taulukon otsikon, jos sellainen lisätään.
• Poista sarake – Poistaa valitun sarakkeen taulukosta.
• Poista rivi – Poistaa valitun rivin taulukosta.
• Poista taulukko – Poistaa taulukon kokonaan editorista.

---

Lisää sisältöluettelo

Luo sisällysluettelo dokumenttien otsikoiden perusteella, mikä helpottaa navigointia. Se on hyödyllinen blogeissa, opetusohjelmissa ja pitkissä artikkeleissa, joiden avulla lukijat voivat siirtyä nopeasti osiin.

---

Ankkuri

Ankkurityökalu mahdollistaa yksilöllisen HTML-tunnuksen lisäämisen viestisi osioon tai kappaleeseen. Tämä on hyödyllistä sisäisten sivulinkkien (hyppylinkkien) luomisessa, jolloin kävijät voivat napsauttaa linkkiä ja siirtyä suoraan tiettyyn sivun osaan.

Kuinka käyttää sitä:

1. Napsauta mitä tahansa kohtaa kappaleessa tai osiossa, johon haluat ankkuroida tekstin.
2. Napsauta työkalupalkista Ankkurikuvake.
3. Näyttöön tulee ponnahdusikkuna nimeltä "Ankkuri".
4. In "Lisää tai muuta tunnus" kenttään, anna yksilöllinen tunniste (esim. paragraph-2).
5. Napauta Säästä.

Tärkeät muistiinpanot:

• Tunnustodistuksen tulisi olla pieniä, sisältää ei välejä, ja käytä yhdysviivat tarvittaessa.
• Kun asetus on tehty, voit linkittää tähän ankkuriin käyttämällä #your-id URL-osoitteesi lopussa.
  • Esimerkiksi: https://yourwebsite.com/page#paragraph-2

Tämä ominaisuus on loistava pitkille julkaisuille tai sisällysluetteloa sisältäville artikkeleille, joiden avulla lukijat voivat siirtyä nopeasti tiettyihin osioihin.

---

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.

---

Osakohtaiset vaihtoehdot

Jokaisessa tekstieditoriin lisätyssä osiossa on lisämuokkausvaihtoehtoja, joiden avulla voit muokata sen ulkoasua ja toimintoja. Pääset näihin asetuksiin napsauttamalla kahta vaakasuuntaista viivaa osion vieressä, mikä avaa pudotusvalikon erilaisilla säätimillä.

• Lisää – Lisää uusi sisältölohko nykyisen lohkon alapuolelle lisätäksesi nopeasti lisää tekstiä, kuvia tai muita elementtejä.
• muodostuu – Voit vaihtaa eri tekstilohkotyylien, kuten kappaleen, otsikon tai lainauksen, välillä.

• Ankkuri – Lisää lohkoon ankkuritunnuksen, jotta voit luoda sivun sisäisiä linkkejä, jotka hyppäävät suoraan tähän osioon.
• Siirrä ylös / Siirrä alas – Järjestä osion sijainti sisällössä uudelleen siirtämällä sitä ylös tai alas.
• Väri – Muuta valitun lohkon tekstin väriä.
• Taustaväri – Aseta lohkon tekstin taakse taustaväri korostusta tai kontrastia varten.
• Raja – Lisää tai muokkaa reunuksia osion ympärille jäsentääksesi sisältöäsi tehokkaammin.

• Väli – Säätää lohkon ympärillä olevaa täytettä, mukaan lukien ylä-, ala- ja sivureunat, jolloin voit hallita välistystä ja asettelua tarkemmin.

• Monistaa – Kloonaa osio säilyttääksesi muotoilun ja rakenteen johdonmukaisuuden sisällön eri osissa.
• Poista – Poista osa kokonaan, jos sitä ei enää tarvita.

Näiden asetusten avulla voit hallita täysin sisällön rakennetta, mikä varmistaa hyvin organisoidun ja visuaalisesti houkuttelevan asettelun.

---

Yhteenveto

Pixpa WYSIWYG -editori tuo a moderni, monipuolinen ja intuitiivinen kokemus sisällön muokkaamisesta. Sen parannetulla sisältöelementit, tekoälytyökalut, median upottaminen ja strukturoitu muotoilu, kiinnostavien sivujen ja blogitekstien luominen on nyt tehokkaampaa kuin koskaan.

Hyödyntämällä näitä ominaisuuksia voit parantaa sisältöäsi, paranna käyttäjän sitoutuminen, ja luo a saumaton verkkosivustokokemus.