Come modificare il tuo sito Web in un browser …E poi salvarlo!

Siamo stati tutti lì:

Fissando il tuo sito web e solo ossessionato da alcune piccole cose che semplicemente non sembrano “giuste”.

Forse è il testo, il carattere, la spaziatura, i colori o qualcos’altro.

In entrambi i casi, si desidera si può semplicemente fare una rapida modifica e premere salva quando tutto sembra perfetto.

La buona notizia è che i browser moderni, (come Chrome, Firefox e Safari) offrono un paio di modi per visualizzare in anteprima semplici modifiche a qualsiasi pagina web. Sì, qualsiasi pagina web. Anche quelli che non sono tuoi!,

Questo significa che è possibile modificare il codice HTML e CSS (noto anche come codice sorgente) direttamente nel tuo browser.

Tieni presente che questo modifica solo la versione locale sul tuo computer e in realtà non riscrive nulla sul server. E ‘ solo un’anteprima.

Ma aspetta, c’è di più!

Ora c’è un modo per apportare modifiche al tuo sito web utilizzando gli strumenti di sviluppo del browser che possono essere salvati in modo permanente sul server, quindi continua a leggere!

Ecco il processo passo-passo per la modifica di una pagina web utilizzando Google Chrome.,

Come modificare un sito web utilizzando gli strumenti di sviluppo

• Aprire qualsiasi pagina web con Chrome e passare il mouse sopra l’oggetto che si desidera modificare (ad esempio: testo, pulsanti o immagini).
• Fare clic con il pulsante destro del mouse sull’oggetto e scegliere “Ispeziona” dal menu contestuale.Gli strumenti di sviluppo si apriranno nella metà inferiore dello schermo e l’elemento selezionato verrà evidenziato all’interno dell’interfaccia, noto anche come DOM.
• Fare doppio clic sull’oggetto selezionato e passerà alla modalità di modifica., È possibile sostituire gli attributi di testo o di stile (ad esempio: colori, caratteri, spaziatura) e quindi fare clic all’esterno del DOM per applicare le modifiche.
• Usa la scorciatoia “trova” per aiutarti a cercare specifici attributi di testo o stile. (“CMD + F “su Mac o” CTRL + F”su PC)

Modifica il testo di qualsiasi sito web usando il nostro pratico bookmarklet

• Evidenzia il grassetto qui sotto:
  javascript:document.corpo.contentEditable = ‘true’; documento.designMode= ‘on’; void 0
• Trascina il testo evidenziato nella barra dei preferiti.,
• Fare clic sull’icona ogni volta che si desidera modificare il testo su una pagina!

Ora che sapete come modificare qualsiasi sito web, torniamo a ciò che è più importante.

Come modificare il tuo sito web e salvare le modifiche

Questo non potrebbe essere più semplice. Se il tuo sito Web è costruito e ospitato con PageCloud, puoi utilizzare gli strumenti di sviluppo del tuo browser per apportare modifiche permanenti a qualsiasi pagina web.

Utilizzando gli strumenti di sviluppo con PageCloud:

• Accedere a PageCloud.,
• Vai alla pagina del tuo sito web che vuoi modificare.
• Clicca sul simbolo ‘modifica pagina’ nell’angolo in basso a destra. Se non riesci a vederlo, aggiorna la pagina. (“CMD + R” su Mac o “CTRL + R” su PC).
• Una volta caricato l’editor, attenersi alla seguente procedura.
• Premi salva nell’editor o usa la scorciatoia: (”CMD + S “su Mac o” CTRL + S” su PC).

Facile giusto?

Che ne dici di alcune notizie ancora migliori? È possibile ignorare gli strumenti di sviluppo e semplicemente apportare modifiche direttamente nell’editor.,

PageCloud consente di personalizzare completamente le pagine senza mai dover andare nel codice sorgente. Basta fare clic e modificare utilizzando la tavolozza. Se non hai mai scritto il codice, questa sarà un’interfaccia molto più user-friendly!

Scopri come creare un sito web professionale per ulteriori suggerimenti sulla creazione di un sito Web con PageCloud

Se sei uno sviluppatore e vuoi portare il tuo sito al livello successivo, puoi accedere all’editor JavaScript utilizzando il collegamento “J + S” mentre sei connesso all’editor del sito Web PageCloud.

Mai sentito parlare di PageCloud?,

Provalo gratuitamente oggi e costruisci un sito web personalizzato che ti offre la completa libertà di apportare tutte le modifiche che desideri! Iscriviti per una prova gratuita e iniziare con PageCloud!