20 vinkkiä WordPressin lohkoeditorin hallitsemiseen - Qode Interactive 1

20 vinkkiä WordPressin lohkoeditorin hallitsemiseen – Qode Interactive

WordPress-lohkoeditori on tehty aloittelijaystävälliseksi ja intuitiiviseksi. Mutta vaikka olisit käyttänyt sitä sen ensimmäisestä julkaisusta lähtien, siitä voi silti löytää hyödyllisiä temppuja, jotka voivat merkittävästi parantaa työtehoasi. Ihmisen luonteeseen kuuluu tottua tiettyyn tapaan tehdä asioita, emmekä usein huomaa sitä voi olla parempi ja nopeampi tapa saavuttaa jotain. Siksi uskomme, että kannattaa käyttää muutama minuutti aikaa oppiaksesi näistä yksinkertaisista temppuista WordPressin lohkoeditorin hallitsemiseen, joiden avulla voit keskittyä enemmän sisältösi laatuun ja vähemmän teknisiin seikkoihin.

Kuinka WordPress-lohkot toimivat

WordPressin lohkoeditori eli Gutenberg on tehty ajatuksesta tarjota joillekin suosituimmille sivunrakentajille tyypillistä helppokäyttöisyyttä. Se yhdistää sekä editorin että sivunrakennusohjelman ominaisuudet ja se on varmasti yksi WordPressin suurimmista innovaatioista. Sen avulla käyttäjät voivat hallita sisältöä helpommin ja luoda sivuja joustavammin ja valvoa muokkaamista ja lähettämistä.

Gutenbergin konsepti perustuu lohkoihin. Se sisältää laajan kokoelman lohkoja kuten galleria, sarakkeet, tiedosto, koodi ja vastaavat, jotka lisäät sivulle ja mukautat tarpeidesi mukaan. Lohkot luokitellaan jotta löydät helposti lisättävän lohkotyypin. Oletuslohkojen lisäksi on paljon Gutenberg-lohkolaajennuksia, jotka auttavat laajentamaan toimintoja joko yksittäisinä lohkoina tai kokoelmina. Autamme sinua saamaan siitä parhaan hyödyn, olemme keränneet 20 vinkkiä ja temppua, jotka tekevät Gutenberg-kokemuksestasi sujuvamman.

Pikanäppäinten käyttäminen

Hiiren käyttö ei ole aina kätevää, etenkään kovin yksinkertaisille komentoille. Pikanäppäimet ovat usein nopeampi tapa lisätä linkki, tehdä tekstistä kursivoitu ja vastaavaa. Jotkut WordPressin lohkoeditorin yleisimmin käytetyistä pikanäppäimistä ovat:

Enter – Lisää uusi lohko
Ctrl + Vaihto + d – Kopioi valitut lohkot
Alt + Vaihto + z – Poista valitut lohkot
Esc = Tyhjennä valinta
Ctrl + Shift + z – Toista viimeinen kumouksesi
Ctrl + Vaihto + , – Näytä tai piilota asetuspalkki
Alt + Shift + o – Avaa lohkonavigointivalikko
Alt + F10 = Navigoi lähimpään työkalupalkkiin
Ctrl + Vaihto + Alt + m – Vaihda Visual Editorin ja Code Editorin välillä

Pikanäppäimet

Block Type -pikakuvakkeiden käyttäminen

On nopea tapa lisätä kaikentyyppisiä otsikoita tekstiin ilman, että sinun tarvitsee lisätä otsikkolohkoa. Syötä sisään # ja sitten lyö Avaruus H1:lle, ## + välilyönti H2:lle, ### + välilyönti H3:lle ja niin edelleen. Lainausmerkkien lisäämiseen on samanlainen pikakuvake – > + Space. Voit myös helposti lisätä luettelomerkityn luettelon syöttämällä – + Tila tai aloita numeerinen luettelo 1. + Välilyönti tai 1) + Välilyönti.

Uuden lohkon löytäminen ja lisääminen nopeasti

