januari 29, 2022

topp 3 metoder för att konvertera din gamla webbplats till en WordPress-webbplats

Emma Jhonson
Emma Jhonson

följ

Aug 20 * 7 min läs

vill du konvertera din gamla webbplats från HTML till WordPress? Att hoppa till någon trendteknik tvingar dig att dyka in i fullständig information och samla alla nödvändiga detaljer innan du tänker.

marknaden för WordPress växer dynamiskt för varje dag som går. Från och med 2021 är mer än 455 miljoner webbplatser aktiva på WordPress, och antalet webbplatser förväntas växa under kommande år.

Bildkälla

nyckelstatistik om WordPress

  • WordPress är det mest användarvänliga innehållshanteringssystemet med öppen källkod, med 1,1 miljoner nya nedladdningar var sjätte månad och mer än 2 miljoner varje år.
  • det driver 62% av alla CMS-webbplatser, till exempel Joomla eller Shopify.
  • det erbjuder mer än 54 000 plugins, 11 000 teman och olika layouter för anpassad webbplatsutveckling.
  • WooCommerce är det mest använda e-Handelspluginet för WordPress och bidrar med 7% av den totala onlineförsäljningen.

Varför välja WordPress för webbplatsutveckling?

att ta smärtan att importera din webbplats till WordPress är värdelös om du inte förstår betydelsen av detta innehållshanteringssystem. Innan du hoppar till WordPress, låt oss få en liten förklaring till varför du bör tänka på WordPress för din webbutveckling:

  • WordPress-webbplatser är SEO-vänliga och hjälper användare att öka sin solida digitala närvaro på Googles SERP.
  • när du projicerar ditt företag via webbplatser söker du tillgänglighet, anpassning och expansion för användarengagemang. Med WordPress blir det enkelt att expandera och uppdatera webbplatserna för att dela värdefulla insikter.
  • att integrera de skräddarsydda funktionerna på dina webbplatser blir enkelt med 54 000 färdiga plugins. Det kommer att bidra till att göra din webbplats projekt mer dynamisk och lyhörd.
  • WordPress är ett innehållshanteringssystem med öppen källkod. Den har ett stort online-community av experter som gör detta CMS mer progressivt och tillgängligt. Det gör webbplatsunderhåll mer produktivt.

steg för steg konvertering av HTML till WordPress

när du går mot konvertering av HTML till WordPress måste du ändra HTML-designen till ett WordPress-tema. Att vara nybörjare i IT-världen kan du känna en besvärlig uppgift att konvertera din webbplats. Sök därför efter de bästa WordPress-webbplatsutvecklingstjänsterna för sömlös konvertering. Det kommer att bidra till att klona en webbplats i WordPress.

men om du är angelägen om att ersätta den befintliga webbplatsen med WordPress, se till att följa en färdig implementeringsplan steg för steg:

html till wordpress konvertera

 html till wordpress konvertera

nu är det dags att visa din tekniska expertis och kunskap om HTML, CSS och PHP. I den här manuella konverteringen måste du utföra kopiera och klistra in:

Steg 1: Skapa en ny Temamapp och filer

skapa en ny temamapp på skrivbordet och namnge den. Gå till kodredigeraren och skapa fem textfiler:

  • stil.css
  • Index.php
  • rubrik.php
  • sidofält.php
  • sidfot.php

steg 2: ersätt befintlig CSS med WordPress Style Sheet

ett annat viktigt steg för att konvertera en webbplats till WordPress är att kopiera och klistra in. Se till att kopiera hela CSS-kodningen från webbplatsen till ett WordPress-stilark. Det betyder att du måste skapa en stil.css-fil och fyll i följande detaljer:

  • tema namn: speglar namnet på ditt tema
  • tema URL: webbadress
  • författare: ditt namn
  • författare URL: betyder en länk till din hemsida där du arbetar
  • beskrivning (tillval): beskriv ditt tema
  • Version: det handlar om ditt tema. Du kan sätta 1.0 eftersom det inte kommer att publiceras.
  • licens, Licensadress, taggar: dessa uppgifter är viktiga när du skickar ditt tema till WordPress-temakatalogen.

steg 3: Separat befintlig HTML

på WordPress använder Utvecklare PHP för att extrahera databasinformation. Det är därför de behöver för att dela HTML i olika delar och låta CMS att binda dessa bitar tillsammans för att återspegla fullständiga detaljer.

klicka för att indexera.html-fil och öppna den. Kopiera nu koden från WordPress och klistra in den i följande avsnitt:

rubrik.php: det täcker området mellan toppen av din HTML-kod och huvudinnehållet i termer av ”<Huvud> eller <div class=”Huvud”>.”Kopiera och klistra in <?php wp_head ();?> strax efter < / Huvud>.

sidofält.php: kopiera innehållet under avsnittet < åt sidan> till WordPress-filen.

sidfot.php: Footer avsnitt beskriver informationen från slutet av sidofältet till slutet av filen. Efter det, klistra in <?php wp_footer ();?> före < / kropp>.

Stäng ” index.html ” – fil och spara nödvändiga data i temamappen.

stäng alla filer utom rubrik.php och index.php.

steg 4: ändra rubriken.php och Index.php för WordPress

ändra rubriken.php och Index.php för att göra dem kompatibla med WordPress-format.

För Rubrik.php

börja med att söka efter en liknande länk till” <link rel=” stylesheet” href= ” style.css ” >” i avsnittet < head>.

ersätt länken med:

