HTML konvertavimas į „WordPress“ (žingsnis po žingsnio)


Konvertuoti HTML į WordPressKelias nuo svetainių, sukurtų naudojant gryną HTML, į „WordPress“ nebuvo trumpas. Nuo teksto naudojimo interneto dizainas tapo interaktyviu buvimu internete. Be to, mums nebereikia patiems rašyti antkainių, bet galime leisti turinio valdymo sistemoms sunkiai atsikratyti.


Tačiau tai nereiškia, kad neegzistuoja statiškos HTML svetainės. Tiesą sakant, HTML5, naujausia žymėjimo kalbos iteracija, yra labai galingas ir leidžia kurti kokybiškas svetaines be jų esančios CMS.

Vis dėlto auganti „WordPress“ rinkos dalis rodo, kad vis daugiau žmonių pereina prie platformos.

„WordPress“ rinkos dalis 2019 m

Kai kuriems iš jų tai reiškia, kad pereinama nuo statinio HTML prie „WordPress“. Tai gali būti bauginanti užduotis, tačiau šiame įraše bus bandoma paaiškinti, kaip tai padaryti keliais paprastais būdais.

Žemiau parodysime kelis būdus, kaip konvertuoti iš HTML į WordPress. Pirmiausia sužinosite, kokie yra skirtingi variantai, taip pat jų privalumus ir trūkumus. Po to jums parodysime, kaip kiekvieną iš jų vykdyti žingsnis po žingsnio.

Eime.

Contents

3 būdai pereiti iš statinio HTML į „WordPress“

Norėdami pereiti iš HTML į „WordPress“, turite paversti HTML dizainą „WordPress“ tema. Tema kontroliuoja „WordPress“ svetainės išvaizdą ir pojūtį, o funkcionalumą teikia pati CMS bei papildomi papildiniai..

Norėdami perjungti, turite keletą variantų. Kuris jums tinka, priklauso nuo tokių veiksnių kaip laikas ir pinigai, kuriuos galite ir norite investuoti, jūsų kodavimo įgūdžiai ir asmeninės nuostatos. Toliau pateikiamos pagrindinės galimybės.

A) Neautomatiškai konvertuokite HTML į „WordPress“ temą

Pirmasis variantas taip pat yra pats techninis. Jei eisite šiuo keliu, paimsite turimą kodą ir naudosite jį kaip išeities tašką kurdami „WordPress“ temos failus.

Tai nėra labai sudėtinga, ypač jei turite kodavimo patirties. Galite atsisakyti šiek tiek HTML, CSS ir tam tikrų PHP žinių. Didelė jo dalis yra kopijavimas ir įklijavimas.

Neigiama pusė: kol jūs užbaigsite veikiančią „WordPress“ temą, ji neturės visų galimybių, kurias „WordPress“ gali pasiūlyti. Pvz., Nebent ją pastatysite po to, kai jūsų svetainė nebus sukurta be valdiklių sričių ar galimybės pakeisti savo meniu iš „WordPress“ pagrindinės programos.

Nors jūsų svetainė atliks savo darbą, jūs negalėsite jos visiškai valdyti naudodamiesi „WordPress“. Dėl šios priežasties mes asmeniškai renkamės kitą variantą.

B) HTML į „WordPress“ per „WordPress“ vaiko temą

Mūsų nuomone, tai yra lengviausias ir priimtiniausias kelias pastangų ir piniginių investicijų prasme. Užuot naudojęsi esama svetaine kaip pradinį tašką, naudokite jau paruoštą „WordPress“ temą. Tada pakoreguosite tik jo dizainą taip, kad jis būtų panašus į seną jūsų svetainę.

Tai leis visiškai pasinaudoti „WordPress“ pranašumais, išlaikant senos svetainės išvaizdą. Vėliau jums taip pat nereikės pridėti „WordPress“ funkcijų. Vietoje to, galite remtis esama tema – tam, kam aiškiai skirta „WordPress“ platforma.

C) Importuokite turinį iš HTML į „WordPress“ naudodami papildinį

Akivaizdu, kad jei jūs neprivalote naudoti savo dabartinio dizaino ir esate pasirengę jį pakeisti, viskas dar lengviau. Tokiu atveju viskas, ką jums reikia padaryti, tai nustatyti svetainę, įdiegti temą ir importuoti HTML turinį. Kaip pamatysite toliau, tai labai greitas ir neskausmingas procesas.

