Som standard kan du bygge sider og oprette indhold i WordPress uden nogensinde at skulle uploade nogle tilpassede HTML-filer. Det skyldes, at WordPress-kernen leveres med indbyggede indholdstyper. Derudover vil det WordPress-tema, du bruger, sandsynligvis have sit eget sæt af pre-designede sideskabeloner, som du kan drage fordel af for at oprette et unikt websted, der imødekommer dine behov.

Derudover er der masser af WordPress landing page plugins, du kan bruge til at oprette tilpassede sideskabeloner, som besøgende kan lande fra søgeresultater, e-mail-kampagner og endda sociale medier.

Så virkelig er der meget lidt behov for at uploade HTML-filer til WordPress, for normalt er alt hvad du har brug for for at formatere dit websted allerede der. Når det er sagt, er der nogle grunde til, at du vil vide, hvordan du uploader en HTML-fil til WordPress, hvoraf nogle går ud over at uploade en skabelon til designformål.

Derfor viser jeg dig i dette indlæg, hvordan du uploader HTML-filer til WordPress. Jeg vil også diskutere detaljeret, hvorfor du bør besidde denne evne, så uanset hvad du er forberedt.

Hvad er en HTML-fil?

HTML står for Hypertext Markup Language og blev først udviklet af Tim Berners-Lee i 1990. Kort sagt er HTML den kode, der bruges til at oprette elektroniske dokumenter på Internettet, der er bedre kendt som websider. Faktisk blev hver webside, du ser på internettet, skrevet med HTML-kode.

HTML-koden på dit websteds websider er ansvarlige for at sikre, at dit indholds tekst og billeder er formateret på den rigtige måde.

Uden HTML ville webbrowsere ikke forstå, hvordan man visuelt viser strukturen på dit websted for brugere. Men med den rigtige HTML-kode, der skaber grundlaget for dine websider, og lidt CSS-kode til tilføjelse af nogle designelementer, vises dit websted perfekt for besøgende på webstedet.

Hvad er en HTML-Skabelon?

Så du ved, at HTML er den kode, der er ansvarlig for at oprette strukturen på de enkelte websider på internettet.

Men hvad er en HTML-skabelon?

En HTML-skabelon er et pre-designet sæt HTML-filer, der inkluderer ting som tekst, billeder og supportfiler til skrifttyper og Javascript. Med andre ord er en HTML-skabelon en foruddannet pakke med HTML-kode, som du nemt kan uploade til dit websted og bruge.

Når du bruger en HTML-skabelon på dit WordPress-websted, uploader du filen og tilslutter den tekst og de billeder, du vil have, at skabelonen skal vises i forreste del af dit websted.

Det er vigtigt at huske, at HTML-skabeloner er forskellige end WordPress-temaer:

Desværre forstår mange mennesker ikke forskellene mellem temaer og HTML-skabeloner og bruger udtrykkene ‘tema’ og ‘skabelon’ om hverandre.

Hvorfor du har Brug for at Uploade en HTML-fil til WordPress

Der er et par specifikke grunde til, at du måske ønsker at uploade en HTML-fil til WordPress:

  1. Du har dine favoritter: Hvis du brugte en fantastisk HTML-skabelon på et gammelt websted og ville bruge det på dit nye websted, kan du muligvis uploade skabelonen til dit nye sted i stedet for at gøre det hele igen. Dette sparer tid og sikrer, at den ser nøjagtigt ud på samme måde.
  2. Du ønsker et tilpasset sidelayout: hvis dit nuværende WordPress-tema ikke understøtter et specifikt sidelayout, kan du uploade en HTML-fil med det ønskede design og tilpasse det efter behov.

Til sidst skal du muligvis bekræfte dit WordPress-websted med Google Search Console og man ønsker at bruge den anbefalede metode til at uploade en Google HTML-verificeringsfil for at gøre det.

Den måde, dit websted vises på i søgemaskiner, især en stor som Google, spiller en rolle i din succes som webstedsejer.

Derfor findes værktøjer som Google Search Console. Med Google Search Console garanterer du, at Google indekserer og rangerer dit websted i relevante søgeresultater, alt i håb om at komme til første side.

Google Search Console giver dig også information om dine nuværende SERP’er (resultatsider på søgemaskinerne), så du kan forbedre din SEO-indsats og skaffe flere klikfrekvenser til dit websted.

Sagen er, at for at bruge Google Search Console, skal du bekræfte dit WordPress-websted. Og det sker bare så, at en af bedste første måder at gøre dette på er at uploade en Google HTML-verificeringsfil.

Lad os nu se på de forskellige måder at uploade en HTML-fil til WordPress.

