Haluatko mukauttaa WordPress-teemaa? Ehkä aloitit juuri henkilökohtaisen verkkosivustosi, mutta oletusarvoiset WordPress-teemat eivät innosta sinua.

Onneksi WordPress tarjoaa monia vaihtoehtoja, joiden avulla voit muokata ja suunnitella verkkosivustosi teemaa mieltymystesi mukaan. Näytämme sinulle, kuinka pääset alkuun.

Vaihe 1: Oletusteeman muuttaminen

Tällä hetkellä WordPressin perusasennuksessa on oletuksena Twenty-Twenty Two -teema. Mutta kuten olet ehkä huomannut, oletusteemassa ei ole kaikkia kelloja ja pillejä, joita haluaisit verkkosivustollesi. Toki se latautuu nopeasti ja toimittaa sen, mitä tarvitaan, mutta haluat myös verkkosivustosi näyttävän hyvältä.

Siksi sinun kannattaa harkita WordPress-oletusteeman korvaamista jollakin muokattavammalla. Hienoja esimerkkejä ovat GeneratePress, Astra, OceanWP, Kadence WP jne.

Voit tehdä tämän kirjautumalla sisään sivustosi WordPress-hallintapaneeliin ja valitsemalla Ulkomuoto vasemmasta sivupalkista. Vaihda sitten kohtaan Teemat osio ja napsauta

Lisää uusi asentaaksesi uuden teeman. WordPress esittelee luettelon suosituimmista ja uusimmista teemoista. Voit joko valita yhden tästä luettelosta tai kirjoittaa manuaalisesti hakukenttään sen teeman nimen, jonka haluat asentaa.

Joka tapauksessa vie hiiri teemamerkinnän päälle, kun näet sen, ja napsauta Asentaa. Napsauta sitten Aktivoida soveltaaksesi teemaa live-verkkosivustolle. Monet WordPress-teemat näyttävät upeilta alusta alkaen, kun taas saatat joutua mukauttamaan jopa verkkosivuston perusasettelua itse joissain tapauksissa.

Vaihe 2: Muuta joitakin yleisiä verkkosivustomuuttujia

Kun olet asentanut haluamasi teeman, seuraava vaihe on asettaa perusmuuttujia, jotka vaikuttavat koko verkkosivustoosi, kuten verkkosivustosi nimi, tunnuslause ja logo. Suuntaa kohti Ulkomuoto osio ja napsauta Mukauta avataksesi WordPress-muokkausohjelman. Täältä löydät asetukset, joilla voit muokata verkkosivustosi rakennetta, ulkoasua ja typografiaa.

Huomaa, että alla mainitut vaihtoehtojen tunnisteet voivat vaihdella asentamasi teeman mukaan, mutta useimmat ominaisuudet näkyvät mukauttajassa vain eri tunnisteen alla. Muista siis kokeilla vaihtoehtoja ennen kuin teet varsinaisia ​​muutoksia verkkosivustoon.

Aloita siirtymällä kohtaan Sivuston identiteetti -osioon ja kirjoita verkkosivustosi nimi ja tunnuslause. Luo sitten kaksi erilaista logoa verkkosivustollesi: otsikkologo ja favicon. WordPress määrittää faviconin suositellut mitat; sinun tarvitsee vain luoda kuva ja ladata se kirjastoon. Loput on helppoa!

Voit myös piilottaa verkkosivuston nimen ja tunnuslauseen, jos lataat mukautetun logon.

Siirry sitten verkkosivuston asettelun muokkaamiseen vaihtamalla kohtaan Layout osio. Täällä voit muuttaa ensisijaisen säilön leveyttä, otsikon kohdistusta, navigointivalikkoa, sivupalkkeja ja paljon muuta.

On suositeltavaa, että luot ylä- ja alatunnistevalikot tässä vaiheessa - käyttämällä Valikot -osiossa, jotta voit keskittyä myöhemmin pelkästään asioiden suunnitteluun.

Vaihe 3: Siirry edistyneempiin tyyleihin

Nyt kun perusasiat ovat poissa tieltä, sinulla on perusrakenne siitä, miltä verkkosivustosi näyttää. Älä huoli, jos se ei näytä vielä hyvältä. Suuntaa kohti värit ja valitse verkkosivustosi päävärit. Voit käyttää an online-sivusto väripalettien luomiseen brändillesi.

Vaihda sitten kohtaan Typografia -osio ja lisää fontit, jotka haluat verkkosivustollesi. Kun olet valinnut puhtaan ja luettavan fontin, siirry kohtaan Widgetit. Voit lisätä verkkosivustollesi useita widgetejä: hakukenttä, viimeisimmät kommentit, aiheeseen liittyvät artikkelit, galleria, mukautettu HTML-koodi, tekstinäyttö jne.

Valitse paikka, jossa haluat näyttää widgetin, ja lisää sitten se WordPress-lohko-widget-ominaisuuden avulla.

Vaihe 4: Mukautetun koodin käyttäminen WordPress-teeman mukauttamiseen

Yksi WordPressin monista ominaisuuksista on sen kyky käsitellä mukautettua koodia. Voit lisätä koodisi WordPressin päälle ja se heijastaa muutoksia rikkomatta mitään. Ainoa saalis? Sinun tulee olla CSS-taito HTML-muotoilua varten ja PHP, jotta voit muuttaa WordPressin oletustoimintoja.

Voit lisätä mukautetun CSS: n verkkosivustollesi siirtymällä kohtaan Ylimääräinen CSS osio WordPress-muokkaussovelluksen sisällä. Täällä voit käyttää luokkia ja tunnuksia valitaksesi ja muotoillaksesi HTML-elementtejä makusi mukaan. Saadaksesi elementtitunnisteen HTML-kokonaisuudelle, käytä Google Chromen ja Mozilla Firefoxin tarjoamia selaimen kehittäjätyökaluja.

Voit myös mukauttaa teeman toimintaa siirtymällä WordPress-hallintapaneeliin ja valitsemalla Ulkomuoto vasemmasta sivupalkista. Alla Teeman tiedostoeditori, löydät luettelon kaikista teematiedostoista ja editorin, jonka avulla voit muokata niitä.

Voit muuttaa mitä tahansa tapaa, jolla viestit näkyvät luokkasivuillasi, miten kommentit näytetään ja suodatetaan muokkaamalla PHP-tiedostoja.

Vaihe 5: Luo lapsiteema tallentaaksesi mukautuksia

Muokkauksesi saavat sivustosi näyttämään kauniilta. Mutta vain siihen asti, kunnes kehittäjä julkaisee teemapäivityksen. Teemaan tekemäsi muutokset menetetään heti, kun päivität WordPress-teeman. Voit torjua tämän Luo lapsiteema WordPress-pääteemastasi.

Lapsiteema perii yläteeman tyylin, ulkonäön ja toiminnot, ja voit lisätä mukautuksiasi sen päälle. Näin aina kun pääteemaan tulee uusi päivitys, voit olla varma, että päivitys vaikuttaa vain pääteemaan ja mukautukset pysyvät ennallaan.

Bonusvinkki: Sivunrakennustyökalun tai mallien käyttäminen verkkosivustosi suunnittelussa

Jos et halua käyttää aikaa brändin väripaletin luomiseen ja verkkosivustosi kaikkien osien mukauttamiseen, harkitse valmiiden mallien käyttöä. Vastuuvapauslauseke: kaikki WordPress-teemat eivät tarjoa malleja käyttäjilleen ilmaiseksi, mutta monet tarjoavat.

Joten jos sinulla ei ole aikaa ja sinun on luotava nopeasti henkilökohtainen tai yrityssivusto, asenna teema, jonka mukana tulee erilaisia ​​malleja, joista voit valita.

Tältä demosivusto näyttää GeneratePressin mallin käyttöönoton jälkeen:

Vielä parempi, voit käyttää sivunrakennustyökalua, jonka avulla voit luoda mukautettuja sivuja vetämällä ja pudottamalla. Voit myös muokata ja luoda mukautettuja ylä- ja alatunnisteita tällaisilla työkaluilla.

WordPress-sivujen rakentajat pitävät Elementor ja Divi ovat hengenpelastaja niille, joilla ei ole kokemusta käyttöliittymäteknologioista ja jotka tarvitsevat vain nopean tavan luoda kauniita WordPress-sivustoja ilman koodausta.

Ammattimaisen verkkosivuston luominen WordPressillä

Verkkosivuston perustaminen vie aikaa. Sinun on ostettava verkkotunnus ja määritettävä isännöinti, ja se tapahtuu sen jälkeen, kun onnistut keksimään tuotemerkin.

Internetissä on tällä hetkellä lähes 1,7 miljardia verkkosivustoa, ja lisää tulee joka päivä. Siksi on tärkeää valita ainutlaatuinen verkkotunnus, joka auttaa brändiäsi erottumaan joukosta.