Omskakeling van HTML na WordPress (stap vir stap)


Omskep HTML na WordPressDie pad van webwerwe wat met pure HTML na WordPress gebou is, was nie ‘n kort entjie nie. Van ‘n teks-ervaring het webontwerp oorgegaan na ‘n baie interaktiewe teenwoordigheid op die web. Daarbenewens hoef ons nie meer selfopmerkings te skryf nie, maar ons kan die bestuur van stelsels inhou om swaar op te hef.


Dit beteken egter nie dat statiese HTML-webwerwe nie meer bestaan ​​nie. In werklikheid is HTML5, die nuutste iterasie van die opmaaktaal, baie kragtig en kan u kwaliteit webwerwe bou sonder ‘n CMS daaragter..

Tog toon die groeiende markaandeel van WordPress dat al hoe meer mense na die platform oorgaan.

WordPress markaandeel in 2019

Vir sommige van hulle beteken dit om van statiese HTML na WordPress oor te gaan. Dit kan ‘n vreesaanjaende taak wees, maar hierdie boodskap sal probeer om op enkele eenvoudige maniere te verduidelik hoe om dit te doen.

Hieronder sal ons u verskillende maniere wys hoe om van HTML na WordPress om te skakel. Eerstens leer u wat die verskillende opsies is, sowel as die voor- en nadele. Daarna sal ons u wys hoe u elkeen stap vir stap kan uitvoer.

Kom ons gaan.

Die 3 maniere om van statiese HTML na WordPress te skuif

Om van HTML na WordPress te beweeg, moet u u HTML-ontwerp omskep in ‘n WordPress-tema. ‘N Tema beheer die voorkoms en die gevoel van ‘n WordPress-webwerf, terwyl die funksies deur die CMS self voorsien word, sowel as addisionele inproppe.

Om oor te skakel, het u verskeie opsies. Watter een die beste vir u is, hang af van faktore soos die tyd en geld wat u in staat is om te belê, u koderingsvaardighede en persoonlike voorkeure. Die volgende is die belangrikste opsies.

A) Skakel HTML handmatig om na ‘n WordPress-tema

Die eerste opsie is ook die tegniesste. As u hierdie roete gaan, neem u u bestaande kode en gebruik dit as vertrekpunt om die WordPress-temalêers te skep.

Dit is nie te ingewikkeld nie, veral as u koderingservaring het. U kan dit uittrek met ‘n bietjie HTML-, CSS- en PHP-kennis. Baie daarvan is kopieer en plak.

Die nadeel: hoewel u met ‘n werkende WordPress-tema sal eindig, sal dit nie al die funksies hê wat WordPress kan bied nie. Byvoorbeeld, tensy u dit ná die tyd inbou, sal u werf sonder widget-gebiede wees of u spyskaart kan verander van die WordPress-backend.

Terwyl u webwerf sy werk doen, kan u dit nie volledig via WordPress bestuur nie. Om hierdie rede verkies ons persoonlik die volgende opsie.

B) HTML na WordPress via WordPress Child Theme

Na ons mening is dit waarskynlik die maklikste en redelikste pad in terme van inspanning en geldelike investering. In plaas daarvan om u bestaande webwerf as die wegspringpunt te gebruik, gebruik u ‘n klaargemaakte WordPress-tema. U pas dan slegs die ontwerp daarvan aan sodat dit op u ou webwerf lyk.

As u dit doen, kan u WordPress ten volle benut, terwyl u die voorkoms van u ou werf behou. U hoef ook nie daarna WordPress-funksies by te voeg nie. In plaas daarvan kan u voortbou op ‘n bestaande tema – iets waarvoor die WordPress-platform eksplisiet gemaak is.

C) Invoer van HTML na WordPress met behulp van plugin

Dit is duidelik dat, as u nie daarop wil aandring om u huidige ontwerp te gebruik nie en dat u dit wil verander, dit makliker word. Dan hoef u net ‘n webwerf op te stel, die tema te installeer en u HTML-inhoud in te voer. Soos u hieronder sal sien, is dit ‘n baie vinnige en pynlose proses.

A) Hoe u HTML handmatig kan omskakel na ‘n WordPress-tema

As u doel is om van nuuts af te begin en u eie WordPress-tema te skep wat op u bestaande HTML-webwerf lyk, begin dan van hier.

Moenie bekommerd wees as dit intimiderend klink nie, jy sal sien dat dit alles behalwe is. Net ‘n paar lêers en gidse, sowel as kopiëring en plak, is al wat nodig is.

1. Skep ‘n temagids en basiese lêers

Die eerste ding wat u moet doen is om ‘n nuwe temagids te skep. U kan dit op u rekenaar doen, soos vir ‘n gids op u rekenaar. Noem dit wat u ook al wil hê dat u tema genoem moet word.

Gaan daarna na die kode-redigeerder en skep ‘n aantal tekslêers. Noem hulle die volgende:

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

Moet nog niks met hulle doen nie, hou die lêers oop in die redigeerder. U het hulle binnekort nodig.

2. Kopieer bestaande CSS na die WordPress Style Sheet

Dit is nou tyd om die WordPress-stylblad (die lêer) op te stelstyle.css wat u so pas geskep het) om die CSS van u ou webwerf daarin te kopieer. Maak die lêer daarvoor oop en plak die volgende:

/ *
Tema Naam: Twintig Dertien
Tema URI: http://wordpress.org/themes/twentythirteen
Skrywer: die WordPress-span
Skrywer URI: http://wordpress.org/
Beskrywing: Die 2013-tema vir WordPress neem ons terug na die blog, met 'n volledige reeks posformate wat elkeen pragtig op hul eie unieke manier vertoon word. Ontwerpdetails is in oorvloed, en begin met 'n lewendige kleurskema en bypassende kopfoto's, pragtige tipografie en ikone, en 'n buigsame uitleg wat op enige toestel, groot of klein, lyk.
Weergawe: 1.0
Lisensie: GNU General Public License v2 of later
Lisensie URI: http://www.gnu.org/licenses/gpl-2.0.html
Merkers: swart, bruin, oranje, geelbruin, wit, geel, lig, een-kolom, twee kolomme, regterkantste sykant, buigsame breedte, pasgemaakte kop, pasgemaakte menu, redigeerstyl, prente-afbeeldings, mikroformate, post-formate, rtl-taalondersteuning, taai pos, vertaalgereed
Teksdomein: twintien

* /

Dit is die sogenaamde stylbladopskrif (belangrik: moenie die opmerking agterlaat nie/*...*/ merkers uit!). Vul elke deel so in:

  • Tema Naam – Hier is die naam van u tema. Dit kan alles wees wat u wil hê, maar dit is gewoonlik dieselfde as die naam van u temagids.
  • Tema URI – U sal gewoonlik die tuisblad van die tema hier plaas, maar u kan u eie webwerfadres gebruik.
  • skrywer – Dis jy. Plaas u eie naam hier of wat u ook al wil noem.
  • Skrywer URI – ‘n Skakel na u tuisblad. Dit kan die een wees wat jy bou of wat ook al sin maak.
  • beskrywing – ‘n Opsionele beskrywing van u tema. Dit sal in die WordPress-backend verskyn.
  • weergawe – Die weergawe van u tema. Aangesien u dit nie publiseer nie, maak dit nie regtig saak nie. Ons plaas meestal 1.0 hier.
  • Lisensie, lisensie-URI, etikette – Hierdie dinge is net belangrik as u van plan is om u tema aan die onderwerp voor te lê WordPress-temagids. U kan hulle in hierdie geval uitlaat, ons het hulle net ingesluit ter wille van voltooiing.

Kopieer en plak die bestaande CSS vanaf die statiese HTML-webwerf na die opskrif. Stoor die lêer in u nuwe temagids en maak dit toe. Tyd om na die res te skuif.

3. Skei u bestaande HTML

Vir die volgende deel moet u verstaan ​​dat WordPress gewoonlik PHP gebruik om inligting uit die databasis te haal. Om hierdie rede moet u u bestaande HTML in verskillende stukke sny sodat die CMS dit korrek kan saamstel.

Alhoewel dit ingewikkeld klink, beteken dit net dat u dele van u HTML-dokument in verskillende PHP-lêers kopieer en plak. Om dit beter te demonstreer, het ons ‘n eenvoudige voorbeeldbladsy saamgestel wat u hieronder kan sien.