A) Kaip rankiniu būdu konvertuoti HTML į „WordPress“ temą

Jei jūsų tikslas yra pradėti nuo nulio ir sukurti savo „WordPress“ temą, primenančią jūsų esamą HTML svetainę, pradėkite nuo čia.

Nesijaudinkite, jei tai skamba bauginamai, pamatysite, kad tai yra viskas, išskyrus. Viskas, ko reikia, yra tik keli failai ir aplankai, taip pat kai kurie nukopijuoti ir įklijuoti.

1. Sukurkite temos aplanką ir pagrindinius failus

Pirmiausia turite sukurti naują temos aplanką. Tai galite padaryti darbalaukyje, kaip ir kompiuterio katalogą. Pavadinkite tai, kuo norite, kad jūsų tema būtų vadinama.

Po to eikite į kodų rengyklę ir sukurkite daugybę tekstinių failų. Pavadinkite juos taip:

  • stilius.css
  • indeksas.php
  • antraštė.php
  • šoninė juosta.php
  • footer.php

Dar nieko su jais nedarykite, laikykite failus atidaromus redaktoriuje. Jums jų prireiks netrukus.

2. Nukopijuokite esamą CSS į „WordPress“ stiliaus lapą

Dabar laikas paruošti „WordPress“ stiliaus lapą (failąstilius.css ką tik sukūrėte), kad galėtumėte nukopijuoti senosios svetainės CSS. Tam atidarykite failą ir įklijuokite:

/ *
Temos pavadinimas: Dvidešimt trylika
Temos URI: http://wordpress.org/themes/twentythirteen
Autorius: „WordPress“ komanda
Autoriaus URI: http://wordpress.org/
Aprašymas: 2013 m. „WordPress“ tema sugrąžina mus į tinklaraštį, kuriame pateikiamas visas įrašų formatų asortimentas, kiekvienas iš jų rodomas gražiai ir unikaliu būdu. Dizaino detalių gausu, pradedant ryškia spalvų schema ir suderintais antraštės atvaizdais, gražia tipografija ir piktogramomis bei lanksčiu išdėstymu, kuris puikiai atrodo bet kuriame dideliame ar mažame įrenginyje.
Versija: 1.0
Licencija: GNU General Public License v2 ar naujesnė versija
Licencijos URI: http://www.gnu.org/licenses/gpl-2.0.html
Žymos: juoda, ruda, oranžinė, įdegusi, balta, geltona, šviesi, vieno stulpelio, dviejų stulpelių, dešiniosios šoninės juostos, lankstaus pločio, pasirinktinės antraštės, pasirinktinio meniu, redaktoriaus stiliaus, rodomų vaizdų, mikroformatų, post-formatai, rtl-kalbų palaikymas, lipnus rašymas, parengtas vertimas
Teksto sritis: dvidešimt trylika

* /

Tai yra vadinamoji stiliaus lapo antraštė (Svarbu: nepalikite komentaro/*...*/ pažymėti!). Užpildykite kiekvieną dalį taip:

  • Temos pavadinimas – Čia eina tavo temos pavadinimas. Tai gali būti viskas, ko tik norite, tačiau paprastai tai yra tas pats kaip jūsų temos aplanko pavadinimas.
  • Temos URI – Paprastai temos pagrindinį puslapį skelbtumėte čia, tačiau galite naudoti savo svetainės adresą.
  • Autorius – Tai tu. Įveskite savo vardą čia ar bet ką, kuo norite būti pašauktas.
  • Autoriaus URI – Nuoroda į jūsų pagrindinį puslapį. Tai gali būti tas, kurį jūs statote, ar bet kas, kas turi prasmę.
  • apibūdinimas – pasirenkamas jūsų temos aprašymas. Tai bus parodyta „WordPress“ pagrindinėje programoje.
  • Versija – Jūsų temos versija. Kadangi neskelbiate, tai neturi jokios reikšmės. Čia dažniausiai dedame 1,0.
  • Licencija, licencijos URI, žymės – Šie dalykai yra svarbūs tik tuo atveju, jei ketinate savo temą pateikti „WordPress“ temų katalogas. Tokiu atveju galite juos palikti, mes tiesiog įtraukėme juos, kad būtų baigta.

Po antrašte nukopijuokite ir įklijuokite esamą CSS iš savo statinės HTML svetainės. Tada išsaugokite failą savo naujojo temos aplanke ir uždarykite jį. Laikas persikelti į poilsį.

3. Atskirkite esamą HTML

Kitoje dalyje turite suprasti, kad „WordPress“ paprastai naudoja PHP, kad surinktų informaciją iš savo duomenų bazės. Dėl šios priežasties turite suskaidyti esamą HTML į skirtingus gabalus, kad TVS galėtų juos tinkamai sudėti.

Nors tai atrodo sudėtinga, viskas reiškia, kad nukopijuojate ir įklijuojate savo HTML dokumento dalis į kelis PHP failus. Norėdami tai geriau parodyti, mes sukūrėme paprastą puslapio pavyzdį, kurį galite pamatyti žemiau.

HTML į „WordPress“ pavyzdžio puslapį

Kaip matote, tai iš esmės yra standartinis HTML šablonas, kuriame yra antraštė, turinio sritis, šoninė juosta ir poraštė. Pridedamas kodas yra toks:





Svetainės pavadinimas







Svetainės pavadinimas

  • navigacijos elementas Nr. 1
  • navigacijos elementas Nr. 2
  • navigacijos elementas Nr. 3

Straipsnio pavadinimas

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. „Nunc vel vehicula ante“. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. Po viso to, eu porta velit mollis, niekur kitur nepriskirtas..

Paantraštė

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. „Nunc vel vehicula ante“. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. Po viso to, eu porta velit mollis, niekur kitur nepriskirtas. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipituojančios opos. Prienai, kaip svarbiausia, palengvinti pharetra.

Paantraštė

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. „Nunc vel vehicula ante“. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. Po viso to, eu porta velit mollis, niekur kitur nepriskirtas. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipituojančios opos. Prienai, kaip svarbiausia, palengvinti pharetra.

Jei jūsų dizainas skiriasi, gali tekti šiek tiek pakoreguoti žemiau pateiktus veiksmus. Tačiau bendras procesas nesikeičia.

Pirmiausia atidarykite savo dabartinę rodyklė.html (pagrindinis jūsų HTML svetainės failas). Po to eikite per savo naujai sukurtus „WordPress“ failus ir nukopijuokite į juos šiuos dalykus (žemiau pateikiami pavyzdžiai yra mano žymėjimas):

antraštė.php

Viskas nuo HTML failo pradžios iki pagrindinės turinio srities (paprastai pažymėta

arba

) patenka į šį failą. Be to, tiesiai prieš tai, kur sakoma, Kopijuoti ir įklijuoti . Tai labai svarbu, kad daugelis „WordPress“ papildinių tinkamai veiktų.




Svetainės pavadinimas






Svetainės pavadinimas

  • navigacijos elementas Nr. 1
  • navigacijos elementas Nr. 2
  • navigacijos elementas Nr. 3

šoninė juosta.php

Viskas, kas priklauso skyriui

Po to jūs esate baigtas su rodyklė.html ir gali uždaryti. Įrašykite visus kitus failus į temos aplanką ir uždarykite juos, išskyrus antraštė.php ir indeksas.php. Su jais turite dar šiek tiek padirbėti.

4. „WordPressify“ Header.php ir Index.php

Antraštei liko tik tai, kad reikia pakeisti stiliaus lentelės kvietimą iš HTML į „WordPress“. Norėdami tai padaryti, ieškokite esamos nuorodos skyrius. Tai gali atrodyti taip:

Pakeiskite jį tokiu:

Šaunu, dabar galite išsaugoti ir uždaryti antraštė.php. Tada pasukite į indeksas.php. Šiuo metu ji turėtų būti tuščia. Taigi pirmiausia nukopijuokite ir įklijuokite šias kodo eilutes:




Tai yra kvietimai į kitus failus, kuriuose yra likusi jūsų svetainė. Galite pastebėti tarpą tarp skambučio dėl antraštės ir šoninės juostos. Štai kur jūs pridėsite Kilpa.

Pastaroji yra „WordPress“ dalis, kur CMS perduoda turinį, sukurtą užpakalinėje programoje. Labai svarbu, jei norite, kad „WordPress“ dinamiškai pridėtų turinį prie savo puslapių, kuriuos vėliau importuosite. Tuo tikslu įklijuokite tai čia iškart po :


Dabar taupykite indeksas.php failą ir uždarykite. Šauniai padirbėta! Jūsų pagrindinė tema yra paruošta. Dabar galite pridėti jį prie savo naujos „WordPress“ svetainės.

5. Sukurkite ekrano kopiją ir įkelkite temą

Dabar pridėsite temos ekrano kopiją, kuri kartu su informacija iš jūsų stiliaus lapo antraštės bus naudojama kaip jūsų svetainės peržiūra „WordPress“ pagrindiniame faile.

Norėdami tai padaryti, naršyklėje atidarykite esamą svetainę ir padarykite ekrano kopiją pasirinktu metodu. Po to atidarykite pasirinktą vaizdo redagavimo programinę įrangą ir apkarpykite ją iki 880 × 660 taškų. Išsaugokite kaip „screenshot.png“ ir pridėkite jį prie temos aplanko. Dabar esate pasiruošę įkelti savo temą.

Norėdami gauti naują temą į savo „WordPress“ svetainę, turite keletą parinkčių. Tačiau būtina sąlyga, kad visi failai būtų jūsų temos aplanke.

Pirmasis variantas yra sukurti iš jo ZIP failą. Po to eikite į savo „WordPress“ svetainę, tada – Išvaizda> Temos. Čia spustelėkite Pridėti naują viršuje ir tada Įkelti temą.

įkelti konvertuotą temą

Būsimame meniu naudokite mygtuką, kad surastumėte savo ZIP failo vietą. Pažymėkite jį ir spustelėkite Atviras, tada Įdiegti dabar. Baigę suaktyvinkite temą.

Arba galite prisijungti prie savo serverio naudodami FTP (arba tiesiog eikite į vietinį katalogą kietajame diske) ir pereikite į wp-turinys / temos. Tada įkelkite ten savo (neišpakuotą) aplanką. Po to suaktyvinkite temą iš tos pačios vietos, kaip ir anksčiau.

Malonu! Dabar jūsų naujos svetainės priekinė dalis turėtų atrodyti kaip sena svetainė. Viskas, kas liko norint pereiti nuo HTML prie „WordPress“, yra esamo turinio importavimas. Apie tai kalbėsime toliau, kalbėdami apie esamos „WordPress“ temos naudojimą.

Tačiau atminkite, kad nors pagrindinė tema veikia dabar, yra ir daugiau dalykų, kuriuos galite padaryti, kad geriau integruotumėte savo HTML su „WordPress“. Tai įtraukia jūsų tinklaraščio pavadinimą ir aprašą galima taisyti, pridedant valdiklio sritis, komentarus ir dar daugiau. Taip pat gali tekti pridėti CSS žymėjimą, nes turinys nėra jūsų originalaus dizaino dalis, kaip vaizdai.

Kadangi tai yra didelis darbas, mes asmeniškai mėgstame naudoti sprendimą, kuris jau turi visą tą funkcionalumą ir reikia tik dizaino pakeitimo. Tai mes jums parodysime kitą kartą.

B) HTML į „WordPress“ per „WordPress“ vaiko temą

Jei aukščiau pateiktos priemonės jums atrodo pernelyg intensyvios, kitas metodas gali būti lengviau valdomas. Tai leidžia jums pasinaudoti tūkstančiais egzistuojančių „WordPress“ temų, išlaikant originalų dizainą.

Tai yra naudojant vadinamąją vaiko temą. Šios temos yra sukurtos ant kitos temos (tėvystės), kuri nėra atskira, o tik modifikuoja pagrindinę temą, kad atitiktų jūsų poreikius. Pakankamai lengva padaryti, nors tam reikia šiek tiek detektyvo darbo.

1. Pasirinkite tinkamą temą

Pirmasis žingsnis yra pasirinkti tinkamą temą, kuria grindžiamas jūsų dizainas. Tam ji padeda rasti temą, kuri yra artima jūsų esamam dizainui, arba naudoti temos rėmelį arba pradžios temą, kurios abi yra pritaikytos temoms kaip pagrindas..

Patikrink „WordPress“ temų katalogas, mūsų nuostabių temų sąrašą arba panagrinėkite premium temos rasti tinkamą kandidatą. Po tam tikrų paieškų nusprendėme, kad Dvidešimt dvylika tema būtų geras atspirties taškas mano perėjimui iš HTML į „WordPress“. Paprastai mes pasirenkame ką nors naujausio, tačiau tai gerai tinka paprastam dizainui, su kuriuo mes dirbame.

Kai pasirinksite, įdiekite temą „WordPress“ svetainėje taip, kaip įdiegtumėte bet kurią temą. Nereikia jo aktyvuoti. Kaip minėta, tai tiesiog yra pagrindas, su kuriuo galėsite dirbti. Likusi dalis vyksta vaiko tema.

2. Sukurkite naują aplanką

Panašiai kaip ir ankstesnį metodą, vaiko temai reikia sukurti temos aplanką. Čia įdėsite visus jam priklausančius failus.

Kuriant vaikų temas, įprasta aplanką vadinti tuo pačiu vardu, kaip ir pagrindinės temos pliusas -vaikas. Taigi, kadangi mūsų vaiko tema pagrįsta dvidešimt dvylika tema, vadiname jos direktorija dvidešimt dvylikos vaikų.

Nesvarbu, kokį vardą pasirinksite, tiesiog nepamirškite tarpų, nes jis neveiks taip.

3. Sukurkite stiliaus lapą

Vaiko temai taip pat reikalingas stiliaus lapas. Šis veiks beveik taip pat, kaip aukščiau sukurtas stiliaus lapas. Tačiau ji turi šiek tiek kitokią antraštę ir joje bus mažiau kodo.

Mes pateksime į antrąją dalį vėliau. Kol kas sukurkite įprastą stilius.css ir įdėkite jį į temos aplanką. Tada pridėkite:

/ *
Temos pavadinimas: dvidešimt penkiolika vaikų
Temos URI: http://example.com/twenty-fifteen-child/
Aprašymas: Dvidešimt penkiolikos vaikų tema
Autorius: John Doe
Autoriaus URI: http://example.com
Šablonas: dvidešimt penkiolika
Versija: 1.0.0
Licencija: GNU General Public License v2 ar naujesnė versija
Licencijos URI: http://www.gnu.org/licenses/gpl-2.0.html
Žymos: šviesi, tamsi, dviejų stulpelių, dešinė šoninė juosta, reaguojantis išdėstymas, pritaikymas pritaikymui pritaikymui
Teksto sritis: dvidešimt penkiolikos vaikų
* /

Kaip matote, ji yra labai panaši į anksčiau naudojamą stiliaus lapo antraštę su viena išimtimi: joje yra Šablonas žyma.

Tame skyriuje turėtumėte pateikti temos, kuri veiks kaip pagrindinė, pavadinimą. Be jo vaiko tema neveiks. Norėdami to išvengti, įveskite tėvo aplanko pavadinimą. Taigi, dvidešimt dvylikai, tai būtų Šablonas: dvidešimt dvylika.

4. Sukurkite „Functions.php“ ir „Paveldėkite“ pradinius stilius

Turėdami tik stiliaus lapą ir aplanką, jau įmanoma suaktyvinti vaiko temą. Tačiau tai nepadarytų nieko gero, nes šiuo metu jūsų svetainė atrodys kaip HTML puslapis be jokio stiliaus.

Norėdami tai pakeisti, pirmiausia turite paveldėti tėvų stilių, ir tam jums reikia funkcijos.php. Šis failas yra svarbi bet kurio „WordPress“ diegimo dalis ir leidžia jums atlikti svarbiausius savo svetainės pakeitimus.

Tačiau tokiu atveju jūs jį naudosite tik norėdami paskambinti tėvų stiliui. Tam sukurkite naują failą ir paskambinkite funkcijos.php. Pirmas dalykas, kurį pridėsite pačioje pradžioje, yra tai:

Su atidaryta PHP žyma failas teoriškai yra paruoštas, tačiau jis dar nieko nedaro. Taigi, papildomai turėsite įvesti šią informaciją:

funkcija child_theme_enqueue_styles () {

$ parent_style = 'tėvų stilius';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style („vaiko stilius“,
get_stylesheet_directory_uri (). „/style.css“,
masyvas ($ parent_style),
wp_get_theme () -> gauti ('Versija')
);
}
add_action ('wp_enqueue_scripts', 'child_theme_enqueue_styles');

Šis kodo fragmentas nurodo „WordPress“ pereiti į šablonų katalogą (dar žinomą kaip pagrindinė tema) ir naudoti jame esančius stilius. Tai taip pat suteikia galimybę modifikuoti temą pagal vaiko temą (plačiau apie tai vėliau).

5. Suaktyvinkite vaiko temą

Šiuo metu vaiko tema yra pasirengusi suaktyvinti.

Jei norite, galite prie jo pridėti ekrano kopiją, kaip aprašyta aukščiau pateiktose instrukcijose. Be to, galite ją suglaudinti ir įtraukti į „WordPress“ per Išvaizda> Temos> Pridėti naują> Įkelti temą arba tiesiog pridedant aplanką, koks yra wp-turinys / temos.

Abiem atvejais, kai suaktyvinsite temą, jūsų svetainė dabar turėtų atrodyti tiksliai kaip jos pagrindinė.

6. Sureguliuokite dizainą

Štai čia prasideda minėtas detektyvo darbas. Laikas pakeisti esamos temos dizainą taip, kad ji primintų jūsų originalią HTML svetainę.

Pvz., Vienas iš pirmųjų išsiskiriančių dalykų yra tai, kad „WordPress“ tema prideda vietos virš antraštės ir poraštės, kurios nėra mūsų HTML svetainėje.

html į „WordPress“ per vaiko temos pavyzdžio puslapį

Norėdami tai išspręsti, galime pažvelgti į HTML svetainę su savo naršyklės kūrėjo įrankiai rasti atsakingą žymėjimą. Kai tai darome, mes susiduriame su tuo:

kūnas {
paraštė: 0;
}

Tada mes darome tą patį su mano naująja „WordPress“ tema, kurioje randame šiuos stilius:

kūno .site {
„margin-top“: 48 pikseliai;
„margin-top“: 3.428571429rem;
paraštės apačia: 48 taškai;
paraštės dugnas: 3.428571429rem;
}

Mano tikslas dabar yra pritaikyti HTML svetainės stilių „WordPress“ temai. Tokiu atveju mes galime tai pasiekti tiesiog pridėdami prie mano vaiko temų šiuos dalykus stilius.css:

kūno .site {
paraštė: 0 auto;
}

Išsaugoję „WordPress“ temą, jai pritaikyti nauji stiliai:

html į „WordPress“ per vaiko temos redaguotą pavyzdžių puslapį

Taip yra todėl, kad viskas, ką pridedate prie vaikų temos stiliaus lapo, yra svarbesni už jos pagrindinius stilius. Tačiau likę žymėjimai lieka nepažeisti, todėl jūs galite pakeisti tik tuos dalykus, kurie yra svarbūs.

Be to, jei kaip paleidiklį naudojate HTML5 šabloną, o kaip pagrindinę - modernią „WordPress“ temą, atitiks daug bazinių žymėjimų, o tai palengvins jūsų gyvenimą..

Vaikų temomis galite nuveikti dar daug ką, ko galite išmokti čia. Kai baigsite pritaikyti dizainą, laikas importuoti savo turinį. Pabandykime tai padaryti dabar.

C) Importuokite turinį iš HTML į „WordPress“ naudodami papildinį

Galiausiai perėjimo iš HTML į „WordPress“ sąraše naudojama esama tema ir tiesiog perkeliamas turinys iš HTML svetainės į ją. Tai paprasčiausias būdas - viskas, ką jums reikia padaryti, tai įdiegti ir suaktyvinti pasirinktą temą (mes manome, kad jūs jau žinote, kaip tai padaryti iki šiol) ir atlikite toliau nurodytus veiksmus..

Beje, nors šis procesas nėra labai sunkus, yra dalykų, kurie gali suklysti. Dėl šios priežasties būtinai sukurkite atsargines „WordPress“ svetainės atsargines kopijas, prieš pradėdami ją naudoti.

1. Įdiekite papildinį „Importuoti“

Pirmas dalykas, kurį jums reikia padaryti, yra įdiegti papildinį HTML importas 2. Lengviausias būdas to pasiekti yra eiti į Papildiniai> Pridėti naują ir ieškokite jo pagal pavadinimą. Radę jį sąraše (jis gali būti dar apačioje), spustelėkite Įdiegti dabar. Suaktyvinkite, kai viskas bus padaryta.

html į WordPress importo įskiepį

2. Paruoškite importavimą

Norėdami importuoti kelis puslapius vienu metu, turite juos įkelti į tą patį serverį, kuriame įdiegėte „WordPress“. Papildinys pasiūlys kažką panašaus HTML failai, kuriuos reikia importuoti  aplanko pavadinimą, bet jūs galite pasirinkti, ką norite. Tiesiog nepamirškite prisiminti kelio pavadinimo.

Kaip pamatysite toliau, taip pat galite importuoti atskirus puslapius po vieną. Jei norite naudoti bet kurį metodą, eikite į „WordPress“ ir Nustatymai> HTML importavimas. Dabar pereisime prie elementariausių nustatymų. Jei jums reikia papildomos informacijos arba jei kas nors neaišku, žiūrėkite oficialus vartotojo vadovas.

Failai

HTML į WordPress importo failus

Konfigūruokite šį ekraną taip:

  • Importuojamas katalogas - Įveskite kelią, į kurį ką tik nukopijavote esamus failus.
  • Senas svetainės URL - Naudojamas peradresavimams. Įveskite seną URL. Vėliau tai dar kartą aptarsime šiame straipsnyje.
  • Numatytasis failas - Paprastai numatytasis senosios svetainės katalogų failas rodyklė.html.
  • Įtraukiami failų plėtiniai - Failų, kuriuos norite importuoti, plėtiniai.
  • Katalogai, kuriuos reikia išskirti - Jei senojoje svetainėje turite katalogų, kurių nenorite importuoti, įveskite juos čia.
  • Išsaugoti failų pavadinimus - Jei norite, kad papildinys automatiškai naudotų jūsų failų pavadinimus kaip naują URL, pažymėkite šį langelį. Tai prasminga, jei jūsų pavadinimai yra labai ilgi, nes paprastai importuotojas juos panaudos šlepetėms sukurti.

Turinys

Po turiniu turite sukonfigūruoti HTML žymą, kurioje yra jūsų svetainės turinys.

HTML į WordPress importuoti turinį

Norėdami tai padaryti, pasirinkite parinktį HTML žyma viršuje. Tada sukonfigūruokite žymą šiuose trijuose laukuose. Pvz., Jei jūsų turinys yra etiketėje, vadinamoje

, jūsų įvesta informacija būtų div, ID ir pagrindinis.

Kiti šio puslapio nustatymai turėtų būti aiškūs ir suteikti galimybę importuoti vaizdus, ​​dokumentus, atnaujinti vidines nuorodas ir dar daugiau.

Pavadinimas ir metaduomenys

HTML į „WordPress“ importuoti pavadinimą ir metaduomenis

Ši dalis panaši į ankstesnę turinio dalį. Tačiau kalbama apie puslapių pavadinimus. Iš pradžių turite pasakyti papildiniui, kaip pavadinimai pažymimi jūsų HTML šablone, kad jis galėtų juos importuoti į reikiamą vietą.

Be to, galite išfiltruoti nereikalingus dalykus, pavyzdžiui, svetainės pavadinimą, nes tai pagal numatytuosius nustatymus dažnai rodo „WordPress“ temos. Jei jūsų pavadinimai yra turinyje, taip pat galite liepti importuotojui juos ištrinti, kad jie nebūtų įtraukti du kartus.

Svarbu, kad nuspręstumėte, ar importuoti seną turinį, pvz., Įrašus ar puslapius. Likusi dalis yra savaime suprantama ir leidžia konfigūruoti „WordPress“ nustatymus naujiems puslapiams.

Pasirinktiniai laukai

HTML į WordPress importuoti pasirinktinius laukus

Jei turite duomenų, kuriuos reikia importuoti į pasirinktinius laukus, galite juos sukonfigūruoti čia.

Kategorijos ir žymės

HTML į WordPress importo kategorijas ir žymas

Čia galite priskirti kategorijas, žymas ir paskelbti formatus savo importuotam turiniui. Papildinys parodys esamą jūsų svetainės taksonomiją, kad šis žingsnis būtų lengvesnis.

Įrankiai

HTML į WordPress importo įrankius

Šiame ekrane pateikiami keli naudingi įrankiai, skirti sėkmingai importuoti iš HTML į „WordPress“.

3. Pradėkite importuoti

Baigę išsaugokite nustatymus. Tai įgalins Importuoti failus mygtuką. Norėdami pradėti, spustelėkite jį.

HTML į „WordPress“ importą

(Pastaba: čia taip pat galite patekti per Įrankiai> Importuoti ir tada rinkimas Vykdyti importuotoją po HTML variantas.)

Tada pasirinkite, ar importuoti failų katalogą, ar vieną failą (jums reikia jį naršyti), tada paspauskite Pateikti. Tada papildinys pradės veikti.

Tai atlikę, turėtumėte visą esamą „WordPress“ svetainės turinį ir suformatuotą pagal naują temą. Arba, jei ėjote vieną iš kitų maršrutų, jūsų svetainė turėtų atrodyti iš esmės tokia pati kaip jūsų buvusi HTML svetainė. Gražiai padaryta!

Papildomi veiksmai

Jei planuojate diegti „WordPress“ svetainę toje pačioje vietoje, kur anksčiau buvo statinė HTML svetainė, prieš baigdami dar turite padaryti keletą dalykų..

Pirmiausia patikrinkite naujai importuotų įrašų ir puslapių URL, kad įsitikintumėte, ar jie tinka paieškos sistemoms (t. Y. Apima raktinius žodžius, kuriuos norite reitinguoti). Tai labai paprasta - tiesiog eikite į puslapį ar įrašą ir pažiūrėkite į URL, esantį po pavadinimu.

Patikrinkite nuolatines nuorodas po HTML į „WordPress“ importavimą

Norėdami jį pakeisti, spustelėkite Redaguoti dešinėje, pakeiskite į pasirinktą URL ir paspauskite Gerai.

Antras dalykas yra nukreipti iš senųjų URL į naujus. Tokiu būdu neprarasite esamos SEO vertės.

Jei HTML įskiepyje užpildėte seną svetainės adresą, jis sukurs jums peradresavimo kodą. Tai galite nukopijuoti ir įklijuoti į failą.htaccess kuris yra jūsų serveryje (paprastai šakniniame kataloge).

Jį galite pasiekti naudodamiesi FTP, tačiau gali tekti įjungti paslėptų failų matymą, nes jie pagal numatytuosius nustatymus nematomi. Tada redaguokite .htaccess ir įveskite taisykles.

Atminkite, kad tai veikia tik tada, jei URL nepakeisite. Jei neturite ir neturite nustatyti pasirinktinių peradresavimų, naudokite Peradresavimo papildinys. Tai labai patogus sprendimas, kuris stebimas ir tada, kai kas nors nukreipia į neegzistuojantį URL jūsų svetainėje. Tokiu būdu jūs taip pat galite įgyvendinti tų nuorodų peradresavimus.

Ar sėkmingai perėjote iš HTML į „WordPress“?

Štai ir viskas. Jūs ką tik išmokote konvertuoti statinę HTML svetainę į „WordPress“. Dėl to jūs tapote vienos didžiausių žiniatinklio bendruomenių dalimi ir gavote prieigą prie tūkstančių šaltinių, kad jūsų svetainė būtų dar geresnė.

Atsižvelgiant į tai, kurį sprendimą pasirinkote aukščiau, jūs jau susidarėte įspūdį, kaip veikia „WordPress“. Nuo šiol gana lengva atsiriboti ir gilintis į svetainių kūrimą naudojant „WordPress“ platformą. Jei jums reikia papildomos pagalbos šioje srityje, šioje svetainėje yra daugybė jos vietų. Galite išmokti:

  • Tinkinkite „WordPress“ žingsnis po žingsnio
  • Perkelkite savo svetainę iš HTTP į HTTPS
  • Įtraukite pasirinktinius šriftus į „WordPress“
  • Paspartinkite savo „WordPress“ svetainę
  • Pridėkite kontaktinę formą prie savo „WordPress“ svetainės

Be to, linkime sėkmės jūsų naujai nukaltoje „WordPress“ svetainėje. Tikimės, kad jums patinka dirbti su „WordPress“ taip, kaip mes.

Ar jūs perkėlėte savo svetainę iš HTML į „WordPress“? Kaip buvo jūsų patirtis? Ar turite kokių patarimų? Prašome mums pranešti žemiau esančiame komentarų skyriuje.

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