{"id":226475,"date":"2022-08-18T18:53:00","date_gmt":"2022-08-18T15:53:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226475"},"modified":"2022-11-09T02:51:42","modified_gmt":"2022-11-08T23:51:42","slug":"kuinka-ladata-html-tiedosto-wordpressiin-helposti","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-ladata-html-tiedosto-wordpressiin-helposti\/","title":{"rendered":"Kuinka ladata HTML-tiedosto WordPressiin helposti"},"content":{"rendered":"\n

Verkkosivuston rakentaminen voi olla ty\u00f6l\u00e4st\u00e4, varsinkin kun lis\u00e4\u00e4t useita sivuja ja muokkaat sis\u00e4lt\u00f6\u00e4 jokaiselle uudelle sivulle. Voit v\u00e4ltt\u00e4\u00e4 t\u00e4m\u00e4n ongelman lis\u00e4\u00e4m\u00e4ll\u00e4 sivuja vanhemmalta verkkosivustolta tai lataamalla HTML-tiedoston.<\/p>\n

HTML-tiedostojen lataaminen WordPressiin on helppoa, ja siihen on kolme tapaa. Ensin voit ladata HTML-tiedoston WordPress-hallintapaneeliisi. Toinen tapa on k\u00e4ytt\u00e4\u00e4 FTP-asiakasohjelmaa suurten tiedostojen siirt\u00e4miseen. Kolmas tapa on lis\u00e4t\u00e4 HTML-sivuja cPanelin kautta.<\/p>\n

T\u00e4m\u00e4 wpDataTables<\/a> -tiimimme luoma artikkeli \u00a0esittelee kolme tapaa ladata HTML-tiedosto WordPressiin.<\/p>\n

Miksi ladata HTML-tiedostoja WordPressiin?<\/h3>\n

WordPress sis\u00e4lt\u00e4\u00e4 sis\u00e4\u00e4nrakennetut sis\u00e4lt\u00f6tyypit ja esiasetetut teemat, joista jokaisessa on sivupohjia. Se tarjoaa my\u00f6s aloitussivun laajennuksia. Niiden avulla k\u00e4ytt\u00e4j\u00e4t voivat luoda sivumalleja vet\u00e4m\u00e4ll\u00e4 ja pudottamalla sivunrakennusty\u00f6kalun avulla. Miksi ladata HTML-tiedostoja WordPressiin n\u00e4iden mukautusty\u00f6kalujen ansiosta?<\/p>\n

Verkkosuunnittelijat lataavat HTML-tiedostoja WordPressiin tallentaakseen mukautettuja tiedostoja kojelautaan, kuten tietyn sivuasettelun tai sivumallin. N\u00e4iden tiedostojen k\u00e4ytt\u00f6 s\u00e4\u00e4st\u00e4\u00e4 suunnittelijan aikaa ja poistaa tarpeen sy\u00f6tt\u00e4\u00e4 koodia manuaalisesti.<\/p>\n

HTML-tiedoston lataaminen WordPressiin WordPress-hallintapaneelin kautta<\/h3>\n

\"Kuinka<\/a><\/p>\n

T\u00e4m\u00e4 on helpoin tapa lis\u00e4t\u00e4 HTML-tiedostoja WordPressiin. Voit tehd\u00e4 t\u00e4m\u00e4n blogitekstin, sivun tai mediakirjaston kautta.<\/p>\n

\"Kuinka<\/a><\/p>\n

Aloita siirtym\u00e4ll\u00e4 kohtaan Viestit WordPress-hallintapaneelin vasemmassa sivupalkissa. Valitse mik\u00e4 tahansa julkaistu viesti tai luo uusi viesti. WordPressin visuaalinen editori avautuu oletusarvoisesti. Napsauta ’Lis\u00e4\u00e4 mediaa’ ja ponnahdusikkuna tulee n\u00e4kyviin. Lataa tiedostoja kiintolevylt\u00e4, pilviasemalta tai ulkoisesta tallennuslaitteesta valitsemalla L\u00e4het\u00e4 tiedostoja -v\u00e4lilehti. Voit lis\u00e4t\u00e4 olemassa olevia tiedostoja mediakirjastostasi napsauttamalla Mediakirjasto-v\u00e4lilehte\u00e4.<\/p>\n

\"Kuinka<\/a><\/p>\n

Napsauta "L\u00e4het\u00e4 tiedostot" -v\u00e4lilehdell\u00e4 "Valitse tiedostot" ja valitse HTML-tiedosto, jonka haluat ladata. Voit my\u00f6s vet\u00e4\u00e4 ja pudottaa valitun HTML-tiedoston paikallisesta kansiosta Lis\u00e4\u00e4 media -ponnahdusikkunaan.<\/p>\n

\"Kuinka<\/a><\/p>\n

Jos k\u00e4yt\u00e4t Gutenberg Editor -laajennusta, voit lis\u00e4t\u00e4 "Tiedosto"-lohkon ja klikata sitten "L\u00e4het\u00e4"-painiketta. Valitse haluamasi HTML-tiedosto ja napsauta sitten Lis\u00e4\u00e4 viestiin -painiketta upottaaksesi HTML-tiedoston linkin viestiin. Linkki tallennetaan automaattisesti mediakirjastoon.<\/p>\n

\"Kuinka<\/a><\/p>\n

On my\u00f6s mahdollista ladata tiedosto suoraan mediakirjastoon. Voit tehd\u00e4 t\u00e4m\u00e4n siirtym\u00e4ll\u00e4 j\u00e4rjestelm\u00e4nvalvojan hallintapaneelin Mediakirjastoon. Napsauta Lis\u00e4\u00e4 uusi -painiketta ja lataa HTML-tiedosto tietokoneeltasi.<\/p>\n

HTML-tiedoston lataaminen WordPressiin FTP-asiakasohjelmalla<\/h3>\n

\"Kuinka<\/a><\/p>\n

Tiedostojen ja kansioiden k\u00e4ytt\u00f6oikeusvirheit\u00e4 voi ilmet\u00e4, kun WordPressiin lis\u00e4t\u00e4\u00e4n useita HTML-tiedostoja tai laajennuksia. Todistettu tapa v\u00e4ltt\u00e4\u00e4 t\u00e4m\u00e4 on siirt\u00e4\u00e4 tiedostoja File Transfer Protocol -asiakkaan kautta.<\/p>\n

\"Kuinka<\/a><\/p>\n

FTP:n avulla k\u00e4ytt\u00e4j\u00e4t voivat siirt\u00e4\u00e4 tiedostoja paikalliselta tietokoneestaan \u200b\u200bverkkosivuston is\u00e4nt\u00e4tilille.<\/p>\n

FTP-asiakas on ohjelmisto, joka k\u00e4ytt\u00e4\u00e4 FTP-protokollaa tiedostojen manuaaliseen siirt\u00e4miseen. Saatavilla on monia ilmaisia \u200b\u200bFTP-asiakkaita. Esimerkiksi FileZilla<\/a>, WinSCP<\/a> ja Cyberduck<\/a> ovat kaikki yhteensopivia Windowsin, Macin ja Linuxin kanssa.<\/p>\n

Ennen latauksen aloittamista on t\u00e4rke\u00e4\u00e4 varmistaa, ett\u00e4 olet luonut varmuuskopion verkkosivustostasi. N\u00e4in v\u00e4ltyt\u00e4\u00e4n tietojen katoamiselta j\u00e4rjestelm\u00e4vian sattuessa.<\/p>\n

\"Kuinka<\/a><\/p>\n

Kun olet ladannut, avaa FTP-asiakasohjelma ja yhdist\u00e4 verkkois\u00e4nt\u00e4tilisi WordPressiin. Voit tehd\u00e4 t\u00e4m\u00e4n kirjoittamalla FTP-kirjautumistietosi Site Manageriin.<\/p>\n

FTP-kirjautumistiedot toimitetaan WordPress-hosting-tilin rekister\u00f6innin j\u00e4lkeen. Ne l\u00e4hetet\u00e4\u00e4n yleens\u00e4 s\u00e4hk\u00f6postitse, mutta ne sijaitsevat my\u00f6s verkkois\u00e4nn\u00e4n cPanel-hallintapaneelissa. Jos sinulla on vaikeuksia tunnistetietojen l\u00f6yt\u00e4misess\u00e4, ota yhteytt\u00e4 is\u00e4nn\u00f6intipalveluntarjoajaan.<\/p>\n

Sy\u00f6t\u00e4 seuraavaksi verkkosivustosi tiedot ja valitse "SFTP". Kun FTP-tilin tiedot on annettu, napsauta "Pikayhteys" -painiketta. T\u00e4m\u00e4 yhdist\u00e4\u00e4 sinut WordPress-verkkosivustollesi, ja voit nyt ladata HTML-tiedoston.<\/p>\n

\"Kuinka<\/a><\/p>\n

Aloita selaamalla tietokoneesi tiedostoja Paikallinen sivusto -kansiossa. Napsauta hiiren kakkospainikkeella vaadittua HTML-tiedostoa ja valitse Lataa-vaihtoehto. FTP-asiakasohjelma siirt\u00e4\u00e4 tiedoston WordPress-verkkosivustollesi ja ilmoittaa, kun lataus on onnistunut.<\/p>\n

Jos haluat n\u00e4hd\u00e4, n\u00e4ytt\u00e4\u00e4k\u00f6 verkkosivusto tiedoston, siirry selaimeesi. Kirjoita verkkosivustosi URL-osoite ja sen j\u00e4lkeen HTML-tiedoston nimi: www.omasivusto.com\/html-tiedosto<\/a>. Sinut ohjataan uudelle verkkosivustolle, joka on luotu HTML-tiedostolla.<\/p>\n

HTML-tiedoston lataaminen WordPressiin cPanelin kautta<\/h3>\n

\"Kuinka<\/a><\/p>\n

cPanel on ohjauspaneeli, joka n\u00e4ytt\u00e4\u00e4 verkkosivustosi tietokannan. T\u00e4ss\u00e4 viimeisess\u00e4 menetelm\u00e4ss\u00e4 k\u00e4yt\u00e4t cPanelia ja tiedostonhallintaa.<\/p>\n

Pakkaa HTML-sivusi, CSS ja kaikki tarvittavat tiedostot ja kansiot yhdeksi pakatuksi arkistoon. Windows-k\u00e4ytt\u00e4j\u00e4t voivat tehd\u00e4 t\u00e4m\u00e4n napsauttamalla hiiren kakkospainikkeella HTML-kansiota ja valitsemalla sitten Pakkaa-vaihtoehdon. Mac-k\u00e4ytt\u00e4j\u00e4t: napsauta hiiren kakkospainikkeella yl\u00e4kansiota ja valitse Pakkaa kansio -vaihtoehto.<\/p>\n

\"Kuinka<\/a><\/p>\n

Kun olet kirjautunut cPaneliin, siirry "Tiedostot"-osioon ja avaa "Tiedostojenhallinta"-sovellus. Siirry "Tiedostonhallinnassa" verkkosivuston juurikansioon. T\u00e4m\u00e4 on yleens\u00e4 oletuksena nimelt\u00e4\u00e4n "public_html".<\/p>\n

\"Kuinka<\/a><\/p>\n

Luo uusi kansio napsauttamalla "Uusi kansio" -painiketta n\u00e4yt\u00f6n vasemmassa yl\u00e4kulmassa. T\u00e4m\u00e4 luo ponnahdusikkunan. Kirjoita uuden kansion nimi. Kansion nimest\u00e4 tulee osa HTML-sivusi URL-osoitetta, joten ota t\u00e4m\u00e4 huomioon. Napsauta Luo uusi kansio -painiketta.<\/p>\n

\"Kuinka<\/a><\/p>\n

Avaa uusi kansio ja napsauta yl\u00e4valikosta Lataa-painiketta. Napsauta "Valitse tiedosto" -painiketta ja valitse ladattavan HTML-tiedoston pakattu arkisto. Pura pakatut tiedostot napsauttamalla ruudun oikeassa yl\u00e4kulmassa olevaa Pura-painiketta ja valitse sitten Pura tiedostot -painike. Kun t\u00e4m\u00e4 on valmis, napsauta ’Sulje’ -painiketta.<\/p>\n

\"Kuinka<\/a><\/p>\n

Napsauta "Lataa uudelleen" -painiketta n\u00e4hd\u00e4ksesi kaikki puretut HTML-tiedostot. Pakattu HTML-tiedosto voidaan nyt poistaa. T\u00e4m\u00e4 ei aiheuta muutoksia HTML-sivulle.<\/p>\n

Esikatsele uutta sivua selaimessa kirjoittamalla verkkosivustosi URL-osoite ja kansion nimi. Esimerkiksi omaverkkotunnus.com\/KansionNimi\/HTMLTiedostonimi.html.<\/p>\n

\"Kuinka<\/a><\/p>\n

404-virhe saattaa ilmet\u00e4, jos palvelimesi ei tue uudelleenohjausta tai jos "index.php"-tiedostoa ei ohjata uudelleen, kun URL-osoite ladataan selaimeen.<\/p>\n

Voit korjata t\u00e4m\u00e4n Tiedostonhallinta-sovelluksessa muokkaamalla .htaccess-tiedostoa kaksoisnapsauttamalla sit\u00e4. T\u00e4m\u00e4 l\u00f6ytyy verkkosivustosi juurikansiosta public_html. Lis\u00e4\u00e4 seuraava koodi ja tallenna muutokset:<\/p>\n

RewriteRule ^(.*)index.(php|html?)$ \/$1 [R=301,NC,L]<\/code><\/pre>\n
T\u00e4m\u00e4 koodi ohjaa uudelleen ja lataa "index.php"-tiedoston selaimeen. Se my\u00f6s uudelleenohjaa tiedostot tai kansiot, joiden nimiss\u00e4 kirjainkoolla on merkityst\u00e4, sis\u00e4ll\u00f6n tarkastelemiseksi.<\/p>\n
Lopetetaan ajatukset HTML-tiedoston lataamisesta WordPressiin<\/h3>\n
WordPressin avulla k\u00e4ytt\u00e4j\u00e4t voivat olla luovia rakentaessaan ja mukauttaessaan verkkosivustojaan. Silloin, kun t\u00e4m\u00e4 ei riit\u00e4, HTML-tiedoston lataaminen WordPressiin on eritt\u00e4in hy\u00f6dyllist\u00e4.<\/p>\n
Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta HTML-tiedoston lataamisesta WordPressiin, sinun tulee lukea my\u00f6s n\u00e4m\u00e4:<\/p>\n