1. Metode: Sådan Uploades HTML-fil til WordPress i WordPress Dashboard

Den første metode til upload af en HTML-fil til WordPress, vi skal se på, involverer WordPress-dashboardet.

Du behøver ikke andet end backend på dit websted og en HTML-skabelon for at gennemføre denne proces, da du uploader HTML-filen direkte gennem et indlæg, en side eller mediebiblioteket.

Hvis du vil uploade en HTML-fil gennem et indlæg eller en side, skal du indsætte en ‘Fil’-blok i Gutenberg Editor. Klik derefter på Upload for at uploade HTML-filen.

Upload HTML-fil i Gutenberg

Upload HTML-fil i Gutenberg

Sådan ser det ud, hvis du har deaktiveret Gutenberg og bruger Classic Editor. Klik bare på Tilføj medier og derefter Upload for at uploade din HTML-fil.

Vælg den HTML-fil, du vil uploade, og klik derefter på Indsæt i indlæg. Ved at gøre dette indsættes linket til filen i indlægget eller siden og gemmer det automatisk i dit mediebibliotek.

Upload HTML-fil i Classic Editor

Upload HTML-fil i Classic Editor

Du kan springe at uploade HTML-filen til et indlæg eller en side i WordPress over og uploade den direkte til dit mediebibliotek. Klik på Mediebibliotek i WordPress-dashboardet, derefter på Tilføj nyt, og vælg HTML-filen fra det sted, du har den gemt (f.eks. din computer, harddisk eller ekstern lagerplads).

Husk, at du muligvis støder på en fejl, når du uploader din HTML-fil, mens du bruger Gutenberg. Sådan ser det ud:

Filtype er ikke tilladt

Filtype er ikke tilladt

Kontroller her for detaljerede instruktioner om, hvordan du løser fejlen “how to fix the “Sorry, This File Type Is Not Permitted for Security Reasons” Error in WordPress.

2. Metode: Sådan Uploades HTML-fil til WordPress ved Hjælp af en FTP-klient

Upload af HTML-filer via WordPress-dashboardet er den mest enkle metode. For store skabeloner, der består af flere filer, er det dog bedst at bruge en FTP-klient, såsom FileZilla.

Brug af en FTP-klient er også nyttigt i de tidspunkter, du vil arbejde lokalt på et teststed, inden du skubber til ændringer, du foretager på dit live-sted. Dette vil forhindre unødvendig nedetid, hvis noget går galt.

For at starte skal du altid oprette en backup af dit websted først, fordi du aldrig ved, hvad HTML-filen kan gøre, når du uploader den til dit websted.

Åbn derefter din FTP-klient.

Info

Kinsta leverer automatisk daglige og systemgenererede backups til alle planer. Valgfri timelige backup er også tilgængelige.

Nu skal du oprette forbindelse til din webhost-konto ved at indtaste dine FTP-legitimationsoplysninger. Disse oplysninger findes normalt på din webhost-konto. Hvis du har problemer med at finde det, skal du kontakte din vært og få dem til at hjælpe dig.

Hvis du bruger Kinsta-hosting, skal du først logge ind på din MyKinsta-konto og klikke på Sider i dashboardet og derefter på Info for at få de nødvendige legitimationsoplysninger.

Få dine SFTP-detaljer i MYKinsta

Få dine SFTP-detaljer i MYKinsta

Når du gør dette, skal du se dine legitimationsoplysninger under SFTP/SSH. Du har brug for dit brugernavn, adgangskode og port.

SFTP detaljer

SFTP detaljer

Her er de oplysninger, du har brug for for at indtaste i FileZilla:

Sådan ser det ud øverst på FileZilla-skærmen:

At logge ind på FileZilla

At logge ind på FileZilla

Når du har angivet dine legitimationsoplysninger, skal du klikke på Quickconnect.

Nu er det tid til at uploade HTML-filen fra din computer til WordPress. Start med at navigere til dit websteds rodmappe (som indeholder mappen wp-indhold, wp-config.php-filen osv.) På højre side.

Gå derefter til venstre og find den HTML-fil, du har gemt. Når du finder det, skal du højreklikke på det og vælge Upload for at tilføje det til dit websted. Følg denne korte tutorial for at se alle skjulte filer i Filezilla.

HTML-fil uploadet

HTML-fil uploadet

Du kan se filen er blevet uploadet til WordPress. For at kontrollere, om det er synligt på dit websted, skal du skrive dit websteds URL i din browser og tilføje navnet på HTML-filen til slutningen. Det kan for eksempel se ud som www.mywebsite.com/html-fil.

Når du gør dette, bliver du omdirigeret til den nye webside, du har oprettet med HTML-filen.

3. Metode: Sådan Uploades HTML-fil til WordPress vha. CPanel

Den sidste metode, vi vil dele med dig, involverer at bruge cPanel og File Manager til at uploade en HTML-fil til WordPress.

Træt af WordPress problemer og en langsom host? Vi tilbyder support i verdensklasse fra WordPress eksperter der er tilgængelige 24/7, samt lynhurtige servere. Tjek vores plane

Start med at logge ind på din hostingkontos cPanel og få adgang til File Manager.

FileManager i cPanel

FileManager i cPanel

Når du er i File Manager, har du to muligheder:

  1. Opret en ny mappe: Opret en ny mappe i dit websteds rodmappe for at uploade din HTML-fil til.
  2. Upload til rodmappe direkte: I stedet for at oprette en ny mappe, skal du uploade HTML’en direkte til WordPress. Hvis det er sådan, du vil gøre det, skal du pakke HTML-filen ud, der hvor du har den gemt den, ændre mappen index.html til noget nyt, og zip derefter filen igen for at fortsætte med at uploade til WordPress. Hvis du ikke gør det, tilsidesætter HTML-skabelonen dit websteds hjemmeside.

Til dette eksempel opretter vi en ny mappe, da der er et par tilføjede trin, når du gør dette.

Info

Kinsta er ikke afhængig af cPanel. I stedet har Kinsta sit eget tilpassede hosting-dashboard MyKinsta.

Opret en ny Mappe og Upload en HTML-fil til WordPress

Naviger først til rodmappen på dit websted (som indeholder mappen wp-indhold, wp-config.php-filen osv.). Klik derefter på Ny mappe.

Navngiv din nye mappe, og klik på Opret ny mappe.

Oprettelse af en ny mappe i cPanel

Oprettelse af en ny mappe i cPanel

Dobbeltklik på den mappe, du lige har oprettet, og klik derefter på Upload for at vælge din HTML-fil.

Upload-knap

Upload-knap

Når dette er gjort, ser du din zippede HTML-fil i mappen.

Zippet HTML-fil

Zippet HTML-fil

Nu skal du pakke HTML-filen ud ved at højreklikke og vælge Extract.

Extract HTML-fil

Extract HTML-fil

Når modalvinduet dukker op, skal du klikke på Extract files for at afslutte udpaknings-processen. Når HTML-filen er blevet pakket ud, ser du alle de forskellige filer inkluderet i skabelonen. Husk, at dette betyder, at du kan se ting som CSS, skrifttypefiler, billeder og JavaScript.

Extracted HTML filer

Extracted HTML-filer

Alt hvad du skal gøre for at sikre, at HTML-skabelonen og filerne blev uploadet, er at indtaste webstedets URL i browseren og tilføje den nye mappes navn til slutningen.

Hvis du løber ind i en 404-fejl, skal du ikke bekymre dig. Dette er en almindelig WordPress-fejl og kan let løses.

Hvis din server ikke understøtter omdirigering, og filen index.php ikke omdirigeres ved indlæsning af URL-adressen i din browser, ser du en 404-fejl efter upload af dine HTML-filer.

For at løse dette skal du forblive i File Manager og få adgang til din .htaccess-fil ved at dobbeltklikke på den. Tilføj derefter følgende kode og gem dine ændringer:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Denne kode omdirigerer din index.php-fil og indlæse den i browseren.

Brug for at uploade nogle HTML-fil til dit WordPress-sted? Denne dybdegående guide viser dig, hvordan du gør det let. ⬆📂
Click to Tweet

Resumé

WordPress er det mest anvendte Content Management System, fordi det giver webstedsejere den nødvendige fleksibilitet til at oprette unikke websteder, der skiller sig ud fra konkurrencen. At være i stand til at uploade en HTML-fil til WordPress ved hjælp af en af ​​ovennævnte metoder er blot et andet eksempel på, hvordan WordPress imødekommer behovene hos webstedsejere og giver dem friheden til at tilpasse deres websteder efter behov.

Desuden er det bare en god færdighed at vide, hvordan man uploader en HTML-fil til WordPress, hvis behovet opstår. Når alt kommer til alt, ved du aldrig, hvornår du muligvis støder på en HTML-skabelon, du elsker, eller har brug for en bestemt type sidelayout, som dit tema ikke understøtter.


Hvis du kunne lide denne vejledning, så vil du elske vores support. Alle Kinstas hostingplaner indeholder 24/7 support fra vores erfarne WordPress-udviklere og ingeniører. Chat med det samme team, der understøtter vores Fortune 500-kunder. Tjek vores planer