Tavallinen tapa lisätä lohko sivullesi on yksinkertaista, mutta on olemassa tapa tehdä siitä entistä yksinkertaisempi. Kun päätät käytettävän lohkon, sen sijaan, että selaat lohkovalikkoa, kirjoita vain lohkon nimi hakukenttään ja napsauta sitä, kun se näkyy hakutuloksissa.

Lisää lohkoa

Estä-työkalupalkin siirtäminen ylös

Lohkon työkalupalkki kelluu yleensä lohkon päällä, kun muokkaat. Vaikka tämä on usein kätevää, se ei ehkä tunnu mukavalta, kun työkalurivi peittää osan edellisestä lohkosta. Jos haluat saada hyvän yleiskatsauksen tekemisistäsi, voit kiinnittää työkalupalkin yläosaan. Napsauta vain kolmea pistettä Näytä lisää työkaluja ja vaihtoehtoja ja valitse Ylätyökalupalkki vaihtoehto.

Ylätyökalupalkki

Useiden näkymävaihtoehtojen käyttäminen

Jos haluat keskittyä vain siihen lohkoon, jonka parissa työskentelet tällä hetkellä ja huomaat sivun muun sisällön häiritsevän, Spotlight-tila avulla voit tehdä juuri sen himmentäämällä muun sisällön. Jos pidät puhtaasta kankaasta, Koko näytön tila sopii sinulle luultavasti paremmin. Jos haluat vaihtaa näkymää, napsauta kolmea pistettä sivun oikeassa yläkulmassa, niin näet näkymävaihtoehdot, joista voit valita.

Koko näytön tila

Sarakkeiden lisääminen viestiisi

Kolumnit ovat hyvä tapa tehdä tekstistä visuaalisesti houkuttelevampi varsinkin kun haluat lisätä sivullesi aikakauslehden tunnelmaa. Gutenbergin mukana tulee lohko tätä tarkoitusta varten, sitä kutsutaan nimellä Sarakkeet lohko ja sisältää muutamia saraketyylejä, joista valita. Ainoa mitä sinun tarvitsee tehdä sarakkeiden lisäämiseksi, on valita Sarakkeet lohko, aseta haluamasi sarakkeiden määrä lohkoasetuksissa ja se on siinä. Voit sitten muokata sarakkeita lisää lisäämällä muita lohkoja, kuten lainauslohkon tai vastaavan.

Tekstiä sisältävien kuvien lisääminen viesteihisi

Media & Teksti -lohkon avulla voit helposti lisätä minkä tahansa kuvan tai videon tekstin viereen. Kahden lohkon välinen etäisyys ja leveys säätyvät automaattisesti, joten sinun ei tarvitse käyttää aikaa kuvan järjestämiseen tekstin viereen ja päinvastoin.

Media ja teksti

Kansikuvien lisääminen

Kansikuvat ovat hyvä tapa pitää lukijan silmällä tekstiä, varsinkin jos teksti on hyvin pitkää. Toisin kuin suositellut kuvat, kansikuvat sijoitetaan yleensä tekstin keskelle. Voit rikastuttaa niitä lisäämällä niihin tietoja artikkelista korostaaksesi osan artikkelista. Niiden lisääminen on helppoa – käytä vain Peite estää kuvan lataamisen. Muista, että valitsemasi kuvan tulee olla korkealaatuinen, jotta se näyttää hyvältä sivullasi.

Kuvien vetäminen ja pudottaminen tietokoneeltasi

Tiesitkö, että voit vetää ja pudottaa kuvia mistä tahansa tietokoneesi hakemistosta suoraan WordPress Block Editoriin? Valitse vain kuva, vedä se ja pudota se paikkaan, jossa haluat sen näkyvän viestissä/sivulla.

Painikkeiden lisääminen sivuille ja viesteille