html na wordpress voorbeeld bladsy

Soos u kan sien, is dit ‘n standaard HTML-sjabloon wat ‘n kop-, inhoudsarea, ‘n sybalk en ‘n voetskrif bevat. Die meegaande kode is:





Webwerf titel







Webwerf titel

  • nav item 1
  • nav item 2
  • nav item 3

Artikel titel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tydelik. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.

subopskrif

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tydelik. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tydelik. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

subopskrif

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tydelik. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tydelik. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

As u ontwerp anders is, moet u die stappe hieronder ietwat aanpas. Die totale proses bly egter dieselfde.

Maak eers u stroom oop index.html (die hooflêer van u HTML-webwerf). Gaan daarna deur u nuutgeskepte WordPress-lêers en kopieer die volgende daarin (die voorbeelde hieronder is my opsomming):

header.php

Alles vanaf die begin van u HTML-lêer tot die hoofinhoudgebied (gewoonlik aangedui met

of

) gaan na hierdie lêer. Daarbenewens, net voor dit sê, kopieer en plak . Dit is baie belangrik vir baie WordPress-plugins om behoorlik te werk.




Webwerf titel






Webwerf titel

  • nav item 1
  • nav item 2
  • nav item 3

sidebar.php

Alles wat aan die afdeling behoort

Daarna is jy klaar index.html en kan dit toemaak. Stoor alle ander lêers in u temagids en maak dit toe behalwe header.php en index.php. U het meer werk daarmee te doen.

4. “WordPressify” Header.php en Index.php

Vir die kop is dit net om die oproep vir die stylblad van HTML na WordPress-formaat te verander. Kyk hierna na ‘n bestaande skakel in die artikel. Dit lyk dalk so:

Vervang dit hiermee:

Cool, nou kan jy stoor en toemaak header.php. Keer dan na index.php. Dit moet op die oomblik leeg wees. So, kopieer en plak eers hierdie kodelyne:




Dit is die oproepe vir die ander lêers wat die res van u webwerf bevat. U kan die spasie tussen die oproep vir die kop en die sidebar opmerk. Dit is waar jy sal byvoeg Die lus.

Laasgenoemde is die deel van WordPress waar die CMS inhoud lewer wat in die backend geskep is. Dit is van uiterste belang as u WordPress wil hê dat die inhoud dinamies byvoeg tot u bladsye wat u later sal invoer. Plak dit hiervoor onmiddellik hierna :


Spaar nou index.php lêer en maak dit toe. Wel gedaan! U basiese tema is gereed. Nou kan u dit by u nuwe WordPress-webwerf voeg.

5. Skep ‘n skermkiekie en laai tema op

Nou sal u ‘n temaskermkiekie byvoeg wat saam met die inligting in u stylbladkoppie as ‘n voorskou van u webwerf sal dien in die WordPress-backend.

Om dit te doen, open u bestaande webwerf in ‘n blaaier en neem ‘n skermkiekie met u voorkeurmetode. Open daarna die beeldbewerkingsagteware van u keuse en sny dit tot 880 × 660 piksels. Stoor dit as screenshot.png en voeg dit by u temagids. Nou is u gereed om u tema op te laai.

Om die nuwe tema op u WordPress-webwerf te kry, het u verskeie opsies. Die voorvereiste is egter dat alle lêers binne u temagids lê.

Die eerste opsie is om ‘n zip-lêer daaruit te skep. Gaan daarna na u WordPress-webwerf en dan na Voorkoms> Temas. Klik hier Voeg nuwe bo en dan Laai tema op.

laai omgeskakel tema op

Gebruik die knoppie in die komende menu om na die plek van u zip-lêer te blaai. Merk dit en klik oop, dan Installeer nou. As dit klaar is, aktiveer die tema.

Alternatiewelik kan u via FTP aan u bediener koppel (of net na die plaaslike gids op u hardeskyf gaan) en na wp-content / temas. Laai dan u (ongedrukte) temagids daar op. Aktiveer daarna die tema vanaf dieselfde plek as voorheen.

Lekker! Die voorkant van u nuwe webwerf moet nou soos u ou werf lyk. Al wat oorbly om die oorgang van HTML na WordPress te voltooi, is om u bestaande inhoud in te voer. Ons bespreek dit verder as ons praat oor die gebruik van ‘n bestaande WordPress-tema.

Wees egter bewus daarvan dat, hoewel die basiese tema nou werk, daar meer dinge is wat u kan doen om u HTML beter met WordPress te integreer. Dit sluit in maak u blogtitel en -beskrywing bewerkbaar, widget-gebiede byvoeg, kommentaar, en nog baie meer. Miskien moet u ook CSS-opmerkings byvoeg omdat die inhoud nie deel is van u oorspronklike ontwerp soos beelde nie.

Aangesien dit baie werk is, gebruik ons ​​persoonlik ‘n oplossing wat al die funksies het en slegs ‘n ontwerpverandering benodig. Dit is wat ons jou volgende sal wys.

B) HTML na WordPress via WordPress Child Theme

As bogenoemde te intens vir u lyk, kan die volgende metode meer hanteerbaar wees. Dit stel u in staat om voordeel te trek uit duisende bestaande WordPress-temas, terwyl u steeds u oorspronklike ontwerp behou.

Dit is deur ‘n sogenaamde kindstema te gebruik. Hierdie temas is gebou bo-op ‘n ander tema (die ouer) wat nie op hul eie staan ​​nie, maar slegs die ouer-tema verander om aan u behoeftes te voorsien. Maklik genoeg om te doen alhoewel dit ‘n bietjie speurderwerk verg.

1. Kies ‘n geskikte tema

Die eerste stap is om ‘n geskikte tema te kies waarop u ontwerp kan baseer. Daarvoor help dit om ‘n tema te vind wat naby u bestaande ontwerp is, of om ‘n temaramwerk of ‘n beginnertema te gebruik, wat albei gemaak word om te dien as ‘n basis vir aangepaste temas..

Kyk die WordPress-temagids, ons lys van ongelooflike temas of kyk na premium temas om ‘n geskikte kandidaat te vind. Na ‘n bietjie gesoek het ons besluit dat die Twintig Twaalf tema sou ‘n goeie beginpunt wees vir my skuif van HTML na WordPress. Gewoonlik kies ons iets meer op datum, maar dit pas goed met die eenvoudige ontwerp waarmee ons werk.

Nadat u gekies het, installeer die tema op u WordPress-webwerf, soos u enige tema sou installeer. U hoef dit nie te aktiveer nie. Soos genoem, is dit net daar om ‘n basis te bied waarop u kan werk. Die res gebeur in die tema van die kind.

2. Skep ‘n nuwe gids

Net soos die vorige metode, moet u ‘n temagids vir die kindertema skep. Hier sal u al die lêers wat daarby behoort, plaas.

As u kindertemas skep, is dit gereeld om die gids dieselfde naam te noem as die ouer-tema plus -kind. Aangesien ons kindertema gebaseer is op die twintig-twaalf-tema, noem ons dit die gids twentytwelve-kind.

Maak nie saak watter naam u kies nie, maak seker dat u geen spasies insluit nie, want dit werk nie so nie.

3. Stel die stylblad op

Die kindertema het ook ‘n stylblad nodig. Hierdie een sal amper dieselfde werk as die stylblad hierbo. Dit het egter ‘n effens ander kop en sal minder kode bevat.

Ons kom later na die tweede deel. Skep nou die gewone style.css en plaas dit in die temagids. Voeg dan die volgende by:

/ *
Tema Naam: Twintig Vyftien Kind
Tema URI: http://example.com/twenty-fifteen-child/
Beskrywing: Twenty Fifteen Child Theme
Skrywer: John Doe
Skrywer URI: http://voorbeeld.com
Sjabloon: twintig-vyftien
Weergawe: 1.0.0
Lisensie: GNU General Public License v2 of later
Lisensie URI: http://www.gnu.org/licenses/gpl-2.0.html
Merkers: lig, donker, twee kolomme, regterkant van die balk, reageer-uitleg, gereed vir toeganklikheid
Teksdomein: vyftien-kind
* /

Soos u kan sien, is dit baie dieselfde as die stylblad wat u voorheen gebruik het, met een uitsondering: dit bevat die sjabloon tag.

In daardie afdeling moet u die naam van die tema wat as die ouer sal funksioneer, plaas. Daarsonder werk die kindertema nie. Voer die lêernaam van die ouer in om dit te vermy. Dus, vir Twenty Twelve, sou dit so wees Sjabloon: twintytwelve.

4. Skep Functions.php en oorerf ouerstyle

Met net die stylblad en die lêergids is dit reeds moontlik om die kindertema te aktiveer. Dit sal egter nie veel goed doen nie, aangesien u webwerf op die oomblik soos ‘n HTML-bladsy lyk sonder enige stilering.

Om dit te verander, moet u eers die ouer se style erf, en daarvoor moet u dit ervaar functions.php. Hierdie lêer is ‘n belangrike deel van elke WordPress-installasie en stel u in staat om ‘n wye verandering aan u webwerf aan te bring.

In hierdie geval sal u dit egter slegs gebruik om die ouer se stilering te noem. Skep daarvoor ‘n nuwe lêer en noem dit functions.php. Die eerste ding wat u aan die begin byvoeg, is:

Met 'n PHP-etiket wat oopmaak, is die lêer teoreties gereed, maar dit doen nog niks. Dus sal u dit ook moet invoer:

funksie child_theme_enqueue_style () {

$ parent_style = 'ouer-styl';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ('kinderstyl'),
get_styleheet_directory_uri (). '/Style.css',
skikking ($ parent_style),
wp_get_theme () -> Kies ( 'Weergawe')
);
}
add_action ('wp_enqueue_scripts', 'child_theme_enqueue_style');

Hierdie stuk kode gee aan WordPress om na die sjabloongids (aka ouer-tema) te gaan en die style daar te gebruik. Dit maak dit ook moontlik om die tema via u kindstema te verander (meer hieroor later).

5. Aktiveer die kind-tema

Op hierdie punt is die kindertema gereed om geaktiveer te word.

U kan 'n skermkiekie hierby voeg, soos in die instruksies hierbo, indien u wil. Afgesien daarvan kan u dit opsit en via WordPress byvoeg Voorkoms> Temas> Nuwe byvoeg> Tema oplaai of deur eenvoudig die lêer by te voeg soos dit is wp-content / temas.

In beide gevalle, as u die tema aktiveer, moet u webwerf nou presies soos sy ouer lyk.

6. Pas die ontwerp aan

Hier begin bogenoemde speurwerk. Dit is nou tyd om die ontwerp van die bestaande tema te verander sodat dit op u oorspronklike HTML-webwerf lyk.

Een van die eerste dinge wat byvoorbeeld uitstaan, is dat ons WordPress-tema ruimte bo die koptekst en onder die bladsyonderskrif voeg wat ons HTML-webwerf nie het nie.

html na wordpress via voorbeeldtema vir kinder-temas

Om dit reg te stel, kan ons na die HTML-webwerf kyk met ons blaaier ontwikkelaar gereedskap om die opmerking verantwoordelik te vind. As ons dit doen, vind ons dit:

liggaam {
marge: 0;
}

Dan doen ons dieselfde met my nuwe WordPress-tema waar ons hierdie style vind:

liggaam. werf {
margin-top: 48px;
marge-top: 3.428571429rem;
kantlyn-onderkant: 48px;
marge-onderkant: 3.428571429rem;
}

My doel is nou om die stilering van die HTML-webwerf op die WordPress-tema toe te pas. In hierdie geval kan ons dit bereik deur die volgende by my kindertema te voeg style.css:

liggaam. werf {
marge: 0 outomaties;
}

Nadat u gestoor het, word die nuwe style op die WordPress-tema toegepas:

html na wordpress via kindertema geredigeerde voorbeeld bladsy

Dit is omdat alles wat u by die stylblad van die kindertema voeg, die style in sy ouer oorskry. Die res van die opsomming bly egter ongeskonde, sodat u slegs die dinge wat relevant is, kan verander.

Plus, as u 'n HTML5-sjabloon as voorgereg en 'n moderne WordPress-tema as u ouer gebruik, sal baie van die basiese opmerkings ooreenstem, wat u lewe baie makliker sal maak.

Daar is baie meer wat u met kindertemas kan doen, wat u kan leer hier. As u klaar is met die aanpassing van die ontwerp, is dit tyd om u inhoud in te voer. Laat ons nou daarby kom.

C) Invoer van HTML na WordPress met behulp van plugin

Uiteindelik gebruik u 'n bestaande tema op die lys om van HTML na WordPress te skuif en eenvoudig u inhoud van u HTML-webwerf daarin te migreer. Dit is die eenvoudigste manier - al wat u moet doen is om die tema van u keuse te installeer en te aktiveer (ons neem aan dat u nou weet hoe om dit te doen) en volg dan die stappe hieronder.

Terloops, hoewel hierdie proses nie baie moeilik is nie, is daar dinge wat verkeerd kan gaan. Maak daarom seker dat u u WordPress-webwerf rugsteun voordat u daarmee gaan.

1. Installeer die invoer-inprop

Die eerste ding wat u moet doen, is om die plugin te installeer HTML-invoer 2. Die maklikste manier om dit te bereik is om na te gaan Inprops> Voeg nuut by en soek dit met die naam. Klik op as u dit op die lys vind (dit kan verder onderaan wees) Installeer nou. Aktiveer dit as dit klaar is.

html to wordpress invoer plugin

2. Berei die invoer voor

Om verskeie bladsye tegelyk in te voer, moet u dit na dieselfde bediener as u WordPress-installasie oplaai. Die inprop sal iets voorstel html-lêers om te invoer  die naam van die gids, maar u kan kies wat u wil. Sorg net om die padnaam te onthou.

Soos u hieronder sien, kan u ook een bladsye een vir een invoer. Gaan na een van die twee metodes na WordPress en Instellings> HTML-invoer. Ons sal nou die mees basiese instellings ondersoek. As u bykomende inligting benodig of iets onduidelik is, verwys dan na die amptelike gebruikershandleiding.

lêers

html-invoerlêers vir wordpress

Stel hierdie skerm soos volg op:

  • Gids om in te voer - Voer die pad in waarop u net u bestaande lêers gekopieër het.
  • Ou werf-URL - Word gebruik vir aansture. Voer u ou URL in. Ons sal dit later in hierdie artikel weer hanteer.
  • Verstek lêer - Die standaardlêer vir kaarte op die ou werf, gewoonlik index.html.
  • Lêeruitbreidings om in te sluit - Die uitbreidings van lêers wat u wil invoer.
  • Gidse om uit te sluit - As u kaarte op die ou werf het wat u nie wil invoer nie, voer dit hier in.
  • Bewaar lêernaam - Om die inprop outomaties met u lêernaam as die nuwe URL te gebruik, merk hierdie kassie. Dit is sinvol as u titels baie lank is, want gewoonlik sal die invoerder dit gebruik om die slak te skep.

inhoud

Onder die inhoud moet u die HTML-tag wat u webwerf-inhoud bevat, opstel.

html vir die invoer van WordPress-inhoud

Kies dit om dit te doen HTML-etiket aan die bokant. Stel dan die etiket in die volgende drie velde op. Byvoorbeeld, as u inhoud vervat is in 'n etiket met die naam

, die inligting wat u invoer, sou wees div, id en hoof.

Die ander instellings op hierdie bladsy moet vanselfsprekend wees en u in staat stel om beelde, dokumente, interne skakels op te dateer en meer in te voer.

Titel en metadata

HTML en wordpress invoer titel en metadata

Hierdie deel is soortgelyk aan die inhoudsdeel voorheen. Dit handel egter oor bladsytitels. In die begin moet u die inprop vertel hoe titels in u HTML-sjabloon gemerk is, sodat hulle dit op die regte plek kan invoer.

Daarbenewens kan u oortollige dinge soos die titel van die webwerf filter, soos dit standaard deur WordPress-temas vertoon word. As u titels binne die inhoud is, kan u die invoerder ook sê om dit uit te vee, sodat dit nie twee keer ingesluit word nie.

Wat belangrik is, is dat u besluit of u u ou inhoud soos plasings of bladsye moet invoer. Die res is redelik vanselfsprekend en stel u in staat om WordPress-instellings vir nuwe bladsye op te stel.

Aangepaste velde

Custom velde van HTML na wordpress invoer

As u enige data het wat in persoonlike velde ingevoer moet word, kan u dit hier instel.

