Cum să editați site-ul dvs. într-un Browser …Și apoi salvați-l!

cu toții am fost acolo:

uitându-ne la site-ul dvs. web și obsedând doar câteva lucruri mici care pur și simplu nu par „corecte”.

poate este textul, fontul, spațierea, culorile sau altceva.

în orice caz, doriți să puteți face pur și simplu o editare rapidă și să apăsați Salvare atunci când totul arată perfect. vestea bună este că browserele moderne (cum ar fi Chrome, Firefox și Safari) oferă câteva modalități de a previzualiza modificări simple la orice pagină web. Da, orice pagină web. Chiar și cele care nu sunt ale tale!,aceasta înseamnă că puteți modifica HTML și CSS (cunoscute și sub numele de cod sursă) chiar în browserul dvs.

rețineți că aceasta modifică doar versiunea locală de pe computer și nu rescrie nimic pe server. E doar o previzualizare.

dar așteptați, există mai mult! există acum o modalitate de a face modificări pe site-ul dvs. folosind instrumentele de dezvoltare ale browserului dvs. care pot fi salvate permanent pe server, așa că continuați să citiți!iată procesul pas cu pas pentru editarea unei pagini web folosind Google Chrome.,

cum să editați un site web folosind instrumente pentru dezvoltatori

  • deschideți orice pagină web cu Chrome și plasați mouse-ul peste obiectul pe care doriți să îl editați (adică: text, butoane sau imagini).
  • faceți clic dreapta pe obiect și alegeți „inspectați” din meniul contextual.Instrumentele pentru dezvoltatori se vor deschide în jumătatea inferioară a ecranului dvs., iar elementul selectat va fi evidențiat în cadrul interfeței, cunoscută și sub numele de DOM.
  • faceți dublu clic pe obiectul selectat și va trece la modul de editare., Puteți înlocui atributele de text sau stil (de exemplu: culori, fonturi, spațiere) și apoi faceți clic în afara DOM pentru a aplica modificările.
  • utilizați comanda rapidă „Găsiți” pentru a vă ajuta să căutați anumite atribute de text sau stil. („CMD + F” de pe Mac sau „CTRL + F” pe PC)

Edita orice site-ul de text, folosind nostru la îndemână bookmarklet

  • Evidențierea cu caractere îngroșate de mai jos:
    javascript:document.corp.contentEditable = ‘true’; document.designMode= ‘on’; void 0
  • trageți textul evidențiat în bara de marcaje.,
  • Faceți clic pe pictogramă ori de câte ori doriți să editați text pe o pagină!

Acum, că știi cum să modificați orice site web, hai să ne întoarcem la ceea ce este cel mai important.

cum să editați site-ul dvs. și să salvați modificările

Acest lucru nu ar putea fi mai simplu. Dacă site-ul dvs. este construit și găzduit cu PageCloud, puteți utiliza instrumentele de dezvoltare ale browserului dvs. pentru a face modificări permanente la oricare dintre paginile dvs. web.

folosind instrumentele pentru dezvoltatori cu PageCloud:

  • Conectați-vă la PageCloud.,
  • accesați pagina de pe site-ul dvs. web pe care doriți să o modificați.
  • Faceți clic pe simbolul „editați pagina” din colțul din dreapta jos. Dacă nu o puteți vedea, actualizați pagina. („CMD + R” pe Mac sau „CTRL + R”pe PC).
  • odată ce editorul este încărcat, urmați acești pași.
  • apăsați Salvare în editor sau utilizați comanda rapidă: („CMD + S „pe Mac sau” CTRL + S ” pe PC).

ușor dreapta?

Ce zici de unele știri chiar mai bine? Puteți ocoli instrumentele pentru dezvoltatori și puteți face pur și simplu modificări chiar în editor., pagecloud vă permite să vă personalizați complet paginile fără a fi nevoie să intrați în codul sursă. Doar faceți clic și editați folosind paleta. Dacă nu ați scris niciodată Cod, aceasta va fi o interfață mult mai ușor de utilizat!pentru mai multe sfaturi despre crearea unui site web cu PageCloud dacă sunteți dezvoltator și doriți să vă duceți site-ul la nivelul următor, puteți accesa editorul JavaScript folosind comanda rapidă „J + S” în timp ce sunteți conectat la editorul site-ului PageCloud.

nu am auzit niciodată de PageCloud?, încercați-l gratuit astăzi și construiți un site personalizat care vă oferă libertatea completă de a face toate modificările dorite! Înscrieți-vă pentru o încercare gratuită și începeți cu PageCloud!

Share

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *