Verkkosivuston luominen (vaiheittainen opas): 4 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Tässä oppaassa näytän sinulle, kuinka useimmat verkkokehittäjät rakentavat sivustojaan ja miten voit välttää kalliita verkkosivustojen rakentajia, jotka ovat usein liian rajallisia isommalle sivustolle.

Autan sinua myös välttämään joitain virheitä, joita tein aloittaessani.

Vaihe 1: Hanki Web -hosting ja rekisteröi verkkotunnus

Jotta voit asentaa WordPressin (tai minkä tahansa muun tyyppisen verkkosivuston), tarvitset kaksi asiaa:

• Verkkotunnus (Web -osoite, kuten YourSiteName.com)
• Web Hosting (palvelu, joka yhdistää sivustosi Internetiin)

Jotta voit tallentaa kuvia, sisältöä ja verkkosivustotiedostoja, tarvitset webhotellin. Ilman webhotellia verkkosivustosi ei näy Internetissä.

Oman verkkotunnuksen omistaminen näyttää paljon ammattimaisemmalta kuin sivustosi jonkun toisen verkkotunnuksella (kuten yourbusiness.my-free-website.com), ja se on myös erittäin edullinen. Useimmat hosting -palvelujen tarjoajat tarjoavat verkkotunnuksia ILMAISEKSI vuoden ajan (yleensä ~ 15 dollaria vuodessa).

Lyhyesti sanottuna - ilman webhotellia ja verkkotunnusta verkkosivustosi EI ole olemassa.

Mistä voin rekisteröidä verkkotunnuksen ja hankkia webhotellin?

Täysi paljastaminen: Ansaitsen palkkion, jos ostat Bluehostin tämän oppaan viittauslinkkien kautta. Tämä auttaa minua pitämään WebsiteSetupin toiminnassa ja ajantasaisena. Kiitos tuestasi.

Olen käyttänyt enimmäkseen Bluehostia webhotellina ja ilmaisena verkkotunnuksen rekisteröijänä.

Heidän esittelyhintansa on alkaen 2,75 dollaria kuukaudessa, ja he heittävät parhaillaan verkkotunnuksen ilmaiseksi (ensimmäinen vuosi) - joten kannattaa tarkistaa ne.

Ne ovat myös yksi markkinoiden suosituimmista isännöintipalvelujen tarjoajista, joten ne ovat varmasti vakiintuneita ja riittävän turvallisia isännöimään verkkosivustoasi.

Vaikka suurin osa heidän palvelimistaan sijaitsee Yhdysvalloissa, ne voivat käsitellä paljon liikennettä ympäri maailmaa. Ja se on todennäköisesti halvempaa kuin paikallinen isäntäsi.

Euroopassa asuva henkilö käyttää edelleen mieluummin niitä. Onko sinulla jo verkkotunnus ja isännöinti?

Siirry eteenpäin ja siirry vaiheeseen 2, jossa kerron, kuinka voit määrittää verkkosivustosi.

Lataa vaihe vaiheelta rekisteröinti web -palveluntarjoajan kanssa (ja rekisteröi verkkotunnus, jos sinulla ei vielä ole sitä) alla:

Vaihe 2: Määritä verkkosivustosi

Kun olet ostanut verkkotunnuksesi ja määrittänyt isännöinnin, olet matkalla!

Nyt on aika laittaa verkkosivustosi toimintaan. Ensimmäinen asia, joka sinun on tehtävä, on asentaa WordPress verkkotunnukseesi.

WordPressin asentaminen

On kaksi mahdollista tapaa asentaa WordPress, yksi PALJON helpompaa kuin toinen.

1. Jos haluat luoda verkkosivun WordPressillä (tai Joomlalla ja Drupalilla), käytä "yhdellä napsautuksella asennusta":

Lähes jokainen luotettava ja vakiintunut isännöintiyritys on integroinut yhden napsautuksen asennuksen WordPressiin, mikä tekee liikkeestä helppoa.

Jos olet rekisteröitynyt Bluehostiin tai muuhun vastaavaan hosting-yritykseen, sinun on löydettävä "yhden napsautuksen asennus" tilisi ohjauspaneelista.

Tässä on vaiheet, joita sinun tulee noudattaa (niiden tulisi olla samanlaisia/samat kaikissa suurissa web -hosting -yrityksissä):

1. Kirjaudu isännöintitilillesi (Bluehost).
2. Siirry ohjauspaneeliin.
3. Etsi "WordPress" - tai "Website" -kuvake.
4. Valitse verkkotunnus, johon haluat asentaa uuden verkkosivustosi.
5. Napsauta "Asenna nyt" -painiketta ja pääset käyttämään uutta WordPress -verkkosivustoasi.

(Tarkista kuva 2 yllä)

2. TAI MANUAALINEN ASENNUS (niille, jotka eivät käytä Bluehostia tai vastaavaa isäntää):

Jos jostain syystä (jotkut isännöintiyritykset eivät tarjoa WordPressin asennusta yhdellä napsautuksella) sinulla ei ole mahdollisuutta asentaa WordPressiä automaattisesti, katso tämä opas alla:

1) Lataa WordPress täältä:

2) Luo uusi kansio työpöydällesi ja pura WordPress

3) Etsi tiedosto nimeltä wp-config-sample.php ja nimeä se uudelleen: wp-config.php

4) Avaa nyt wp-config.php (esimerkiksi muistilehtiö) ja täytä seuraavat rivit:

• define ("DB_NAME", "tietokannan_nimi"); - Tietokannan nimi (jos et tiedä sitä, kysy tätä isännöintipalvelustasi)
• define ('DB_USER', 'käyttäjätunnus_ täällä'); - Isäntäkäyttäjänimesi
• define ('DB_PASSWORD', 'password_here'); - Isäntäsalasanasi

Kun olet täyttänyt aukot, tallenna tiedosto.

5) Kirjaudu nyt hosting -ftp: hen (lataa FileZilla sitä varten). FTP -osoite on yleensä ftp.yourdomain.com, käyttäjätunnus ja salasana ovat samat, joita käytit rekisteröityessäsi isäntään

6) Jos on olemassa tiedosto nimeltä "index" - poista se. Lataa sen jälkeen kaikki tiedostot WordPress -kansiostasi FTP -palvelimellesi. Uskon, että voit käyttää "vedä n pudota" -toimintoa FileZillassa

7) Kun olet suorittanut edelliset vaiheet, siirry URL-osoitteeseen: yourdomain.com/wp-admin/install.php Tämä on sivu, jonka sinun pitäisi nähdä: (Tarkista kuva 3 yllä)

Täytä vain lomakkeet ja olet valmis!

Pssst-jos heillä ei ole yhden napsautuksen asennusta, ehkä sinulla on huono isäntä!

Vaihe 3: Suunnittele verkkosivustosi

Kun olet asentanut WordPressin onnistuneesti verkkotunnukseesi, näet hyvin yksinkertaisen mutta siistin sivuston.

Mutta etkö halua näyttää siltä kuin kaikki muut?

Siksi tarvitset teeman - suunnittelumallin, joka kertoo WordPressille, miltä verkkosivustosi pitäisi näyttää. Katso esimerkki ilmaisesta WordPress -teemasta, jonka voit asentaa:

(Tarkista yllä oleva kuva 2)

Tässä on hauskaa: Valittavissa on yli 1500 upeaa, ammattimaisesti suunniteltua teemaa ja voit muokata niitä omalle istunnollesi.

Suurin osa WordPress -teemoista on ilmaisia ja muokattavissa.

Näin löydät haluamasi teeman

1. Kirjaudu sisään WordPress-hallintapaneeliin: Jos et ole varma miten, kirjoita: https://yoursite.com/wp-admin (korvaa "oma sivustosi" verkkotunnuksellasi). Tältä WordPress -hallintapaneeli näyttää:

(Tarkista yllä oleva kuva 3)

2. Käytä ILMAISIA teemoja: Kun olet kojelaudalla, sinulla on pääsy yli 1500 ilmaiseen teemaan! Etsi sivupalkista "Ulkoasu" ja napsauta sitten "Teemat".

Jos haluat jotain ammattimaisempaa tai tyylikkäämpää kuin mitä löydät täältä, voit siirtyä ThemeForest.net -sivustoon, jossa on suuri teemakirjasto, josta voit valita vaihtelevin kustannuksin.

Mutta ennen kuin teet sen, suosittelen todella, että yrität ainakin viettää aikaa ilmaisten teemojen selaamiseen. Monet heistä ovat todella ammattimaisia ja hyvin tehtyjä; joten älä kirjoita niitä pois.

Kuten yllä näet, uuden teeman asentaminen verkkosivustollesi on erittäin helppoa.

Voit etsiä tiettyjä avainsanoja ja/tai etsiä tyyliisi sopivia teemoja suodattimien avulla. Täydellisen teeman löytäminen voi viedä hetken, mutta se on sen arvoista.

Sinun tulisi myös etsiä teemoja, jotka ovat "reagoivia", koska ne näyttävät hyvältä millä tahansa mobiililaitteella. Anna vain yksi avainsanoistasi, niin olet valmis!

3. Asenna uusi teema

Kun olet löytänyt haluamasi teeman, sen asentaminen on yhtä helppoa kuin napsauttamalla "Asenna" ja sen jälkeen "Aktivoi".

