HTML-koodin muokkaaminen WordPressissä: Stressitön ratkaisu

WordPressin suosioon on monia syitä; se on helppokäyttöinen, ja sen mukana tulee laaja valikoima laajennuksia, kuten wpDataTables, jotka tarjoavat edistyneitä toimintoja erittäin yksinkertaisella asennuksella. On kuitenkin tilanteita, joissa sinun on tiedettävä, kuinka muokata HTML:ää WordPressissä.

Ajoittain sinun on kuitenkin käytettävä verkkosivustosi lähdekoodia. Esimerkiksi kun haittaohjelma hyökkää sivustoosi, se saattaa kaataa koko sivustosi, eikä ole muuta tapaa korjata asioita kuin leikkiä koodilla hieman.

Toisaalta voi olla tilanteita, joissa haluat vain tehdä edistyneitä mukautettuja muutoksia ja sinun on tiedettävä, kuinka muokata HTML-koodia WordPressissä.

Tiedä mitä haluat muuttaa

Ennen kuin aloitat verkkosivuston HTML-koodin muokkaamisen, sinun tulee tietää, mitä haluat muuttaa. Päätä, mitä tuloksia haluat, osaa muokata WordPress-teemaa, kuinka ladata HTML-tiedosto WordPressiin, miten kommentoida CSS:ää jne.

Ehkä haluat vain kokeilla saadaksesi lisätietoja tai haluat ehkä vain muuttaa tekstiä tai muokata sivuston asettelua. Riippumatta siitä, mikä tavoitteesi on tässä, tiedä tarkalleen, mitä haluat tehdä, ennen kuin aloitat koodin muokkaamisen.

Älä myöskään unohda kysyä itseltäsi, onko tämä todella aikasi arvoista. Jos et halua käyttää paljon arvokasta aikaasi HTML:n muokkaamiseen, harkitse ammattilaisen palkkaamista tekemään raskastyöt puolestasi.

Kerää työkalusi

Hyvä uutinen on, että HTML WordPressin muokkaamiseen tarvittavia työkaluja ei ole paljon. Löydät ne kaikki alta, ja tehdäksesi siitä vielä paremman, ne ovat kaikki ilmaisia.

• FTP –  asiakas, kuten Filezilla tai WinSCP, jotta pääset suoraan verkkopalvelimellasi oleviin tiedostoihin; ladata ja ladata ne helposti.
• Muokkausohjelma ,  joka tekee muutoksia ladattavaan tiedostoon, kuten Notepad++,  joka on maksuton ja sisältää syntaksin korostuksen yleisimmille ohjelmointikielille.

Tee varmuuskopiot

Ennen kuin alat sekaantua HTML-lähdekoodiisi, varmista, että tiedät missä varmuuskopiosi ovat ja kuinka voit tarvittaessa palauttaa ne välittömästi. Voit luoda varmuuskopiot palveluntarjoajan cPanelin kautta, jos et halua tehdä omia varmuuskopioita.

Tavallisen WordPress-julkaisun tai -sivun vaihtaminen

Jos haluat muuttaa HTML-lähdekoodia tavallisella WordPress-sivulla, sinun tarvitsee vain käyttää WordPressin HTML-editoria. WordPress-koodin muuttaminen tällä tavalla on itse asiassa melko helppoa. Muokkaa vain sivua, niin huomaat, että Teksti  – välilehden napsauttaminen näyttää HTML-koodin tämän visuaalisen välilehden takana.

HTML:n muokkaaminen WordPressissä

Selvittääksemme, kuinka HTML-koodia muokataan WordPressissä, meidän on ensin tiedettävä, miten sitä käytetään.

Sinun on käytettävä verkkosivuston lähdekoodia ennen kuin pääset WordPressin HTML-editoriin.

Mutta miten muokkaat WordPress HTML:ää etusivullasi?

Jos et osaa muokata WordPressin kotisivua, älä huoli. Voit yleensä tehdä tämän kohdassa Ulkoasu > Widgetit, jossa voit yksinkertaisesti säätää yksittäisten widget-alueiden sisältöä.

Joissakin tapauksissa kuitenkin huomaat, että etusivu toimii yksittäisenä sivuna, etkä voi muokata sitä Widgetit-alueella. Jos näin tapahtuu, löydät kotisivun sisällön Sivut – kohdasta tai voit napsauttaa Muokkaa sivua -vaihtoehtoa etusivun ylähallinnan palkissa.

Jos nämä kaksi vaihtoehtoa eivät toimi sinulle, on mahdollista, että käytät sivunrakennusohjelmaa tai teemaa, jossa on sisäänrakennettu kotisivueditori. Jos näin on, voit muokata HTML-koodia tietyillä tavoilla, jotka on kuvattu sivunrakennusohjelman tai kyseisen teeman mukana toimitetussa dokumentaatiossa.

Kuinka muokata WordPress-teemoja

Nyt aiomme selittää kuinka mukauttaa WP-teemaa. Siirry WordPress-hallintapaneelin kohtaan Ulkoasu → Editor ja etsi kyseinen teema.

Älä hämmenny, jos näet vain yhden tai kaksi tiedostoa; yleensä style.css ja functions.php. Siinä ei ole mitään epätavallista, älä huoli.

Valitettavasti mallitiedoston muuttaminen ei ole asia, jota voit tehdä kojelautaeditorissa. Sinun on kopioitava tiedosto lapsiteemaan käyttämällä FTP-sovellusta.

Jos esimerkiksi haluat muokata Twenty Eighteen -teeman HTML-tiedostoa, esimerkiksi alatunnistetta, sinun on ensin kopioitava footer.php-tiedosto lapsiteemaan FTP-sovelluksella.

Kopioi se vain tietokoneellesi ja kopioi se sitten uudelleen teemakansioon. Kun tämä on tehty, siirry WordPress-hallintapaneelin kohtaan Ulkoasu → Editor, valitse lapsiteema ja footer.php-tiedoston nimi oikeasta sivupalkista.

Päivitä koodisi ja napsauta sitten suurta sinistä Päivitä tiedosto -painiketta editorin alla.

Joissakin tapauksissa et näe Päivitä tiedosto -painiketta heti. Jos näin on, sinun on luultavasti muutettava tiedoston käyttöoikeuksia FTP-sovelluksellasi. Napsauta vain hiiren kakkospainikkeella tiedoston nimeä FTP-sovelluksessa ja valitse käyttöoikeuksien muutosvaihtoehto.

Testata

Nyt kun osaat muokata WordPressiä, voit testata selaimessasi tekemiäsi muutoksia lataamalla verkkosivuston uudelleen (Paina F5 ). Jos kaikki sujuu hyvin, olet tehnyt hienoa työtä HTML-koodien muokkaamisessa.

Jos asiat eivät ole aivan sitä, mitä odotit niiden olevan, älä huoli. Voit aina kumota muutokset tai asentaa varmuuskopion uudelleen ja yrittää uudelleen.

Lopetetaan ajatukset HTML:n muokkaamisesta WordPressissä

HTML:n koodaamisen oppiminen ei ole helppoa, mutta HTML:n muokkaamisen oppiminen WordPressissä ei ole niin huono juttu, vai mitä?

Tässä opetusohjelmassa kävimme läpi joitakin alkeellisimmista muutoksista, jotka ovat hyvä alku, jos olet vasta opettelemassa käyttämään HTML:ää. Oman verkkosivustosi koodaaminen voi olla erittäin kätevää, mutta sinun ei tarvitse olla koodausasiantuntija tehdäksesi muutaman yksinkertaisen muutoksen itse.

Muista, että jos asiat eivät mene suunnitellusti, voit aina kumota muutokset tai asentaa varmuuskopion uudelleen.

Jos pidit tämän artikkelin lukemisesta HTML:n muokkaamisesta WordPressissä, sinun kannattaa tutustua tähän artikkeliin WordPressin nollaamisesta.

Kirjoitimme myös muutamista aiheeseen liittyvistä aiheista, kuten videon upottamisesta WordPressiin, WordPressin URL-osoitteen muuttamisesta, JavaScriptin lisäämisestä WordPressiin, sivun monistamisesta WordPressissä , WordPressin käyttäjäroolien muokkaamisesta ja WordPress -suositusten lisäämisestä .