<länk rel=” stylesheet”href=” <?php echo get_template_directory_uri ();?> / stil.css ”type=” text / css ”media=” alla ” / >.

spara och stäng rubrikfilen.

För Index.php

ditt Index.php kan vara tomt så klistra in den nedan nämnda informationen i den:

Bildkälla

<?php get_header ();?>

<?php get_sidebar ();?>

<?php get_footer ();?>

Obs: behåll utrymmet mellan rubriken och sidofältet för att lägga till slingan.

Steg 5: fånga skärmdump och ladda upp

ett sista och viktigt steg är att ta en skärmdump av ditt tema. Innan du laddar upp det, se till att det skulle handla om 880 660 pixlar.

för mer förtydligande är skärmdumpen för backend-processen för WordPress. Du kan förhandsgranska din webbplats med skärmdumpen. Så spara filen som en skärmdump.png och inkludera den i din temamapp.

Ladda upp temat till WordPress med följande steg:

  • skapa en zip-fil.
  • gå till WordPress. Välj önskat utseende, teman och klicka på Lägg till nytt högst upp.
  • Ladda upp temat och ladda sedan upp zip-filen.
  • fliken till ” Installera nu.”
  • aktivera temat

Metod 2: Användning av WordPress Child Theme

WordPress barn tema för att konvertera gamla webbplats

 WordPress barn tema för att konvertera gamla webbplats

manuell konvertering verkar teknisk och lite komplicerad. Men du kan hantera allt med WordPress Child Theme. Det behöver ett överordnat tema men låter dig göra nödvändiga ändringar.

Steg 1: Välj ett tema

Bildkälla

Välj ett tema från WordPress – temakatalogen som liknar din befintliga design.

installera det, men aktivera det inte.

steg 2: skapa en ny mapp

skapa en ny temamapp som du har skapat i föregående metod. Se till att namnge mappen som modertema och Lägg till adjektivet ”barn” i slutet utan utrymme.

steg 3: Förbered ett stilark

Ställ in ett stilark som vi utförde på föregående metod och Lägg till en tagg som heter ”Mall.”För att arket ska fungera korrekt, se till att det överordnade temanamnet ingår.

steg 4: Skapa en funktion.php

när du arbetar med ett barntema måste du skapa en funktion.php-fil och ärva överordnade stilar. För det, skapa en ny fil och namnge den som funktioner.php som bör börja det med <?PHP. Klistra nu in följande koder i filen:

Bildkälla

Steg 5: aktivera Barntemat

slutligen aktivera barntemat. Se till att ta en skärmdump först som måste visas på WordPress backend-bearbetningen. Skapa en zip-fil och ladda upp den. Justera nu designen i enlighet därmed.

Metod 3: Installera Plugin för att importera innehåll

konvertera webbplatsen till WordPress via plugins

 konvertera webbplatsen till WordPress via plugins

Anslut till ett WordPress-webbplatsutvecklingsföretag om du inte vet hur du skapar en ny WordPress-webbplats utan att ta bort den gamla webbplatsen. Eller använd den tredje metoden och konvertera webbplatsen till WordPress via plugins.

Steg 1: Installera ett Plugin

gå till Plugins i WordPress och Sök efter HTML-Import 2. Hitta önskat Plugin, installera det och aktivera det.

steg 2: Redo att importera

Ladda upp sidorna som du vill importera till samma server som din WordPress-installation. För att importera nödvändiga filer måste du ange följande information i de obligatoriska flikarna:

  • katalog att importera: ange sökvägen för befintliga HTML – kodfiler.
  • gammal webbadress: ange din gamla webbadress. Den används som omdirigering.
  • Standardfil: dela information om index.HTML.
  • filtillägg för att inkludera: filtillägg som måste importeras.
  • kataloger att utesluta: alla filer som du inte vill importera.
  • bevara filnamn: det kommer standard att använda namnet på filen som den nya webbadressen.

när du är klar med ovanstående steg, navigera till fliken Innehåll och konfigurera HTML-taggen. Fortsätt nu till följande flikar:

  • informera ditt Plugin om de titlar du vill ha på HTML-mallarna.
  • använd en anpassad tagg för att importera anpassade data.
  • definiera dina kategorier och taggar till det importerade innehållet.
  • importera nödvändiga verktyg från HTML till WordPress på fliken Verktyg.

spara din inställning och börja importera

att göra en mer dynamisk och lyhörd webbplats är det ultimata kravet att växa ur verksamheten exakt. Genomföra förståelse och lärande av verksamheten i en webbplats enlights begreppet anpassade webbdesign.

idag ägnar vi mer uppmärksamhet åt anpassad webbdesign för att möta våra affärskrav helt. Om du också behöver utforma en anpassad webbplats eller projicera ditt krav på en befintlig webbplats, bäst att anställa WordPress-utvecklare. Närma dig ett topp WordPress-utvecklingsföretag och dela ditt krav på att få din webbplats att tala dina synpunkter mest lämpligt.

slutliga tankar

därför kan du välja det bästa sättet enligt din förståelse som kan ersätta din gamla webbplats med en ny WordPress-webbplats. WordPress hjälper dig att implementera önskad webbdesign och funktioner på dina webbplatser. Bortsett från det, anlita en erfaren WordPress-utvecklare från WordPress-webbdesignföretaget och få tillgång till de bästa WordPress-webbutvecklingstjänsterna.

Lämna ett svar

Din e-postadress kommer inte publiceras.