TÄRKEÄÄ: Teemojen vaihtaminen ei poista aiempia viestejäsi, sivujasi ja sisältöäsi. Voit vaihtaa teemoja niin usein kuin haluat ilman, että sinun tarvitsee huolehtia luomasi menettämisestä.

Vaihe 4: Lisää sisältöä verkkosivustoosi

Kun teema on asennettu, olet valmis aloittamaan sisällön luomisen. Käydään nopeasti läpi joitakin perusasioita:

Sivujen lisääminen ja muokkaaminen:

Haluatko "Palvelut" -sivun tai "Tietoja minusta" -sivun (kuten minulla on sivustoni yläreunan valikossa)?

1. Etsi WordPress -hallintapaneelin sivupalkista "Sivut" -> "Lisää uusi".

2. Löydät näytön, joka näyttää paljon siltä, mitä olet ehkä nähnyt Microsoft Wordissa. Lisää tekstiä, kuvia ja muuta rakentaaksesi haluamasi sivun ja tallenna se, kun olet valmis. (Tarkista yllä oleva kuva)

Sivujen lisääminen valikkoon: Jos haluat uuden sivusi linkitettävän navigointipalkkiisi, 1. Tallenna sivulle tekemäsi muutokset napsauttamalla Päivitä

2. Napsauta "Ulkoasu" -> "Valikot" WordPress -hallintapaneelin sivupalkissa.

3. Etsi luomasi sivu ja lisää se luetteloon napsauttamalla sen vieressä olevaa valintaruutua ja sitten Lisää valikkoon.

(Tarkista yllä oleva kuva)

Viestien lisääminen ja muokkaaminen:

Jos verkkosivustollasi on blogi, seuraavaksi siirryt postauksiin. Voit ryhmitellä samanlaisia viestejä eri luokkien avulla.

Jos haluat lisätä blogin verkkosivustollesi, voit käyttää erilaisia luokkia ja viestejä. Oletetaan, että haluat luoda luokan nimeltä "Blogi". Lisää se vain valikkoosi ja aloita postausten tekeminen.

Sinun on tehtävä seuraavat toimet:

Luo uusi luokka siirtymällä kohtaan Viestit -> Luokat

TAI

Luo blogikirjoitus siirtymällä kohtaan "Viestit -> Lisää uusi". Kun olet kirjoittanut blogiviestisi, sinun on lisättävä sille oikea luokka

Kun olet luonut luokkasi, lisää se vain valikkoon ja olet liiketoiminnassa!

Räätälöintiä ja loputtomia säätöjä…

Tässä osassa käsittelen joitain perusasioita, joita minulta kysytään koko ajan ja jotka auttavat sinua säätämään verkkosivustoasi.

Otsikon ja lauseen vaihtaminen

Sivun otsikot selittävät hakijoille, mistä sivustossasi on kyse. Ne ovat myös tärkeä osa sitä, miten hakukoneet määrittävät sijoituksesi. Haluat olla varma, että heillä on avainsanat, jotka haluat kohdistaa (mutta luonnollisella tavalla, oikeille ihmisille kirjoitettuina).

Sinun tulisi käyttää ainutlaatuista otsikkoa sivustosi jokaisella sivulla. Esimerkiksi sivustoni otsikko on "Kuinka tehdä verkkosivusto".

(Etkö löydä sitä? Pidä hiirtä selaimen yläosassa olevan välilehden päällä).

Tunnisteet lisätään otsikoiden loppuun joka sivulla. Sivustoni otsikko on "Vaiheittainen opas"

Jos haluat muuttaa sivustosi otsikkoa ja otsikkoa, siirry kohtaan "Asetukset -> Yleiset" ja täytä alla oleva lomake: (Tarkista yllä oleva kuva)

Kommenttien poistaminen käytöstä viesteille ja sivuille

Jotkut verkkosivustot (useimmiten yritysten/organisaatioiden sivustot) eivät halua kävijöidensä voivan kommentoida sivujaan.

Voit sulkea kommentit WordPress -sivuilla seuraavasti:

• 1. Kun kirjoitat uutta sivua, napsauta "Näytön asetukset" oikeassa yläkulmassa.
• 2. Napsauta "Keskustelu" -ruutua. "Salli kommentit" -ruutu tulee näkyviin alareunaan.
• 3. Poista valinta "Salli kommentit".

Haluatko poistaa kommentit käytöstä oletusarvoisesti jokaisella uudella sivulla?

1. Siirry kohtaan Asetukset -> Keskustelu ja poista valinta kohdasta Salli ihmisten lähettää kommentteja uusista artikkeleista (Tarkista yllä oleva kuva)

Staattisen etusivun asettaminen:

