Miten muokata sivuston selaimessa …Ja sitten säästä se!

Olemme kaikki olleet siellä:

Tuijottaen verkkosivuilla ja vain pohtien, muutama vähän asioita, jotka eivät vain tunnu ”oikealta”.

Ehkä se on teksti, fontti, riviväli, värit, tai jotain muuta.

joka tapauksessa toivot, että voisit yksinkertaisesti tehdä nopean muokkauksen ja osua saveen, kun kaikki näyttää täydelliseltä.

hyvä uutinen on, että nykyaikaiset selaimet (kuten Chrome, Firefox ja Safari) tarjoaa pari tapaa esikatsella yksinkertaisia muutoksia tahansa verkkosivun. Kyllä, millä tahansa sivulla. Jopa sellaisia, jotka eivät ole sinun!,

tämä tarkoittaa, että voit muokata HTML-ja CSS-koodia (tunnetaan myös lähdekoodina) selaimessasi.

muista, että tämä muokkaa vain tietokoneellasi olevaa paikallista versiota eikä oikeastaan kirjoita mitään palvelimelle. Se on vain esimakua.

But wait, there ’ s more!

nyt on olemassa tapa tehdä muokkauksia verkkosivustollesi selaimesi kehittäjätyökalujen avulla, jotka voidaan tallentaa pysyvästi palvelimelle, joten Jatka lukemista!

tässä on vaiheittainen prosessi web-sivun muokkaamiseen Google Chromen avulla.,

kuinka muokata sivustoa kehittäjän työkaluilla

  • Avaa mikä tahansa verkkosivu Chromella ja siirrä hiirtä muokattavan kohteen päälle (eli teksti, painikkeet tai kuvat).
  • Napsauta objektia hiiren kakkospainikkeella ja valitse kontekstivalikosta ”tarkasta”.Kehittäjän työkalut aukeavat näytön alaosassa ja valittu elementti korostuu käyttöliittymässä, joka tunnetaan myös nimellä DOM.
  • kaksoisnapsauta valittua objektia ja se siirtyy muokkaustilaan., Voit korvata tekstin tai tyylin attribuutit (ts: värit, fontit, välit) ja sitten klikata ulkopuolella DOM soveltaa muutoksia.
  • käytä ”Etsi” – pikakuvaketta, jonka avulla voit etsiä tiettyjä teksti-tai tyyliominaisuuksia. (”CMD + F” Macissa tai ”CTRL + F” tai PC)

Muokkaa minkä tahansa sivuston tekstiä käyttämällä meidän kätevä kirjanmerkki

  • Korostaa lihavoitu alla:
    javascript:document.keho.contentEditable = ”true”; asiakirja.designMode= ”on”; void 0
  • vedä korostettu teksti kirjanmerkkipalkkiisi.,
  • klikkaa kuvaketta aina, kun haluat muokata tekstiä sivulla!

Nyt kun tiedät miten muuttaa minkä tahansa sivuston, mennään takaisin, mikä on tärkeintä.

Kuinka muokata verkkosivustoasi ja tallentaa muutokset

Tämä ei voisi olla yhtään yksinkertaisempaa. Jos sivustosi on rakennettu ja isännöi PageCloud, voit käyttää selaimen kehittäjän työkalut tehdä pysyviä muokkauksia tahansa web-sivuja.

käyttäen kehittäjän työkaluja PageCloud:

  • Kirjaudu sisään Pagecloudiin.,
  • Siirry muokkaamasi sivun sivulle.
  • Klikkaa ’muokkaa sivua’ – symboli näytön oikeassa yläkulmassa. Jos et näe sitä, päivitä sivu. (”CMD + R” Macissa tai ”CTRL + R” PC: ssä).
  • kun editori on ladattu, noudata näitä ohjeita.
  • paina Tallenna muokkaimessa tai käytä pikakuvaketta: (”CMD + S” Macissa tai ”CTRL + S” PC: ssä).

Easy right?

miten olisi vielä parempia uutisia? Voit ohittaa Kehittäjän työkalut ja yksinkertaisesti tehdä muutoksia oikein muokkaimessa.,

Pagecloudin avulla voit muokata sivujasi täysin ilman, että sinun tarvitsee koskaan mennä lähdekoodiin. Klikkaa ja muokkaa palettia. Jos et ole koskaan kirjoittanut koodia, tämä on paljon käyttäjäystävällisempi käyttöliittymä!

tutustu, Miten rakentaa ammatillinen verkkosivuilla, niin saat lisää vinkkejä luoda sivusto, jossa PageCloud

Jos olet kehittäjä ja haluat ottaa sivuston seuraavalle tasolle, voit käyttää JavaScript-editori, jonka avulla ”J + T” oikotie kun kirjautuneena PageCloud verkkosivuilla editori.

koskaan kuullut Pagecloudista?,

kokeile sitä ilmaiseksi tänään ja rakenna mukautettu verkkosivusto, joka tarjoaa sinulle täydellisen vapauden tehdä kaikki haluamasi muutokset! Rekisteröidy ilmaiseen kokeiluversioon ja aloita PageCloud!

Share

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *