Inspiraatio.
Tämä on tavoitteeni sinulle.
Paljon WP-käyttäjiä ei ole vielä tajunnut, kuinka tehokas WordPress on, joten anna tämän postauksen toimia inspiraation lähteenä, kun löydät uusia työkaluja ja taktiikoita WordPress-verkkosivustosi mukauttamiseen.
Tule brändäämään sivustosi, muokkaamaan sisältöäsi henkilökohtaiseksi ja jopa tekemään muutoksia hallintatauluun.
Kun olet lukemisen valmis, sinulla on kauniimpi, täysin brändätty verkkosivusto.
Tässä on paljon opittavaa, joten merkitse tämä sivu kirjanmerkkeihin, jotta voit palata loppuun, jos tarvitset enemmän aikaa.
Nopein tapa tehdä dramaattinen muutos sivustoosi on vaihtaa WordPress-teemaa.
Teeman vaihtaminen muuttaa välittömästi kaiken sivustosi ulkoasussa.
Voit helposti viettää päiviä teemojen selailuun ja tarkasteluun. Itse asiassa monet ihmiset tekevätkin niin!
Joka viikko ihmiset lähettävät minulle sähköpostia, jossa he kertovat katsoneensa satoja teemoja ennen kuin valitsevat yhden minun teemoistani.
Jos haluat säästää aikaa, seuraa opastustani siitä, miten valitset täydellisen teeman sivustollesi.
Tietysti, jos haluat testata uutta designia heti, meillä on 19 ilmaista WordPress-teemaa, joita voit esikatsella suoraan WP-kojelaudaltasi.
Seuraava helppo tapa tehdä suuri muutos sivustosi ulkoasuun on vaihtaa uusimmat postaukset etusivun staattiseen sivuun.
Jokaista WordPress-sivustoa varten tulisi käyttää staattista etusivua.
Jep, vaikka olisit bloggaaja. Itse asiassa erityisesti, jos olet bloggaaja!
Saat enemmän tilaajia ja tienaat enemmän rahaa sivustollasi, jos teet muutakin kuin luettelet uusimmat postauksesi.
Etusivullasi voi esimerkiksi olla sähköpostiosoitelomake, jolla voit rakentaa tilaajamäärääsi, ja sen jälkeen voit mainostaa muutamia parhaita postauksiasi sen sijaan, että esittelisit pelkkiä uusimpia postauksiasi.
Muutos on helppo tehdä WordPressin kojelaudan kautta. Käännä vain tämä asetus staattiseksi sivuksi:
Vaikka nyt luultavasti ihmettelet, miten luoda mukautettu etusivu. Sekin onnistuu helposti oikealla työkalulla.
Voit käyttää Elementoria mukautetun kotisivun suunnitteluun.
Siltä varalta, että se ei ole sinulle tuttu, Elementor on sivunrakentaja-lisäosa, ja kuten ”sivunrakentaja”-osasta voi päätellä, voit käyttää sitä täysin mukautettujen sivujen luomiseen.
Aloittaaksesi voit asentaa Elementorin sivustollesi etsimällä sen Plugins-valikosta tai lataamalla sen wordpressistä.org.
Kun olet asentanut Elementorin sivustollesi, voit vierailla millä tahansa sivulla ja napsauttaa ”Muokkaa Elementorilla” -painiketta editorin käynnistämiseksi.
Vasemmalla ovat kaikki käytettävissä olevat erilaiset widgetit, joita voit raahata ja pudottaa sivun sisältöalueelle.
Tehdäksesi räätälöidyn sivun, sinun tarvitsee vain lisätä haluamasi widgetit sivun sisältöön. Jokaisessa niistä on mukana valtavasti muokattavia vaihtoehtoja, kuten tämä:
Gutenbergissä on samankaltaisia lohkoja, mutta Elementorin widgetit ovat paljon muokattavampia.
Mutta jokaisen widgetin lisääminen ja muokkaaminen yksi kerrallaan saattaa tuntua työläältä. Helpottaaksesi asioita Elementorissa on tyylikkäitä valmiita lohkoja, jotka voit pudottaa mihin tahansa sivuun:
Ja vielä parempaa on se, että Elementorissa on valmiita myyntisivuja, jotka voit lisätä sivullesi yhdellä napsautuksella.
Voit selata valmiita kotisivuja, lisätä suosikkisi ja vaihtaa tekstiä ja kuvia, jotta saat ne sopimaan niihin täydellisesti.
On olemassa melko vähän ilmaisia myyntisivuja, mutta useimmat parhaista ovat saatavilla vain Elementor Pro -ohjelmassa.
Luotat teemaan suurimmassa osassa sivustosi sivuja, mutta kun tarvitset täysin räätälöityä sivua, kuten kotisivusi, tämä on loistava hetki käyttää Elementoria. Itse asiassa jopa teeman kehittäjänä olen alkanut luoda sivuja Elementorilla sen sijaan, että koodaisin ne itse, koska se on niin nopeaa ja yksinkertaista.
Nyt kun tiedät sivujen rakentajista, palataan takaisin sivuston globaaleihin mukautuksiin.
Valitsemallasi fontilla on suuri vaikutus sivustosi luonteeseen.
Sentähden saatat olla harmissasi, jos et ole saanut valita fonttiasi.
Noh, oletan, että teemassasi ei ole mukautettuja fontteja, jos luet tätä, joten tässä on yksinkertainen ja ilmainen ratkaisu:
Asenna Google Fonts Typography -lisäosa.
Tämä lisäosa antaa sinulle täydellisen pääsyn Google Fonts -kirjastoon, joka on de facto fonttien lähde verkossa.
Käytän Google Fontsia kaikissa teemoissani, enkä tunne yhtään teemojen kehittäjää, joka käyttäisi jotain muuta.
Kun asennat Google Fonts Typography -lisäosan, löydät Customizerista uuden paneelin, jossa voit nopeasti vaihtaa fontin koko sivustollesi.
Minulla on yksityiskohtainen video-opastus fontin vaihtamisesta Google Fonts Typography -ohjelmalla, jos haluat vaiheittaiset ohjeet.
Jos käytät jotakin teemoistamme, löydät Google Fontsin täysin integroituna teemasi PRO-päivitykseen.
Tässä on vielä yksi nopea voitto, jolla voit säätää sivustosi esitystapaa.
Muuttaa postausten määrää sivua kohden
Oletusarvoisesti WordPress näyttää kymmenen postausta blogin pääsivulla ja arkistoissa (kategoriat, tunnisteet, kirjoittaja ja päivämäärän arkistot).
Kymmenen on hyvä oletusarvo, mutta entä jos sinulla on monipalstainen ulkoasu, kuten Challenger Pron ulkoasut?
Kävijät vierittävät kaikki kymmenen viestiä ohi yhdellä pyyhkäisyllä. Sivustosi toimii paremmin, jos sisällytät sen sijaan enemmän viestejä, esimerkiksi 16 tai 20.
Voit käydä Lukemisen asetukset -valikossa (Asetukset > Lukeminen) ja muuttaa nopeasti viestejä sivua kohden tällä asetuksella:
20 on hyvä yläraja viesteille sivua kohden
Yksinkertaista, eikö?
Kun joku pääsee postaustesi loppuun, hän voi klikata sivunumerointia löytääkseen lisää, mutta on olemassa toinenkin räätälöinti, joka on parempi kuin pelkkä sivunumerointi.
Asettaa loputtoman vierityksen
Ole rehellinen.
Kuinka usein oikeasti napsautat blogin alareunassa olevia sivunumerointilinkkejä?
Näpäytän toisinaan, mutta napsautan vain linkkiä seuraavalle sivulle postauksista. Tämän tietäen, tarvitsetko todella muuta kuin ”lisää viestejä”-painikkeen?
Infinite scroll antaa kävijöille mahdollisuuden vierittää sivua alaspäin ja ladata viestit automaattisesti, kun he vierittävät. Vaikka tämä voi toimia hyvin joillakin sivustoilla, on pieni viritys, joka yleensä toimii paremmin. Tämä ratkaisu on sisällyttää ”lataa lisää” -painike postausten jälkeen, kuten tämä:
Kävijät voivat napsauttaa painiketta ladatakseen postaukset automaattisesti lataamatta koko sivua uudelleen.
Vapaa WordPressin Infinite Scroll -laajennus tekee erinomaista työtä, mutta sinun täytyy olla valmis muokkaamaan koodia teemassasi.
Jos haluat koodittoman ratkaisun, Jetpackissa on mukana ääretön vieritysominaisuus. Kaikki teemat eivät ole yhteensopivia, mutta kaikki 19 teemoistamme toimivat Jetpackin kanssa.
Infinite scroll saa kävijäsi lukemaan enemmän viestejä ja viettämään sivustollasi pidempään. Itse asiassa, kun kerran puhumme tästä aiheesta, tässä on kaksi muuta tapaa muokata sivustoasi niin, että kävijät lukevat enemmän viestejäsi.
Käytä johdonmukaisia esikuvakuvia
Hän käyttää esikuvakuvia, eikö niin?
Varmistaaksemme, että olemme samalla sivulla, voit käyttää tätä vaihtoehtoa minkä tahansa postauksen tai sivun sivupalkissa Featured Image -kuvan lisäämiseksi:
Ja kuva näkyy sitten blogin ja postauksen sivulla näin:
Tämä on esimerkki Challenger-teemasta
Erikoiskuvat auttavat jokaista postausta saamaan enemmän huomiota ja enemmän klikkauksia, mikä tarkoittaa enemmän lukijoita ja tilaajia.
Mutta asiaan liittyy muutakin.
Jotkut WordPress-käyttäjät ajattelevat vain yhtä postausta kerrallaan valitessaan Featured Images -kuvia, ja se saa heidän bloginsa näyttämään hajanaiselta.
Kun valitset Featured Images -kuvia, varmista, että pidät johdonmukaisen ilmeen.
Pidän esimerkiksi yleensä kiinni vektoritaiteesta Featured Images -kuvissa täällä Compete Themes -blogissa.
Valitse sivustosi Featured Images -kuviin johdonmukainen estetiikka, ja siitä tulee kauniimpi ulkoasu.
Käytän vektorigrafiikkatiedostoihin Vecteezyä ja Unsplash on paras lähde ilmaisille, ammattimaisille valokuville. Saatat myös pitää Canvasta, jolla voit lisätä postauksen otsikon kuviesi päälle.
Jos haluat blogistasi vieläkin houkuttelevamman, noudata tätä seuraavaa vinkkiä.
Kirjoita oma ote jokaiseen postaukseen
En voi uskoa, kuinka harvat ihmiset kirjoittavat omia otteita!
Editorin oikeassa sivupalkissa on tämä Ote-laatikko:
Sikäli kuin käytät hyvin koodattua teemaa, sinne kirjoittamasi ote näkyy blogin pääsivulla ja arkistoissa.
Kahdesta syystä kannattaa kirjoittaa mukautettu ote jokaiseen postaukseen.
Ensiksikin, teemasi käyttää luultavasti ensimmäiset 25 sanaa. Etkö usko, että voit kirjoittaa viekoittelevamman teaserin postauksellesi kuin vain tarttumalla ensimmäisiin 25 sanaan? Kävijät klikkaavat enemmän, jos kirjoitat kiehtovia otteita.
Toiseksi, voit varmistaa, että ote sopii hyvin ulkoasuun, kun kirjoitat mukautettuja otteita. Jos oletuspituus näyttää liian pitkältä tai lyhyeltä, manuaalisten otteiden kirjoittaminen korjaa tämän ongelman.
Lisäksi se saa sivustosi toimimaan paremmin myös sosiaalisessa mediassa, jos noudatat tätä seuraavaa mukautustaktiikkaa.
Muokkaa, miltä sivustosi näyttää Facebookissa
Jos noudatit kahta edellistä vinkkiä, tulet rakastamaan sitä, miltä postauksesi näyttävät, kun niitä jaetaan Twitterissä ja Facebookissa.
Mutta!
Si sinun on lisättävä sivustoosi ”Open Graph” -tunnisteet. Helpoin tapa on asentaa Yoast SEO -lisäosa.
Yoast SEO optimoi sivustosi sijoittumaan paremmin Googlessa. En halua poiketa liikaa sivuraiteelle, koska tämä postaus käsittelee web-suunnittelua, ei hakukoneoptimointia, joten voit lukea näitä SEO-oppaita, jos haluat lisää tietoa kaikesta siitä.
Toinen asia, jonka Yoast SEO tekee, on Open Graph -tunnisteiden lisääminen sivustollesi 😁
Open Graph -tunnisteet näkyvät sivustosi jokaisen sivun lähdekoodissa ja kertovat sosiaalisen median sivustoille, kuten Facebookille, millaista sisältöä ne käyttävät, kun joku jakaa sivustosi.
Jos lisäät Featured Image -kuvan ja kirjoitat mukautetun otteen, Facebook näyttää sen sisällön, kun viestiä jaetaan, mutta vain, jos olet lisännyt Open Graph -tunnisteet.
Yoast SEO:n avulla voit myös lisätä erilaisen kuvan vain Facebookia ja/tai Twitteriä varten.
Kuinkahan siistiä se on?
Voit käyttää tavallista valokuvaa Featured Image -kuvana, mutta sinulla voi olla erilainen versio, jossa otsikko on päällekkäin vain sitä varten, kun ihmiset jakavat postauksen Facebookissa.
Kun puhumme sosiaalisesta mediasta, tämä seuraava räätälöinti on olennaisen tärkeä yleisösi kasvattamisessa.
BONUSVINKKI: Säästääkseni aikaa kirjoitan jokaiselle postaukselle räätälöidyn meta-kuvauksen, annan sen Yoast-ohjelmistoon ja käytän sitä uudelleen postauksen räätälöitynä otteena.
Lisää sosiaaliset kuvakkeet
Tämä WordPressin räätälöinti on kuoleman yksinkertaista.
Jos haluat ihmisten seuraavan sinua, sinun on tehtävä siitä helppoa!
Useimmissa teemoissa on nykyään sisäänrakennetut sosiaaliset kuvakkeet, kuten Mission News -teemassa, joka sisältää kuvakkeet yli 50:lle sosiaaliselle mediasivustolle.
Kun joku napsauttaa jotakin kuvaketta, se vie kävijän suoraan sosiaaliseen profiiliisi. Tämä on loistava tapa saada ihmiset seuraamaan sinua haluamallaan alustalla.
Kaikkakin sosiaalisten kuvakkeiden lisääminen sivustosi otsikkoon ja/tai alatunnisteeseen on loistava keino yleisösi kasvattamiseen, sinun tulisi myös harkita sosiaalisten jakopainikkeiden lisäämistä.
Sosiaalisten jakopainikkeiden lisääminen
En halua hämmentää sinua, joten teen tämän selväksi.
Viimeisessä vaiheessa suosittelin linkitettyjen kuvakkeiden lisäämistä sosiaalisten profiileidesi sosiaalisiin profiileihisi sivustosi otsikkoon. Ne ovat vain linkkejä.
Sosiaalisen jakamisen painikkeet tulisi lisätä postauksiisi näin:
Kun joku napsauttaa jotakin näistä painikkeista, avautuu uusi välilehti, jossa postaus on täytetty ja valmis jaettavaksi.
Lisäosia on valtavasti, mutta uusi suosikkini on Scriptless Social Sharing.
Ongelma, joka minulla on useimpien jakopainikkeiden lisäosien kanssa, on se, että ne hidastavat sivustoa liikaa. Scriptless Social Sharing sisältää olennaiset ominaisuudet eikä mitään muuta. Se latautuu supernopeasti ja toimii loistavasti sekä työpöydällä että mobiililaitteilla.
Kaiken saamasi uuden liikenteen myötä haluat tehdä vielä muutaman muokkauksen, jotta sivustosi olisi kannattavampi.
Lisää yhteydenottolomake
Jos myyt sivustollasi palveluita, lomakkeen lisääminen, jotta asiakkaat voivat ottaa yhteyttä, on itsestäänselvyys.
Mutta yhteystietolomake on olennainen osa jokaista verkkosivustoa. Koskaan ei voi tietää, mitä mahdollisuuksia tiellesi voi tulla.
Koska yhteydenottolomakkeen lisääminen on mahdollista, WPForms on suosikkilisäosani.
Se on uskomattoman muokattavissa ja helppokäyttöinen. Lisäksi premium-päivitykset todella vievät asiat seuraavalle tasolle.
Oppaani yhteydenottolomakkeen lisäämisestä WordPressiin näyttää sinulle kaikki vaiheet.
Jos et myy palveluita tai sinulla on jo yhteydenottolomake, saatat haluta luoda uuden laskeutumissivun.
Luo laskeutumissivu
Laskeutumissivu on sivusi sivu, jolle kävijät laskeutuvat. Toisin sanoen, lähetät uutta liikennettä tänne, jotta voit muuntaa heidät tilaajiksi ja/tai asiakkaiksi.
Jos olet onnistunut ohjaamaan liikennettä sivustollesi, on aika laittaa tarjous laskeutumissivulle ja lähettää kävijöitä sinne.
Suosittelen Elementor-lisäosan käyttöä mukautetun laskeutumissivun luomiseen. Heillä on valmiita laskeutumissivuja ja sivustopaketteja, joita voit käyttää lähtökohtana.
Yksi kikka laskeutumissivujen kanssa on se, että joko poistat kaiken navigoinnin tai rajoitat navigointia kyseisellä sivulla. Tätä varten sinun on osattava luoda mukautettuja valikoita.
Luo mukautettu valikko
Mikäli se riippuu valitsemastasi teemasta, sivustosi tulostaa todennäköisesti jokaisen ”Sivun” päävalikossa.
Tämä ei ole ihanteellista.
Tahdot luoda mukautetun joukon linkkejä valikkoihisi ja mahdollisesti muutaman valikon, jotka näytät sivustosi eri sivuilla.
Luot mukautetun valikon seuraamalla tämän video-oppaan vaiheita:
Oppaat lisäämään linkkejä mihin tahansa viesteihin, sivuihin tai jopa ulkoisiin URL-osoitteisiin valikkoihisi. Voit myös järjestellä niitä uudelleen ja luoda pudotusvalikoita helposti.
Lisää tämä seuraava mukautus, jotta sivustollasi olisi entistäkin helpompi navigoida.
Tehdä valikostasi ”tahmea”
Olet jo vierittänyt tätä viestiä jonkin matkaa alaspäin, mutta jos katsot ruudun yläreunaan, huomaat, että ensisijainen valikko on edelleen näkyvissä.
Valikon pitäminen aina kiinteästi näytön yläreunassa helpottaa sivustollasi liikkumista huomattavasti, koska kävijöiden ei tarvitse vierittää koko matkaa takaisin ylöspäin joka kerta, kun he päättävät siirtyä uudelle sivulle.
On kaksi yksinkertaista tapaa tehdä navigaatiostasi tahmea (jos teemasi ei jo sisällä tätä vaihtoehtoa).
Ensiksi voit asentaa ilmaisen Sticky Menu on Scroll -lisäosan.
Tämä lisäosa toimii loistavasti, mutta sinun täytyy osata löytää CSS-valitsin, jota käyttää. Kaikissa teemoissamme voit käyttää joko #site-header
tai #menu-primary-items
riippuen siitä, haluatko koko otsikon vai vain ensisijaisen valikon olevan tahmea.
Toinen vaihtoehto on käyttää Elementor Pro -ohjelmassa olevaa tahmeaa valikkoa. Tämä menetelmä ei vaadi minkään CSS-valitsimen käyttämistä, ja voit samalla täysin muokata valikon ulkoasua.
Minulla on vielä yksi vinkki, jolla voit tehdä sivustostasi entistäkin helpommin navigoitavan.
Olet varmaan kuullut sadusta Hannu & Kerttu.
Muistat varmaan, että he pudottelevat leivänmuruja matkustaessaan metsän halki jättäen jälkeensä jäljen, jota seuraamalla he voivat löytää takaisin kotiinsa.
Web-suunnittelijat ottivat tämän saman termin käyttöön linkkipolulle, joka joskus lisätään otsikon alle, kuten tässä esimerkissä Amazonissa.
Jokainen linkki vie yhden askeleen taaksepäin sivustojen navigoinnissa.
Vaikka sivustosi on epäilemättä pienempi ja vähemmän monimutkainen kuin Amazon, se todennäköisesti silti hyötyisi leivänmurujen käytöstä.
Jos olet asentanut aiemmin tässä postauksessa suositellun Yoast SEO -laajennuksen, sinun ei tarvitse tehdä paljon muuta. Napsauta vain tätä vaihtoehtoa kytkeäksesi sen päälle asetusvalikosta:
Kaikki teemamme ovat yhteensopivia Yoastin leivänmurupolun kanssa, mutta sinun on ehkä tarkistettava teemasi kehittäjältä, jos leivänmurut eivät näy sivustollasi.
Tämän parin viimeisen vihjeen avulla olet tehnyt kaikki tärkeimmät navigaatiosi räätälöinnit.
Lisäännymme nyt sivustosi brändin luomiseen, jotta se olisi visuaalisesti yhtenäinen.
Muokkaa värejäsi
Tämä on yksinkertainen ja ehkä itsestään selvä askel sivustosi brändäämiseksi.
Muuttamalla aksenttiväriä koko sivustollasi luodaan johdonmukainen visuaalinen vaikutus.
Jos teemasi ei sisällä mukautettuja värejä etkä osaa muokata sivustoasi koodin avulla, esittelen sinulle mahtavan työkalun: CSS Hero.
Hieman taustaa…
CSS on nimi koodauskielelle, jota verkkosuunnittelijat käyttävät verkkosivujen tyylittelyyn. CSS Hero on WordPress-lisäosa, jonka avulla voit muokata teemaa kirjoittamatta itse yhtään CSS-riviä.
Voit esimerkiksi helposti vaihtaa sivustosi taustaväriä CSS Heron avulla. Aloittaisit avaamalla visuaalisen editorin, joka näyttää tältä:
Seuraavaksi napsauttaisit taustaa paljastaen joukon muokkausvaihtoehtoja vasemmassa sivupalkissa.
Viimeiseksi käyttäisit taustavärivaihtoehtoa asettaaksesi sen mihin tahansa haluamaasi väriin ja tallentaisit sitten muutokset.
CSS Heron avulla voit muuttaa minkä tahansa elementin väriä sivustossasi sekä fontteja, välejä ja monia muita suunnitteluun liittyviä seikkoja.
Kokeile CSS Heroa →
Tämä seuraava muokkaustekniikka on välttämätön jokaiselle ammattimaiselle verkkosivustolle.
Lisää logosi selaimen välilehdelle
Logosi on varmaan jo nyt sivustosi yläreunassa. Jokainen näkemäni teema sisältää yksinkertaisen vaihtoehdon tätä varten.
Mutta sinun ei kannata lopettaa tähän!
Sinun pitäisi lisätä logosi myös itse selaimen välilehteen, esimerkiksi näin:
Tätä pientä kuvaketta kutsutaan tavallisesti faviconiksi, mutta WordPressin käyttöliittymä kutsuu sitä ”sivuston kuvakkeeksi”.
Tämän vaihtoehdon löydät kuitenkin Mukauttimesta (Ulkoasu > Mukauta).
Avaa Customizerissa Site Identity (Sivuston identiteetti) -osio, jonka alareunasta löydät Site Icon (Sivuston kuvake) -vaihtoehdon.
Sinun tarvitsee vain ladata logon kuva tietokoneeltasi ja painaa Publish (Julkaise) -painiketta.
Valittaessasi kuvaa faviconiin kannattaa käyttää kuvaketta, jos logossasi on sellainen. Compete Themesissä käytän kynän ja kilven kuvaketta, mutta jos minulla ei olisi sitä, tekisin logosta yksinkertaisesti sinisen neliön, jossa on valkoisella tekstillä ”CT”.
Saatat myös yllättyä siitä, että WordPress suosittelee, että kuvasi olisi 512x512px. Se tuntuu aika suurelta, eikö vain?
Nyt selaimen välilehdessä olevan kuvakkeen lisäksi favicon-kuvasi käytetään uudelleen myös kirjanmerkeissä, jotka voivat näkyä paljon suurempina. Esimerkiksi joku, joka käyttää iPad Prota, saattaa tallentaa sivustosi Safarin aloitusnäyttöönsä, jossa kuvake näkyy melko suurena.
Voit seurata täydellistä opetusohjelmaamme siitä, miten lisätä favicon WordPressiin, jos haluat yksityiskohtaisempaa opastusta (siellä on myös video-opastus)
Toinen tapa antaa sivustollesi erottuva ulkoasu on käyttää brändin taustakuvaa.
Taustakuvan lisääminen
Taustakuvia ei enää näe kovin usein.
Tänä päivänä useimmat sivustot pitäytyvät tavallisessa valkoisessa tai vaaleanharmaassa taustassa. Jos haluat todella erottua, kokeile lisätä taustakuvan, joka on sekä kaunis että brändin mukainen.
Voimmekin kääntyä jälleen kerran CSS Heron puoleen tätä mukautusta varten.
Valitse tausta, mutta värin asettamisen sijaan valitsisit sen sijaan kuvavaihtoehdon.
Voit ladata minkä tahansa haluamasi taustakuvan ja jopa tuoda sellaisen suoraan Unsplashista.
Viedään nyt brändäys seuraavalle tasolle.
Luo brändätty kirjautumissivu
Jos sinulla on jäseniä, jotka kirjautuvat sivustollesi, brändätyn kirjautumissivun luominen on ehdoton edellytys.
Sitäkin huolimatta, että kirjautumissivulla kirjaudut sivustollesi, kirjautumisnäytön brändääminen antaa todellista ammattimaisuuden ja tyytyväisyyden tunnetta. Luota minuun!
Brändäsin Compete Themesin kirjautumissivun ja nyt se näyttää mahtavalta:
Tein tämän käyttämällä ilmaista Custom Login Page Customizer -lisäosaa.
Jos haluat seurata samoja vaiheita, kirjoitin WP Newsifyyn postauksen kaikki kaikesta siitä.
Jos olet seurannut mukana, niin sivustosi ja kirjautumisnäkymäsi on täysin brändätty, mutta ei ole mitään syytä pysähtyä siihen!
Viedään brändäys sivuston kojelautaan, jotta voit viedä WordPress-sivuston räätälöintiä vielä pidemmälle.
PWP:n hallintasivun räätälöinti
Aluksi, jos et tiennyt tätä, voit vaihtaa hallintasivun kojelaudan väripaletin Sinun profiilisi -valikosta.
Jatketaan matkaa eteenpäin, sillä siellä olevat värimaailmat eivät luultavasti sovi brändiisi täysin. Jos haluat hallita hallintaliittymääsi täysin, tutustu WP Custom Admin Interface -lisäosaan.
Sinulla on valtavasti valtaa hallita sivustosi hallintaliittymän suunnittelua. Voit esimerkiksi luoda uuden väripaletin, jonka voi valita Oma profiili -valikosta.
Ja voit jopa nimetä ja järjestellä uudelleen valikkokohteitasi, piilottaa valikoita ja lisätä täysin mukautettuja uusia valikkokohteita.
Jos haluat täydellisen hallinnan ylläpitäjän käyttöliittymälle, tämä on oikea tapa tehdä se.
Nyt kun tiedät kaikki parhaat tavat brändätä verkkosivustoasi yritykselle, käsittelemme muutamia henkilökohtaisen brändin mukautuksia.
Päivitä näyttönimesi
Näen tämän koko ajan uusilla WordPress-sivustoilla:
Kuka on admin?
Nimen jättäminen tällä tavalla ei saa sivustoasi näyttämään kovin ammattimaiselta, eikä se varmasti auta henkilökohtaista brändiäsi.
Hyvä uutinen on se, että se on erittäin helppo muuttaa.
Nimeä, joka näkyy viestisi sivutunnisteessa ja kommenteissa, kutsutaan näyttönimeksi, ja voit muuttaa sen Käyttäjät > Oma profiili -valikosta.
Tallennuksen jälkeen se päivittyy välittömästi koko sivustollesi.
Tässä videossa kerrotaan tarkemmin näyttönimien käytöstä:
Kun olet asettanut nimesi, haluat myös lisätä mukautetun avatarin.
Näytä mukautettu avatar
Et halua, että uuden Display Name -nimesi vieressä näkyy oletusavatar, kuten tässä:
Useimmat WordPress-teemat integroituvat Gravatariin, joten heti kun lisäät kuvan sinne, se näkyy heti sivustollasi.
Jos Gravatar ei ole sinulle tuttu, se on hyvin yksinkertainen palvelu.
Lisäät vain sähköpostiosoitteen ja lataat siihen liitettävän kuvan. Siinä kaikki 🙂
Käytän Gravataria Compete Themesin avatariin, joka näkyy ympäri nettiä
Näet Gravatar-kuvan näkyvän sivustollasi ja kaikilla muilla sivustoilla, jotka integroituvat palveluun (monet integroituvat).
Vaihtoehtoisesti voit asentaa Simple User Avatar -liitännäisen ladataksesi profiilikuvan sivustollesi käyttämättä Gravataria.
Nimesi ja kuvasi lisääminen kaikkiin viesteihisi on hyvä alku, ja ”kirjoittajalaatikon” lisääminen voi viedä asiat seuraavalle tasolle.
Lisää kirjoittajalaatikko
”Kirjoittajalaatikolla” tarkoitan jotakin tällaista:
Tämä on kuvakaappaus Startup Blog -teemasta.
Tekijälaatikot sopivat mainiosti brändisi rakentamiseen kahdesta syystä.
Ensiksikin ne tuovat nimesi ja kasvosi kävijöiden eteen.
Toiseksi voit lisätä lyhyen bioksen, jonka avulla voit lisätä vielä enemmän persoonallisuutta ja samaistuttavuutta. Lisäksi voit linkittää haluamillesi sivuille.
Koska kirjoittajalaatikko näkyy postauksen sisällön jälkeen, sen näkevät kävijät ovat juuri lopettaneet postauksen lukemisen, mikä on hyvä hetki yhdistää itsesi kyseiseen sisältöön.
Jos teemassasi ei ole mukana kirjoittajalaatikkoa, suosittelen asentamaan Simple Author Box -lisäosan.
Author box -plugineja on saatavilla melko paljon, mutta tämä antaa mielestäni parhaan tasapainon joustavuuden ja ulkoisen laadun välillä.
Tämä video-opastus antaa sinulle katsauksen kulissien taakse, jos haluat ensin katsoa, miten se toimii. Tai voit seurata tätä opasta kirjoittajan biolaatikon lisäämisestä.
Seuraava tapa mukauttaa sivustoasi auttaa sinua rakentamaan henkilökohtaista brändiäsi vieläkin nopeammin.
Lisää ”Tietoa minusta” -widgetti
Jos sivustossasi on sivupalkki, yksi parhaista mukautuksista brändisi rakentamiseen on Tietoa minusta -widgetin lisääminen yläosaan.
Siten nimesi ja avatarisi pysyvät näkyvillä jokaisella julkaisemallasi sivulla.
Voit luoda tällaisen asettelun itse Teksti-widgetin tai HTML-widgetin avulla tai asentaa Easy Profile Widget -lisäosan.
Mitä enemmän altistat kävijöitä nimellesi, avatarillesi ja elämäkerrallesi, sitä tutummaksi tulet heille ja sitä paremmin markkinointisi toimii.
Widgetistä puheen ollen, tässä on toinen mahtava tapa muokata WordPress-sivustoasi.
Säädä, millä sivuilla widgetit näkyvät
Widgetit ovat mahtavia, mutta niissä on yksi ongelma.
Joskus haluat lisätä widgetin sivupalkkiin, mutta et halua sen näkyvän verkkosivustosi kaikilla sivuilla.
Mitä jos voisit valita tarkalleen, missä viesteissä ja sivuilla kukin widget näkyy?
Widget Options -lisäosan avulla voit.
Asennettuasi Widget Options -lisäosan näet tämän uuden osion lisättynä jokaiseen widgettiin.
Voit lisätä widgetit kokonaisiin sivutyyppeihin kerralla, kuten kaikkiin kategorioihin, tai valita tietyt kategoriat tai jopa yksittäiset sivut.
Koska voit helposti kääntää sääntöjä sen välillä, että otat VS:n mukaan ja jätät widgetin pois valituilla sivuilla, tämä lisäosa antaa sivustollesi uskomatonta joustavuutta.
Tässä on toinen tapa päivittää sivustosi räätälöintiä.
Lisää kategorioiden kuvauksia
Tavanomainen kategoriaotsikko sivustollasi saattaa näyttää jotakuinkin tältä:
Vaikka tämä toimii hienosti sellaisenaan, voit itse asiassa lisätä jokaiselle kategorialle ainutlaatuisen kuvauksen.
Lisäämällä kuvauksen voit auttaa kävijöitä ymmärtämään tarkalleen, mitä he löytävät sivulta, ja se on myös hyvä SEO:n kannalta.
Voit vierailla Kategoriat-sivulla (Viestit > Kategoriat) ja klikata siellä mitä tahansa kategoriaa muokataksesi sitä. Kirjoita sitten seuraavalla sivulla kuvaus tähän ruutuun:
Useimmat teemat näyttävät kuvauksen kategoriasivulla otsikon alapuolella, esimerkiksi näin:
Tällä tavalla Apex-teema näyttää kategorioiden kuvaukset
Voit tehdä tämän muokkauksen muutamassa minuutissa ja antaa sivustollesi ammattimaisemman ilmeen.
Toinen tapa lisätä sivustosi ammattimaisuutta on mukauttaa alatunnisteen tekstiä.
Alatunnisteen tekstin mukauttaminen
Useimmissa WordPress-teemoissa on lyhyt muotoilukrediitti sivuston alareunassa.
Vaikka tätä tekstiä ei useinkaan ole mahdollista poistaa kirjoittamatta koodia, jotkin teemat, kuten Ignite, sisältävät yksinkertaisen vaihtoehdon Mukauttimesta, jolla voit muuttaa alatunnisteen tekstiä.
Voit sisällyttää haluamasi tekstin, mutta monet verkkosivustot valitsevat yrityksen nimen, kuluvan vuoden ja tekijänoikeussymbolin. Voit lisätä tekijänoikeussymbolin hymiöiden avulla tai kopioida tämän leikepöydällesi – ©
Muokkaa WordPressin lähettämiä sähköpostiviestejä
Tämä voi olla sinulle valtava merkitys, jos sivustollesi liittyy jäseniä.
WordPressillä on paljon valmiiksi kirjoitettuja viestejä, joita se lähettää. On esimerkiksi sähköpostiviestejä, kun joku liittyy sivustollesi tai vaihtaa salasanaansa.
Kun mikään näistä viesteistä ei tule olemaan brändisi mukainen, joten voit asentaa Ilmoitukset-liitännäisen saadaksesi täydellisen hallinnan sähköpostien kopioinnista.
Tämä lisäosa on upeasti muokattavissa, ja sen avulla voit muuttaa olemassa olevien sähköpostiviestien kopiota ja lisätä täysin uusia tapahtumia sähköpostiviestien lähettämistä varten.
Ajattelemme verkkosivujen räätälöintiä tavallisesti sivuston visuaalisina muutoksina, mutta räätälöidyn kopion kirjoittaminen sähköpostiviesteihin vie räätälöintiä vielä pidemmälle.
Jos todella haluat, että sivustosi jokainen osa-alue voidaan mukauttaa, yksi viimeisistä vaiheista on 404-sivun muokkaaminen.
Muokkaa 404-sivua
Jos poistat sivun julkaisun tai muutat URL-osoitetta ja joku vierailee vanhassa osoitteessa, hän näkee tällaisen 404-näytön:
Vaikka haluat siivota rikkinäisiä linkkejä ja 404-virheitä sivustollasi, se on täysin luonnollinen tapahtuma verkkosivustolle.
Koska tiedät, että ihmiset näkevät 404-sivusi satunnaisesti, tämä on toinen tilaisuus luoda mukautettu brändisivu.
Sitä varten käännymme 404page-lisäosan puoleen.
Tämän lisäosan avulla voit luoda täysin mukautetun 404-sivun sivustollesi. Se on suunniteltu erittäin nokkelalla tavalla.
404page-laajennuksen avulla voit yksinkertaisesti julkaista tavallisen sivun haluamallasi sisällöllä ja määrittää sen sitten 404-sivuksi. Tämä on paljon helpompaa ja joustavampaa kuin mukautetun editorin käyttäminen virhesivua varten.
Tässä on yksi viimeinen vinkki, joka antaa sinulle paljon enemmän määräysvaltaa sivustoosi.
Master the HTML widget
Koodin kirjoittamisen opetteleminen on iso urakka, mutta siinäpä se…
HTML ei ole ohjelmointikieli kuten PHP tai Javascript. HTML on vain merkintää.
Tämä tarkoittaa, että voit oppia HTML:n todella nopeasti, ja kun osaat perusteet, huomaat, että sinulla on paljon enemmän valtaa sivustosi hallintaan.
WordPressin mukana tulevan HTML-widgetin avulla voit luoda käytännössä mitä tahansa sisältöä tai ulkoasua haluamallasi tavalla lisäämättä uusia lisäosia.
Suosittelin esimerkiksi aiemmin widgettiä ”Tietoja minusta” -widgetin luomiseen sivupalkkiin, mutta tämä onnistuu helposti ilman uuden lisäosan lisäämistä, jos osaat kirjoittaa HTML:ää.
Se on loistava ensiaskel koodin pariin, ja suosittelen sitä WordPress-käyttäjille, jotka haluavat päästä teknisemmälle tasolle.
Loppupäätelmä
Aluksi onnittelut siitä, että olet päässyt näin pitkälle!
Tämä viesti vain piteni, kun keksin lisää tapoja mukauttaa WordPress-sivustoa.
Ollakseni rehellinen, olen tässä postauksessa raapaissut vasta pintaa – on olemassa paljon muitakin muutoksia, joita voit tehdä sivustollesi.
Palatakseni ensimmäiseen kohtaan, yksi parhaista tavoista aloittaa sivustosi personointi on valita muokattavissa oleva teema, joten ennen kuin aloitat, tutustu parhaimpiin teemoihimme ja esikatsele niitä laitteellasi. Niitä kaikkia voi käyttää täysin ilmaiseksi – ikuisesti!
Katsele teemakokoelmaamme →
Jos sinulla on kysyttävää tai muita ideoita jaettavaksi, kirjoita alla olevaan kommenttiosioon.
Ben Sibley
Ben Sibley on WordPress-teemojen suunnittelija & kehittäjä ja Compete Themesin perustaja.