Jotkut ihmiset ottavat minuun yhteyttä sanoen olevansa turhautuneita siitä, että heidän kotisivunsa näyttää blogikirjoitukselta. Voit korjata tämän tekemällä kotisivustasi "staattisen".

Staattinen sivu on sivu, joka ei muutu. Toisin kuin blogi, jossa ensimmäinen uusi artikkeli näkyy yläreunassa joka kerta, "staattinen" -sivu näyttää saman sisällön aina, kun joku tulee sivustoon - kuten suunnittelemasi kotisivu.

Staattisen etusivun määrittäminen:

1. Siirry kohtaan "Asetukset -> Lukeminen" 2. Valitse luomasi staattinen sivu. "Etusivu" tarkoittaa kotisivua. "Viestisivu" on blogisi etusivu (jos koko sivustosi ei ole blogi).

Jos et valitse staattista sivua yksin, WordPress ottaa uusimmat postauksesi ja alkaa näyttää niitä kotisivullasi. (Tarkista yllä oleva kuva)

Sivupalkin muokkaaminen:

Useimmissa WordPress -teemoissa on sivupalkki oikealla puolella (joissakin tapauksissa se on vasemmalla).

Jos haluat päästä eroon sivupalkista tai muokata tarpeettomia kohteita, kuten "Luokat", "Meta" ja "Arkistot", jotka ovat yleensä turhia, toimi seuraavasti:

1. Siirry "Ulkoasu -> Widgetit" WordPress -hallintapaneeliin.

2. Täältä voit vetää ja pudottaa -toiminnolla lisätä erilaisia "laatikoita" sivupalkkiisi tai poistaa kohteita, joita et halua.

Siellä on myös "HTML -laatikko" - tekstiruutu, jossa voit käyttää HTML -koodia. Aloittelijoille älä välitä tästä - vedä ja pudota haluamasi elementit sivupalkkiisi.

Lisäosien asentaminen saadaksesi enemmän irti WordPressistä

Mikä on laajennus? "Laajennukset" ovat laajennuksia, jotka on rakennettu laajentamaan WordPressin ominaisuuksia ja lisäämään sivustoosi ominaisuuksia ja toimintoja, jotka eivät ole sisäänrakennettuja.

Ne ovat pikakuvakkeita, joiden avulla sivustosi saa tehdä haluamasi ilman, että sinun on rakennettava ominaisuuksia alusta alkaen.

Voit käyttää laajennuksia kaikkeen valokuvagallerioiden ja lähetyslomakkeiden lisäämisestä verkkosivustosi optimointiin ja verkkokaupan luomiseen.

Kuinka asennan uuden laajennuksen?

Aloita laajennusten asentaminen siirtymällä kohtaan Laajennukset -> Lisää uusi ja aloittamalla haku.

Muista, että on olemassa yli 25 000 eri laajennusta, joten sinulla on paljon valinnanvaraa!

Asennus on helppoa - kun löydät haluamasi laajennuksen, napsauta "Asenna".

Ajan säästämiseksi olen koonnut luettelon suosituimmista laajennuksista, joista verkkovastaavat pitävät hyödyllisiä:

#1 Yhteydenottolomake 7: Verkkosivustossani on yhteydenottolomake Tietoja minusta -sivulla. Se on mahtava ominaisuus, sillä ihmiset (kuten sinä!) Voivat täyttää lomakkeen ja lähettää minulle sähköpostia kirjautumatta sisään omaan sähköpostipalveluntarjoajaansa. Jos haluat tehdä jotain vastaavaa, hanki ehdottomasti tämä laajennus.

#2 Yoast SEO WordPressille: Jos haluat tehdä WordPress-sivustostasi entistäkin SEO-ystävällisemmän, tämä laajennus on pakollinen. Se on ilmainen, ja se on mahtavaa. Voit muokata otsikkotunnisteitasi, sisällönkuvauksiasi ja paljon muuta - kaikki itse sivulta - et enää vaivaudu WordPress -asetusten kanssa.

#3 Google Analytics: Oletko kiinnostunut seuraamaan kävijöitä/liikennettä ja heidän käyttäytymistään? Asenna laajennus, yhdistä se Google -tiliisi ja olet valmis.

Tämä on tietysti vain jäävuoren huippu! Tässä on luettelo suosittelemistani laajennuksista:

1. Yoast SEO

2. Akismetin roskapostin esto

3. WooCommerce

4. TinyMCE Advanced

5. WordFence Security

6. Googlen XML -sivustokartat

7. WP Super Cache

8. Google Analytics Dashboard for WP by ExactMetrics

9. UpdraftPlus WordPress Backup Plugin

10. Elementor Page Builder

11. Smush -kuvan pakkaus ja optimointi

Ja lista jatkuu.