Strategisesti sijoitetut painikkeet ovat loistavia toimintakehotuksia, ja niistä on hyötyä monenlaisissa viesteissä ja sivuilla. Etkä tarvitse erityisiä laajennuksia lisätäksesi niitä, koska lohkoeditori sisältää yksinkertaisen Painike lohko, jonka avulla voit nopeasti lisätä painikkeen minne tahansa haluat. Voit valita tekstin värin, taustan, tasauksen ja valita kahdesta tyylistä – täyttö ja ääriviiva. Näet painikkeiden asetukset mukavammin napsauttamalla Painikelohkoa ja sitten oikeassa yläkulmassa olevaa rataskuvaketta, jolloin kaikki painikkeen asetukset näkyvät oikeanpuoleisessa valikossa.

Lisää-painike

Widgetien lisääminen viesteihisi

WordPressissä widgetit ovat helppo ja kätevä tapa lisätä sisältöä verkkosivustoille. Tyypillisesti sivupalkin tai alatunnisteen kaltaisille alueille käytettäviä widgetejä on melko helppo lisätä. Voit kuitenkin myös lisätä ne sisältöalueelle, jos se on mielestäsi järkevää, ja lohkoeditori voi auttaa tässä. Voit käyttää widgetejä kirjoittamalla Widgetit lohkojen hakukentässä ja alla tulee näkyviin valikko käytettävissä olevista widgeteistä.

Gutenbergin widgetit

Ulkoisen sisällön lisääminen Kopioi/Liitä

Vaikka WordPress-lohkot sisältävät upotuslohkot, joiden avulla voit lisätä Instagram-postauksia, videoita ja vastaavaa sisältöä, on olemassa vielä yksi helpompi tapa lisätä YouTube-video tai muun tyyppinen sisältö sivulle. Voit yksinkertaisesti kopioida ja liittää sivulle lisättävän sisällön URL-osoitteen minne tahansa, missä haluat sen olevan viestissä, ja se lisätään automaattisesti ilman, että sinun tarvitsee lisätä upotuslohkoa.

Tietojen löytäminen viestien sanojen määrästä ja rakenteesta

Artikkelisi pituus ja rakenne ovat tärkeitä paitsi laadun myös SEO:n kannalta. Kun kirjoitat, voit helposti innostua ja unohtaa nämä käytännön asiat. Pysyäksesi oikeilla jäljillä voit aina katsoa tilastoja ja tarkistaa artikkelin järjestyksen napsauttamalla paria painiketta. The Yksityiskohdat -painike editorin vasemmassa yläkulmassa, jossa on ”i”, näyttää lohkot, sanamäärän, kappaleet ja artikkelin ääriviivat tekstin otsikoiden perusteella.

Sanamäärä

Sen vieressä oikealla on lohkonavigointipainike, joka antaa sinulle tiedot kaikista tekstissä käyttämistäsi lohkoista. Lisäksi voit napsauttaa lohkoa hypätäksesi suoraan siihen.

Käytetyt lohkot

Kappaleiden värien muuttaminen

Värien käyttäminen artikkelissa on loistava tapa kiinnittää lukijan huomio ja saada tiettyjä tietoja esiin. Voit saavuttaa tämän tehokkaan tehosteen asettamalla värit lohkoeditorissa. Löydät väriasetukset Asetukset-valikosta, kun napsautat rataskuvaketta oikeassa yläkulmassa.. Luo oma väriyhdistelmä ja varmista, että tulos on helppo lukea.

Gutenbergin värit

Lohkojen kopioiminen yhdeltä WordPress-sivustolta toiselle

Hallitsetko sisältöä useammalla kuin yhdellä verkkosivustolla? WordPress Block -editorilla voit kopioida minkä tahansa lohkon mille tahansa toiselle WordPress-sivustolle. Siirry lohkoon, jonka haluat kopioida, valitse se ja valitse Kopio vaihtoehto lohkoasetusten valikossa. Siirry sitten toiselle verkkosivuston sivulle ja liitä se sivun lyhytkoodilohkoon. Lohkon tyyli todennäköisesti eroaa, koska se mukautuu automaattisesti kohdeteemaan.

Lohkojen kopioiminen

Useiden lohkojen kopioiminen