Kategorieë en etikette

html vir die invoer van kategorieë en merkers vir wordpress

Hier kan u kategorieë, etikette en posformate toewys aan u ingevoerde inhoud. Die inprop wys die bestaande taksonomie op u webwerf om hierdie stap makliker te maak.

gereedskap

html-invoerhulpmiddels vir wordpress

Hierdie skerm bevat 'n aantal nuttige instrumente om suksesvol in te voer vanaf HTML na WordPress.

3. Begin invoer

Stoor die instellings sodra u klaar is. Dit sal die Voer lêers in knoppie. Klik daarop om aan die gang te kom.

html na wordpress invoer

(Let wel: u kan ook hier via Gereedskap> Invoer en dan pluk Begin invoerder onder die HTML opsie.)

Kies vervolgens of u 'n gids lêers of 'n enkele lêer wil invoer (u moet daarna blaai) en klik daarna Indien. Die inprop sal dan werk.

As u klaar is, moet u al die bestaande inhoud op u WordPress-webwerf hê en geformateer word deur die nuwe tema. Of as u een van die ander roetes afgelê het, moet u webwerf basies dieselfde lyk as u voormalige HTML-webwerf. Wel gedaan!

Bykomende stappe

As u van plan is om die WordPress-webwerf te ontplooi op dieselfde plek as wat die statiese HTML-webwerf vroeër was, is daar nog 'n paar dinge om te doen voordat u klaar is..

Die eerste een is om die URL'e van u nuut-ingevoerde poste en bladsye na te gaan om seker te maak dat dit soekenjinsvriendelik is (dit wil sê die sleutelwoorde waarvoor u wil rangskik). Dit is baie eenvoudig - gaan na 'n bladsy of plasing en kyk na die URL onder die titel.

kontroleer permalinks na HTML-invoer

Om dit te verander, klik wysig aan die regterkant, verander na die URL na u keuse en druk ok.

'N Tweede ding is om aansture van die ou URL's na die nuwe te implementeer. Op hierdie manier verloor jy nie die bestaande SEO-waarde nie.

As u die ou werfadres in die HTML-plugin ingevul het, sal dit die herleidingskode vir u skep. U kan dit in die lêer kopieer en plak.htaccess wat op u bediener woon (gewoonlik in die stamgids).

U verkry dit via FTP, maar dit is moontlik dat u verborge lêers sal kan sien, aangesien dit by verstek nie sigbaar is nie. Bewerk dan .htaccess en voer die reëls in.

Let daarop dat dit slegs werk as u die URL's onveranderd gelaat het. As u nie pasgemaakte aansture hoef en hoef op te stel nie, gebruik die Herleiding-inprop. Dit is 'n baie gemaklike oplossing wat ook gevolg word wanneer iemand op 'n URL wat nie bestaan ​​nie, op u webwerf beland. Op hierdie manier kan u ook aanwysings vir die skakels implementeer.

Het u suksesvol oorgegaan van HTML na WordPress?

En dit is dit. U het pas geleer hoe om 'n statiese HTML-webwerf na WordPress te omskep. Gevolglik het u deel geword van een van die grootste gemeenskappe op die web en toegang tot duisende bronne verkry om u webwerf nog beter te maak.

Afhangend van watter oplossing u hierbo gekies het, het u al 'n indruk gekry van hoe WordPress werk. Van hier af is dit redelik maklik om dieper te vertrek en te duik in die skep van webwerwe met die WordPress-platform. As u bykomende hulp in hierdie omgewing benodig, is daar baie van hierdie webwerf. U kan leer hoe om:

  • Pas WordPress stap vir stap aan
  • Skuif u webwerf van HTTP na HTTPS
  • Voeg pasgemaakte lettertipes by WordPress
  • Versnel u WordPress-webwerf
  • Voeg 'n kontakvorm op u WordPress-webwerf in

Afgesien hiervan, wens ons u sterkte toe met u nuutgevonde WordPress-webwerf. Ons hoop dat u dit baie geniet om met WordPress te werk.

Het u u webwerf van HTML na WordPress verskuif? Hoe was u ervaring? Enige wenke om by te voeg? Laat weet ons asseblief in die kommentaar-afdeling hieronder.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map