Haluatko kopioida useita lohkoja kerralla? Ei hätää – pidä ”Shift”-näppäintä painettuna ja valitse kopioitavat lohkot ja napsauta sitten ”Muuta lohkotyyliä” -painiketta. Sinun on nyt ryhmitettävä kaikki lohkot yhdeksi elementiksi – valitse Ryhmä -vaihtoehto avattavasta valikosta, ja kaikki valitut lohkot ryhmitellään yhteen laatikkoon. Napsauta sitten Lisää vaihtoehtoja ja työkaluja -painiketta (kolme pistettä oikeassa yläkulmassa) ja valitse ”Kopioi”.

Koko sisällön kopioiminen yhdeltä WordPress-sivustolta toiselle

On monia syitä, miksi saatat joutua kopioimaan koko sisällön yhdeltä verkkosivustolta toiselle, mutta sinun ei varmasti tarvitse kopioida lohkoja yksitellen. WordPress-lohkoeditorilla voit kopioida kaiken sisällön muutamalla napsautuksella. Mahdollisuus tehdä tämä löytyy kohdasta Lisää työkaluja ja vaihtoehtoja valikko oikeassa yläkulmassa. Napsauta vain Kopioi kaikki sisältö ja liitä nimetylle verkkosivustolle..

Gutenberg Kopioi kaikki sisältö

Lohkojen monistaminen samalla sivulla

Jos haluat kopioida lohkon samalla sivulla, käytä Kopioi vaihtoehto, joka näkyy valikossa, kun napsautat kolmea pistettä oikeassa yläkulmassa. Kun lohko on monistettu, voit jatkaa sen muokkaamista itsenäisesti tarpeidesi mukaan.

Monista lohkoja

Uudelleenkäytettävän lohkomallin luominen

Uudelleenkäytettävät lohkot ovat käteviä, koska ne voivat nopeuttaa sivun luomista ilman, että sinun tarvitsee aloittaa joka kerta alusta. Jos haluat luoda uudelleen käytettävän lohkomallin, lisää vain lohko, jota haluat käyttää, napsauta kolmea pystysuoraa pistettä ja valitse sitten Lisää uudelleenkäytettäviin lohkoihin vaihtoehto. Sitten sinua pyydetään antamaan lohkolle nimi, ja sitten lohko on valmis käytettäväksi millä tahansa sivulla tai viestissä.

Uudelleenkäytettävät lohkot

Vaihtaminen visuaalisen editorin ja koodieditorin välillä

Gutenberg sisältää kaksi ”tilaa” sisällön muokkaamiseen – Visual Editorin, joka perustuu ”mitä näet, sitä saat” -periaatteisiin, ja Code Editorin, jossa lisäät ja muokkaat sisältöä HTML:n ja CSS:n avulla. Jos olet kokenut käyttäjä ja mieluummin työskentelet koodin kanssa tai haluat lisätä sivulle lyhytkoodin, työskentelet todennäköisesti mieluummin koodieditorin kanssa. WordPress-lohkoeditorin avulla voit helposti vaihtaa visuaalisen ja koodieditorin välillä. Voit tehdä sen nopeasti käyttämällä pikanäppäintä Ctrl + Vaihto + Alt + M tai tarkistaa Koodieditori -vaihtoehto valikossa, joka avautuu, kun napsautat kolmea pistettä oikeassa yläkulmassa, pyöräkuvakkeen vieressä.

Editorin vaihtaminen

Tiivistettynä

Toivomme, että tämä artikkeli auttaa sinua navigoi sujuvasti WordPressissä ja luoda laadukasta sisältöä entistä helpommin. WordPressin lohkoeditori tulee varmasti kokemaan monia päivityksiä tulevaisuudessa, mutta tällä hetkellä voimme todeta luottavaisesti siinä on kaikki mitä tarvitsee pysyäkseen huipulla CMS-teollisuudessa.

Tue työtämme ❤️

Jos pidit tästä artikkelista, harkitse tipin antamista, jotta voimme jatkaa laadukkaan sisällön julkaisemista.

Turvallinen maksu PayPalilla
Moyens I/O Staff on motivoinut sinua antamalla neuvoja tekniikasta, henkilökohtaisesta kehityksestä, elämäntavoista ja strategioista, jotka auttavat sinua.